《嵌入式HTML编辑器的设计和实现》由会员分享，可在线阅读，更多相关《嵌入式HTML编辑器的设计和实现（75页珍藏版）》请在金锄头文库上搜索。
1、嵌入式HTML编辑器的设计和实现摘要随着编程技术的日益大众化,普遍化,大量的编程语言被更多的人们所掌握,HTML语言作为一种简单易懂的标签语言更是倍受编码爱好者的青睐。编码语言的普及化增高随之带来的是对于编辑器功能的需求提高。一款好的编辑器不仅要实现最基本的功能，将代码语言编译成计算机可识别的机器语言；还需要具有舒适友好的编译环境界面和方便的文本处理功能。这样的编辑器有助于提高编码者的编辑效率还能提高初学者继续学习下去的兴趣。因此，为了更加方便自己的编码，提高自己的编码效率，所以自己设计实现了一款简单的可视化HTML编辑器。编辑器中实现解释标签功能主要是使用了QT中的WebKit技术，在该模块
2、中主要有三个类分别为QWebView、QWebPage和QWebView,它们其中包含的方法就可实现HTML标签的解释功能，并可实现网页的逆解析过程，可视化界面中实现网页的浏览也是利用了这一技术，因此，这一技术是本编辑器使用的核心技术。在搭建可视化编辑器的过程中使用了大量QT中封装的类，其中最大的一个类是管理布局栈类，将水平布局和垂直布局放在其中，这样就可较方便的实现不同的布局相互切换，这样就可根据编程者的个人喜好去改变界面的布局了。本论文中重要介绍了项目的研发背景，所完成的功能和研发过程，重点讲解了主要技术、设计思想、解决方案。 关键词 HTML编辑器； WebKit； 可视化界面； 设计；
3、Embedded HTML editor design and implementationAbstractWith the growing popularity of programming techniques , generalization . a lot of programming languages are more people to grasp , HTML language as an easy -to-understand language is much favored by the encoding lovers. The increased popularity o
4、f coded language is edited and brought demand for improved functionality . A good editor not only to achieve the most basic function , the code is edited into machine language recognizable ; It also need to have a comfortable environment -friendly interface and easy to edit text processing functions
5、. Such editors help increase editing efficiency coding beginners who can raise the interest to continue learning forever. Therefore , in order to more easily encode their own to improve their coding efficiency , so their design and implementation of a simple visual HTML editor. Editor achieved mainl
6、y explained labels using the QT WebKit technology, the module has three main categories namely QWebView, QWebPage and QWebFrame which contains methods that they can achieve explain the functionality of HTML tags, and to achieve inverse parsing the page, visual interface is also implemented in Web br
7、owsers take advantage of this technology, so this technology is the core technology used in the editor. Use the visual editor to build the course in a lot of QT type of package, the largest of which is the management of a class stack class layout, the horizontal and vertical layout in which the layo
8、ut, so you can achieve more convenient to switch between different layouts this can be based on the personal preferences of the programmer to change the layout of the interface. This paper describes the development of an important project background , function and development process ,done to highli
9、ght the main technical , design ideas, solutions.Key words HTMLeditor; WebKit; class; design;ii目录摘要iAbstractii1 引言11.1 研究现状11.2 主要研究的目的及内容11.3 研究方法及设计思路11.3.1 研究方法11.3.2 设计思路12 应用需求分析与可行性分析32.1 应用需求分析32.2 运行需求分析32.3 其他需求分析32.4 可行性分析32.4.1 经济可行性32.4.2 技术可行性42.4.3 运行可行性42.4.4 时间可行性42.4.5 法律可行性42.5 程序开
10、发步骤43 相关技术简介63.1 QT Creator简介63.2 WebKit模块详析63.2.1 QWebView类63.2.2 QWebPage类73.2.3 QWebFrame类73.3 HTML语言介绍84 系统分析94.1 程序中使用的类及成员94.1.1 类名94.1.2 QT中的类名104.1.3 QT函数中的成员函数名及成员变量104.2 基础主控流程图134.3 成员槽函数流程图154.4 类图195 系统设计215.1 概要设计215.2 系统结构设计215.3 详细设计215.3.1 可视化主界面设计215.3.2 可视化菜单设计245.3.3 逻辑代码设计336 系统
11、调试与测试356.1 程序调试356.2 程序的测试356.2.1 测试的重要性及目的356.2.2 测试的步骤366.2.3 测试的主要内容36结束语39参考文献40致谢41外文原文42中文翻译621 引言1.1 研究现状编译器设计最近的发展包括：首先，编译器包括了更加复杂算法的应用程序它用于推断或简化程序中的信息；这又与更为复杂的程序设计语言的发展结合在一起。其中典型的有用于函数语言编译的Hindley-Milner类型检查的统一算法。其次，编译器已越来越成为基于窗口的交互开发环境（Interactive Development Environment，IDE）的一部分，它包括了编辑器、连
12、接程序、调试程序以及项目管理程序。这样的IDE标准并没有多少，但是对标准的窗口环境进行开发已成为方向。另一方面，尽管近年来在编译原理领域进行了大量的研究，但是基本的编译器设计原理在近20年中都没有多大的改变，它现在正迅速地成为计算机科学课程中的中心环节。现在随着语言的发展，编译器也呈现出井喷式的趋势，整个编译器市场呈现出百家争鸣的态势。其中有些编译器界面设计精美舒适友好，但是功能不够完善；有些编译器功能强大，但操作过于复杂冗余；能作到面面具到的编译器是少之又少；更有些商业编译器还需要付费。因此影响了编程技术的普及广度。因此有许多代码程序员开始自己设计并实现符合自己使用习惯的编译器。这种趋势必将
13、继续发展下去。HTML语言作为一种标签解释类语言在当前发展情况下,很少有专门的编辑器,一般情况下使用记事本工具进行编辑然后保存为html扩展名的文件，再使用浏览器打开才能查看编辑结果。这样就造成了过程操作上的繁琐，导致程序员的工作效率不高，会造成整个项目流程不能顺畅的进行下去。这些都是传统的html编辑过程的弊端。因此，本项目主要就是为了解决传统html的编写过程中编辑界面和展示界面分离的弊端，以提高工作效率。1.2 主要研究的目的及内容本课题的主要目的是使HTML代码的编辑更清晰化，透明化，便于操作，使编辑过程和结果展示处于同一界面之上。通过功能模块的优化组合实现不同的编程细节，使编辑过程实
14、现最大程度的便利,并能自动匹配标签,使编辑代码过程出错率降至最低。使用面向对象的编程理念，将编译器的主窗口封装成类。并将编译器的功能抽象为函数封装于主窗口类中。使用QT Creater工具，调用Qt封装成的函数去实现可视化的编程，并且实现HTML的正向编译、网页内容的逆向编译和编写窗口与展示窗口的布局改变。1.3 研究方法及设计思路1.3.1 研究方法随着编程技术的普及，开发出功能强大、界面友好舒适且操作简单的HTML编辑器就迫在眉睫了。针对上述问题，采用软件工程的开发原理，依据软件流程过程规范，按照需求分析、概要设计、详细设计、程序编码、测试、软件应用、软件维护等过程开发了一个HTML的编辑
15、器。采用QT Creator作为开发工具，基于C+语言并大量使用QT中封装的类及类的成员变量和成员函数，保证了程序运行的效率和编译的正确性。1.3.2 设计思路（1）程序应满足HTML代码的正向解析和逆向解析，可以根据编辑者需求改变编辑框和展示框的布局，满足熟练编程人员和新手的日常编辑需求，并达到操作过程中的直观，方便，实用等要求；（2）系统采用模块化程序设计方法，既便于程序功能的各种组合和修改，又便于以后新功能的加入和程序的升级； （3）程序应具备基本的文本编辑功能； （4）尽量采用代码去完成界面的设计和布局，这样有利于界面控件精细化设计更有利于保存界面的美观与完整性，有益于去改动升级编译器的外观界面。2 应用需求分析与可行性分析改变传统的的HTML编辑过程和展示过程异步的局面，是有效提高HTML语言编辑效率的好方法，并且为程序员提供一个舒服适合自己的编辑界面也是提高程序员编辑效率的方法，因此此编辑器应具备基本的文本编辑器
