当前位置:   article > 正文

利用QT Creator(4.13.1)开发基于C++语言的C语言集成开发环境(IDE)_使用qt编写c语言编译器

使用qt编写c语言编译器

目录

前言

一、QT Creator 的概述

(一)QT Creator 的介绍

(二) QT Creator 的历史

(三)下载与安装

 1.下载地址:

2.安装: 默认安装(建议组件全部选中)

(四)成功案例

二、基本功能性能要求

(一)基本功能要求:

1.提供基本编辑功能:

2.提供编译运行功能:

(二)基本性能要求

三、开发过程

(一)项目建立及框架构建

1.建立项目

2.框架构建

(二)各项基本功能的建立

1.新建

 2.打开

3.保存 

 4.退出

 5.另存为

 6.撤销

7.复制拷贝

8.剪切+粘贴 

 9.编译

10. 查找

11.停止查找

12.查找下一个

13.全文替换

14.结束替换

15.插入各组槽函数(DATA、for循环、while循环、do_while循环、switch、if、Class) 

 (三)部分实用小功能的添加

1.快捷键的添加

 2.字体设置

 3.工具栏图片资源添加

 三、运行效果

总结


 


前言

      同学们在学习完C++后都不免有许多疑惑。例如,有些简单的能用C语言解决的问题为什么要用C++呢?学习了C++语言我该怎么使用呢?C++语言的优势如何体现呢?

      接下来,作者将以一个实例(利用QT Creator 4.13.1开发基于C++语言的C语言集成开发环境)体现C++语言的优势。因此本文主要讲的是如何开发一个简易的C语言IDE。而同学们需要跟着学习制作这个简易的IDE以体会C++语言的优势所在。




一、QT Creator 的概述

(一)QT Creator 的介绍

     Qt Creator是跨平台的 Qt IDE, Qt Creator 是 Qt 被 Nokia 收购后推出的一款新的轻量级集成开发环境(IDE)。此 IDE 能够跨平台运行,支持的系统包括 Linux(32 位及 64 位)、Mac OS X 以及 Windows。根据官方描述,Qt Creator 的设计目标是使开发人员能够利用 Qt 这个应用程序框架更加快速及轻易的完成开发任务。 

     Qt Creator 包括项目生成向导、高级的 C++ 代码编辑器、浏览文件及类的工具、集成了 Qt Designer、Qt Assistant、Qt Linguist(里边的QT助手在开发过程中很有帮助)、图形化的 GDB 调试前端,集成 qmake 构建工具等。

(二) QT Creator 的历史

1991年 Qt最早由奇趣科技开发

1996年 进入商业领域,它也是目前流行的Linux桌面环境KDE的基础

2008年 奇趣科技被诺基亚公司收购,Qt称为诺基亚旗下的编程语言

2012年 Qt又被Digia公司收购

2014年4月 跨平台的集成开发环境Qt Creator3.1.0发布,同年5月20日配发了Qt5.3正式版,至此Qt实现了对iOS、Android、WP等各平台的全面支持。

(三)下载与安装

 1.下载地址:

www.qt.io/download-open-source/http://www.qt.io/download-open-source/

2.安装: 默认安装(建议组件全部选中)

(详细的QT Creator基础使用手册私信请作者获取)

(四)成功案例

  1. Linux桌面环境KDE
  2. WPS Office 办公软件
  3. Skype 网络电话
  4. Google Earth 谷歌地图
  5. VLC多媒体播放器
  6. VirtualBox虚拟机软件

 废话不多说,进入正题~


 



二、基本功能性能要求

  编写一个简单的C语言集成开发环境IDE 



(一)基本功能要求:

1.提供基本编辑功能:

  • 支持键盘/鼠标操作,必要的菜单操作
  • 建立文件,保存/打开/另存/关闭
  • 对字符/串的插入、删除、查找、替换
  • 对文本块的复制、粘贴、剪切 

2.提供编译运行功能:

  • 能够进行编译/链接,并反馈编译结果

  • 对通过 编译的程序投入运行并给出执行结果

(二)基本性能要求

  • 支持单文件编辑,文本长度不超过2000行

  • 装入/保存2000行源程序

  • 基本操作(插入/删除/查找等)响应无明显延迟 




三、开发过程

    1.在开发之前同学们需要利用学习手册先了解QT Creator 的一些基本操作。(学习手册私信作者获取)

    2.安装好Linguist 5.12.10 (MSVC 2017 64-bit),开发过程有不懂的地方都可以在上面查找。

       QT助手打开方式:打开Linguist -> 点击菜单栏的“帮助” -> 点击 QT 助手;

结果如下图:

(可以在左侧查找框搜索所需内容)

(一)项目建立及框架构建

1.建立项目

   选用ui设计师模式对界面基本框架进行构建,添加相应的菜单栏、工具栏、文本编辑框、状态栏等。

    mainwindow.cpp中加入相应初始化代码:

  1. ui->setupUi(this);
  2. setCentralWidget(ui->textEdit);//自适应窗口大小
  3. flag=utf8;//初始化,默认flag显示utf-8
  4. codec=QTextCodec::codecForName("gbk"); //字符编码指针初始化
  5. QString str;
  6. str=ui->textEdit->toPlainText();
  7. path="";

2.框架构建

   (1)“文件”菜单项内容添加:

(2)“编辑”菜单项内容添加:

(3)“编译”菜单项无子菜单项

(二)各项基本功能的建立

      对各项功能的建立即槽函数的填充, QT Creator 最核心的就是信号与槽的概念。在ui设计界面的下端排列有建立的action,右键点击其中一栏,点击“转到槽”即可跳转到该action槽函数的设置。

      各个功能槽函数都在下面给出,并由相应注释进行解释。

      QT的语言库中包含了非常丰富的函数库,同学们可以在QT助手当中查找相应用法并加以利用。

1.新建

     方便后边使用,在mainwindow.cpp 中添加可能会用到的头文件:

  1. #include "mainwindow.h"
  2. #include "ui_mainwindow.h"
  3. #include <QFileDialog>
  4. #include <QDebug>
  5. #include <QTextCodec>
  6. #include <string.h>
  7. #include <QLineEdit>
  8. #include <QDialog>
  9. #include <QPushButton>
  10. #include <QVBoxLayout>
  11. #include <QMessageBox>
  12. #include <QTextCursor>
  13. #include <QPlainTextEdit>
  14. #include <QLabel>
  15. #include <QDateTime>
  16. #include <QTextCharFormat>
  17. #include <QFontDialog>
  18. #include <QToolBar>

     “建立”功能槽函数:

  1. ui->textEdit->clear();
  2. path="";

 2.打开

  1. path=QFileDialog::getOpenFileName();//打开一个文件,获取此文件目录
  2. if(path.isEmpty()) {return;}//如果没有选择路径
  3. char *fileName= codec->fromUnicode(path).data();
  4. FILE* fp=fopen(fileName,"rb");//打开文件,fopen(),如果有中文,需要gbk
  5. if(fp==NULL){ //打开失败
  6. return;
  7. }//循环读取文件内容fgets(),读取内容char*
  8. char buf[2048];QString str="";//读之前,清空buf内容
  9. while(1)
  10. {
  11. memset(buf,0,sizeof(buf));
  12. fgets(buf,sizeof(buf),fp);
  13. if(flag==utf8){str=str+buf;}
  14. else if(flag==gbk)
  15. {
  16. str=str+codec->toUnicode(buf);
  17. }
  18. if(feof(fp)) {break;} //如果文件结束,结束循环
  19. }
  20. ui->textEdit->setText(str);//需要把读取的内容给编辑区设置setText

3.保存 

  1. if(path.isEmpty())//如果路径为空,没选择路径,需选择路径
  2. { path=QFileDialog::getSaveFileName();//不空,将内容保存到原来的路径 打开文件,获取编辑器内容 保存文件 关闭文件
  3. if(path.isEmpty()) {return;}
  4. }
  5. char *fileName=codec->fromUnicode(path).data();//将utf-8替换成gbk,同时将QString转换为char*
  6. FILE* fp=fopen(fileName,"wb");//打开文件,fopen(),需要的路径为char*,有中文要gbk
  7. if(fp==NULL) {return;}//打开失败
  8. QString str=ui->textEdit->toPlainText();//获取编辑区内容QString
  9. const char * buf=str.toStdString().data();//将编辑区内容QString转为char*
  10. fputs(buf,fp);//将编辑区内容写入文件fputs
  11. fclose(fp);//关闭文件

 4.退出

exit(0);

 5.另存为

  1. path=QFileDialog::getSaveFileName();//选择文件保存路径
  2. if(path.isEmpty()) {return;}
  3. qDebug()<<path;
  4. char *fileName=codec->fromUnicode(path).data();//将utf-8替换成gbk,同时将QString转换为char*
  5. FILE* fp=fopen(fileName,"wb");//打开文件,fopen(),需要的路径为char*,有中文要gbk
  6. if(fp==NULL) {return;}//打开失败
  7. QString str=ui->textEdit->toPlainText();//获取编辑区内容QString
  8. const char * buf=str.toStdString().data();//将编辑区内容QString转为char*
  9. fputs(buf,fp);//将编辑区内容写入文件fputs
  10. fclose(fp);//关闭文件

 6.撤销

ui->textEdit->undo();

7.复制拷贝

ui->textEdit->copy();

8.剪切+粘贴 

   剪切:

ui->textEdit->cut();

   粘贴:

ui->textEdit->paste();

 9.编译

  1. if(path.isEmpty()) { //已经完成编写,但还未保存,则先进行保存操作
  2. if(ui->textEdit->document()->isEmpty()){return;};
  3. path=QFileDialog::getSaveFileName();
  4. if(path.isEmpty()) {return;}//路径为空则返回,不空,将内容保存到原来的路径 打开文件,获取编辑器内容 保存文件 关闭文件
  5. char *fileName=codec->fromUnicode(path).data();//将utf-8替换成gbk,同时将QString转换为char*
  6. FILE* fp=fopen(fileName,"wb");//打开文件,fopen(),需要的路径为char*,有中文要gbk
  7. if(fp==NULL) {return;}//打开失败
  8. QString str=ui->textEdit->toPlainText();//获取编辑区内容QString
  9. const char * buf=str.toStdString().data();//将编辑区内容QString转为char*
  10. fputs(buf,fp);//将编辑区内容写入文件fputs
  11. fclose(fp);//关闭文件
  12. }
  13. QString demo=path;
  14. demo.replace(".c","");//将demo内部的字符.c替换为空字符
  15. QString cmd=QString ("gcc %1 -o %2").arg(path).arg(demo);//如果有中文,需要gbk,同时将QString转化为char*
  16. int ret=system(codec->fromUnicode(cmd).data());//如果编码正确,system返回值为0
  17. if(ret!=0){ //如果代码出错,再编译一次
  18. cmd=QString ("cmd /k gcc %1 -o %2").arg(path).arg(demo);
  19. system(codec->fromUnicode(cmd).data());
  20. return;}
  21. QString target=QString ("cmd/k %1").arg(demo);//执行到这一步,编译成功,需要执行程序
  22. system(codec->fromUnicode(target).data());

10. 查找

      在mainwindow.h头文件中的私有成员处声明全局变量:(由于涉及到查找的一些其他操作,因此一下变量需设置成全局变量)

  1. QLineEdit *findLineEdit;
  2. QDialog *findDlg;

      mainwindow.cpp源文件中的构造函数:

  1. findDlg = new QDialog(this);//创建对话框
  2. findDlg->setWindowTitle(tr("查找"));//设置对话框标题
  3. findLineEdit = new QLineEdit(findDlg);//创建QLineEdit
  4. QPushButton *btn= new QPushButton(tr("查找"), findDlg);//创建查找按钮
  5. QPushButton *btn1= new QPushButton(tr("结束查找"), findDlg);//创建结束查找按钮
  6. QPushButton *btn2= new QPushButton(tr("查找下一个"), findDlg);//创建查找下一个按钮
  7. QVBoxLayout *layout= new QVBoxLayout(findDlg);//创建layaout
  8. layout->addWidget(findLineEdit);//将创建的QLineEdit、Button放置在layout上
  9. layout->addWidget(btn);
  10. layout->addWidget(btn2);
  11. layout->addWidget(btn1);
  12. connect(btn, SIGNAL(clicked()), this, SLOT(on_actionchao_triggered()));//连接
  13. connect(btn1, SIGNAL(clicked()), this, SLOT(tingzhicahzhao ()));
  14. connect(btn2, SIGNAL(clicked()), this, SLOT(chazhaoxiayige ()));

     查找槽函数:

  1. int flag=0;
  2. findDlg->setFixedSize(400,300);
  3. findDlg->show();//显示对话框
  4. QString str=findLineEdit->text();//获取输入的string
  5. QTextDocument *document = ui->textEdit->document();//定义QTextDocunment对象
  6. bool found = false;
  7. QTextCursor highlight_cursor(document);
  8. QTextCharFormat color_format(highlight_cursor.charFormat());
  9. color_format.setForeground(Qt::black); //设置字体颜色
  10. color_format.setBackground(Qt::yellow); //设置背景颜色
  11. while (!highlight_cursor.isNull() && !highlight_cursor.atEnd()&&str!="")
  12. {
  13. //查找指定的文本,匹配整个单词
  14. highlight_cursor = document->find(str, highlight_cursor, QTextDocument::FindWholeWords);
  15. if (!highlight_cursor.isNull())
  16. {
  17. if (!found) found = true;
  18. highlight_cursor.mergeCharFormat(color_format),flag++;
  19. }
  20. }
  21. if(flag==0&&str!="") {
  22. QMessageBox::warning(this, tr("查找"),tr("找不到%1").arg(str));
  23. }

11.停止查找

  1. QString str1=findLineEdit->text();
  2. QTextDocument *document = ui->textEdit->document();
  3. bool found = false;
  4. QTextCursor highlight_cursor(document);
  5. QTextCharFormat color_format(highlight_cursor.charFormat());
  6. color_format.setForeground(Qt::black); //字体颜色
  7. color_format.setBackground(Qt::white); //背景颜色
  8. while (!highlight_cursor.isNull() && !highlight_cursor.atEnd()&&str1!="")
  9. {
  10. //查找指定的文本,匹配整个单词
  11. highlight_cursor = document->find(str1, highlight_cursor, QTextDocument::FindWholeWords);
  12. if (!highlight_cursor.isNull())
  13. {
  14. if (!found) found = true;
  15. highlight_cursor.mergeCharFormat(color_format);
  16. }
  17. }
  18. findLineEdit->clear();
  19. findDlg->close();

12.查找下一个

  1. QString str2=findLineEdit->text();
  2. QTextDocument *document = ui->textEdit->document();
  3. bool found = false;
  4. QTextCursor highlight_cursor(document);
  5. QTextCharFormat color_format(highlight_cursor.charFormat());
  6. color_format.setForeground(Qt::black); //字体颜色
  7. color_format.setBackground(Qt::white); //背景颜色
  8. while (!highlight_cursor.isNull() && !highlight_cursor.atEnd()&&str2!="")
  9. {
  10. //查找指定的文本,匹配整个单词
  11. highlight_cursor = document->find(str2, highlight_cursor, QTextDocument::FindWholeWords);
  12. if (!highlight_cursor.isNull())
  13. {
  14. if (!found) found = true;
  15. highlight_cursor.mergeCharFormat(color_format);
  16. }
  17. }
  18. findLineEdit->clear();

13.全文替换

       在mainwindow.h头文件中的私有成员处声明全局变量:(由于涉及到替换的一些其他操作,因此一下变量需设置成全局变量)

  1. QDialog *replaceDlg;
  2. QLineEdit *replaceLineEdit_1;
  3. QLineEdit *replaceLineEdit_2;

     mainwindow.cpp源文件中构造函数所需加入内容:

  1. replaceDlg=new QDialog;
  2. replaceDlg->setWindowTitle("全文替换");
  3. QLabel *Rlable_1= new QLabel(tr("想用:"), replaceDlg);
  4. replaceLineEdit_1 =new QLineEdit(replaceDlg);
  5. QLabel *Rlable_2= new QLabel(tr("替换:"), replaceDlg);
  6. replaceLineEdit_2 =new QLineEdit(replaceDlg);
  7. QVBoxLayout *Rlayout= new QVBoxLayout(replaceDlg);
  8. Rlayout->addWidget(Rlable_1);
  9. Rlayout->addWidget(replaceLineEdit_1);
  10. Rlayout->addWidget(Rlable_2);
  11. Rlayout->addWidget(replaceLineEdit_2);
  12. QPushButton *Rbtn_1= new QPushButton(tr("替换!"), replaceDlg);
  13. QPushButton *Rbtn_2= new QPushButton(tr("结束替换"), replaceDlg);
  14. Rlayout->addWidget(Rbtn_1);
  15. Rlayout->addWidget(Rbtn_2);
  16. connect(Rbtn_1, SIGNAL(clicked()), this, SLOT(on_actionhuan_triggered()));
  17. connect(Rbtn_2, SIGNAL(clicked()), this, SLOT(jieshutihuan()));

 全文替换函数:

  1. replaceDlg->setFixedSize(400,300);
  2. replaceDlg->show();
  3. QString str1=replaceLineEdit_1->text();
  4. QString str2=replaceLineEdit_2->text();
  5. QString str3;
  6. QTextDocument *document = ui->textEdit->document();
  7. bool found = false;
  8. QTextCursor replace_cursor(document);
  9. while (!replace_cursor.isNull() && !replace_cursor.atEnd()&&str2!=""&&str1!="")
  10. {
  11. //查找指定的文本,匹配整个单词
  12. replace_cursor = document->find(str2, replace_cursor, QTextDocument::FindWholeWords);
  13. if (!replace_cursor.isNull())
  14. {
  15. if (!found) found = true;
  16. replace_cursor.removeSelectedText();
  17. replace_cursor.insertText(str1);
  18. }
  19. }
  20. replaceLineEdit_1->clear(),replaceLineEdit_2->clear();

14.结束替换

    replaceDlg->close();

15.插入各组槽函数(DATA、for循环、while循环、do_while循环、switch、if、Class) 

  1. /*insert部分中的Date*/
  2. void MainWindow::on_actionDate_triggered()
  3. {
  4. QTextDocument *document = ui->textEdit->document();//获取文档
  5. QTextCursor Datecursor(document);//定义光标
  6. QString Date;//定义承接时间的字符串
  7. Date = QDateTime::currentDateTime().toString("yyyy-MM-dd hh:mm:ss");//获取系统时间
  8. Datecursor.insertText(Date);//再光标处插入系统时间
  9. }
  10. /*insert部分中的for循环*/
  11. void MainWindow::on_actionfor_triggered()
  12. {
  13. QTextDocument *document = ui->textEdit->document();//获取文档
  14. QTextCursor for_cursor(document);//定义光标
  15. QString for_string="for(;;){\n}";
  16. for_cursor.insertText(for_string);
  17. }
  18. /*insert部分中的while循环*/
  19. void MainWindow::on_actionwhile_triggered()
  20. {
  21. QTextDocument *document = ui->textEdit->document();//获取文档
  22. QTextCursor while_cursor(document);//定义光标
  23. QString while_string="while(){\n}";
  24. while_cursor.insertText(while_string);
  25. }
  26. /*insert部分中的do_while循环*/
  27. void MainWindow::on_actiondo_while_triggered()
  28. {
  29. QTextDocument *document = ui->textEdit->document();//获取文档
  30. QTextCursor do_while_cursor(document);//定义光标
  31. QString do_while_string="do {\n} while();";
  32. do_while_cursor.insertText(do_while_string);
  33. }
  34. /*insert部分中的if*/
  35. void MainWindow::on_actionif_triggered()
  36. {
  37. QTextDocument *document = ui->textEdit->document();//获取文档
  38. QTextCursor if_cursor(document);//定义光标
  39. QString if_string="if() {\n}";
  40. if_cursor.insertText(if_string);
  41. }
  42. /*insert部分中的switch*/
  43. void MainWindow::on_actionswitch_triggered()
  44. {
  45. QTextDocument *document = ui->textEdit->document();//获取文档
  46. QTextCursor switch_cursor(document);//定义光标
  47. QString switch_string="switch() {\n default:\n}";
  48. switch_cursor.insertText(switch_string);
  49. }
  50. /*insert部分中的Class*/
  51. void MainWindow::on_actionClass_triggered()
  52. {
  53. QTextDocument *document = ui->textEdit->document();//获取文档
  54. QTextCursor Class_cursor(document);//定义光标
  55. QString Class_string="class {\n // Private section\n public:\n // Public Declarations\n protected:\n // Protected Declarations\n};";
  56. Class_cursor.insertText(Class_string);
  57. }

 (三)部分实用小功能的添加

1.快捷键的添加

    mainwindow.cpp中的构造函数:

  1. ui->actionnew->setShortcut(tr("Ctrl+n"));//新建
  2. ui->action_11->setShortcut(tr("Ctrl+o"));//打开
  3. ui->action1->setShortcut(tr("Ctrl+s"));//保存
  4. ui->actionlingcunwei->setShortcut(tr("Ctrl+Shift+s"));//另存为
  5. ui->actiontui->setShortcut(tr("Esc"));//退出
  6. ui->actionchexiao->setShortcut(tr("Ctrl+u"));//撤销
  7. ui->actionfuzhi->setShortcut(tr("Ctrl+c"));//复制
  8. ui->actionzhantie->setShortcut(tr("Ctrl+v"));//粘贴
  9. ui->actionjianqie->setShortcut(tr("Ctrl+p"));//剪切
  10. ui->actionbianyi->setShortcut(tr("Ctrl+Shift+c"));//编译
  11. ui->actionchao->setShortcut(tr("Ctrl+f"));//查找
  12. ui->actionhuan->setShortcut(tr("Ctrl+r"));//替换

 2.字体设置

槽函数:

  1. QTextCharFormat fmt;
  2. bool ok;
  3. QFont font = QFontDialog::getFont(&ok, QFont("Consolas",9), this,"设置显示字体");
  4. fmt.setFont(font);
  5. ui->textEdit->setCurrentCharFormat(fmt);

 3.工具栏图片资源添加

    在工具栏上,每个按钮都是以文字显示,为了美观我们也可以添加图片资源,并建立按钮与某张图片的联系。

    mainwindow.cpp中的构造函数:

  1. /*工具栏图片资源添加*/
  2. ui->actionnew->setIcon(QIcon(":/new/xinjian1.png"));
  3. ui->actionchexiao->setIcon(QIcon(":/new/qianfanye.png"));
  4. ui->actionredo->setIcon(QIcon(":/new/houfanye.png"));
  5. ui->action1->setIcon(QIcon(":/new/baocun.png"));
  6. ui->actionbianyi->setIcon(QIcon(":/new/bianyi.png"));
  7. ui->actionlingcunwei->setIcon(QIcon(":/new/lingcunwei.png"));
  8. ui->actiontui->setIcon(QIcon(":/new/tuichu.png"));
  9. ui->action_11->setIcon(QIcon(":/new/dakai.png"));
  10. ui->actionfuzhi->setIcon(QIcon(":/new/fuzhi.png"));
  11. ui->actionzhantie->setIcon(QIcon(":/new/zhantie.png"));
  12. ui->actionjianqie->setIcon(QIcon(":/new/jianqie.png"));
  13. ui->actionchao->setIcon(QIcon(":/new/chazhao.png"));
  14. ui->actionhuan->setIcon(QIcon(":/new/tihuan.png"));
  15. ui->menu_insert->setIcon(QIcon(":/new/charu.png"));
  16. ui->actionsetfont->setIcon(QIcon(":/new/shezhi.png"));

 三、运行效果

    由于运行效果不便展示(各个功能需要编辑代码进行测试),仅展示程序运行后的主界面。



总结

    QT Creator 的函数库很丰富,功能很强大,使用起来很方便。上面仅仅是一个非常简单的例子,希望同学们在开发的过程中能够体会到C++语言的优势。(嘿嘿,比较懒的同学可以私信作者直接获取原project哦)

    同学们如果想利用QT Creator 进行多人开发同一个项目,可以使用SVN、Git等版本控制器。 

    初次编写博客,难免有所疏漏,还望观众老爷谅解,能向笔者提出批评指正,谢谢!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/309804
推荐阅读
相关标签
  

闽ICP备14008679号