嵌入式HTML编辑器的设计和实现毕业设计.docx

嵌入式HTML编辑器的设计和实现毕业设计.docx

《嵌入式HTML编辑器的设计和实现毕业设计.docx》由会员分享，可在线阅读，更多相关《嵌入式HTML编辑器的设计和实现毕业设计.docx（67页珍藏版）》请在冰豆网上搜索。

嵌入式HTML编辑器的设计和实现毕业设计

嵌入式HTML编辑器的设计和实现

摘要

随着编程技术的日益大众化,普遍化,大量的编程语言被更多的人们所掌握,HTML语言作为一种简单易懂的标签语言更是倍受编码爱好者的青睐。

编码语言的普及化增高随之带来的是对于编辑器功能的需求提高。

一款好的编辑器不仅要实现最基本的功能，将代码语言编译成计算机可识别的机器语言；还需要具有舒适友好的编译环境界面和方便的文本处理功能。

这样的编辑器有助于提高编码者的编辑效率还能提高初学者继续学习下去的兴趣。

因此，为了更加方便自己的编码，提高自己的编码效率，所以自己设计实现了一款简单的可视化HTML编辑器。

编辑器中实现解释标签功能主要是使用了QT中的WebKit技术，在该模块中主要有三个类分别为QWebView、QWebPage和QWebView,它们其中包含的方法就可实现HTML标签的解释功能，并可实现网页的逆解析过程，可视化界面中实现网页的浏览也是利用了这一技术，因此，这一技术是本编辑器使用的核心技术。

在搭建可视化编辑器的过程中使用了大量QT中封装的类，其中最大的一个类是管理布局栈类，将水平布局和垂直布局放在其中，这样就可较方便的实现不同的布局相互切换，这样就可根据编程者的个人喜好去改变界面的布局了。

本论文中重要介绍了项目的研发背景，所完成的功能和研发过程，重点讲解了主要技术、设计思想、解决方案。

关键词HTML编辑器；WebKit；可视化界面；设计；

EmbeddedHTMLeditordesignandimplementation

Abstract

Withthegrowingpopularityofprogrammingtechniques,generalization.alotofprogramminglanguagesaremorepeopletograsp,HTMLlanguageasaneasy-to-understandlanguageismuchfavoredbytheencodinglovers.Theincreasedpopularityofcodedlanguageiseditedandbroughtdemandforimprovedfunctionality.Agoodeditornotonlytoachievethemostbasicfunction,thecodeiseditedintomachinelanguagerecognizable;Italsoneedtohaveacomfortableenvironment-friendlyinterfaceandeasytoedittextprocessingfunctions.Sucheditorshelpincreaseeditingefficiencycodingbeginnerswhocanraisetheinteresttocontinuelearningforever.Therefore,inordertomoreeasilyencodetheirowntoimprovetheircodingefficiency,sotheirdesignandimplementationofasimplevisualHTMLeditor.

EditorachievedmainlyexplainedlabelsusingtheQTWebKittechnology,themodulehasthreemaincategoriesnamelyQWebView,QWebPageandQWebFramewhichcontainsmethodsthattheycanachieveexplainthefunctionalityofHTMLtags,andtoachieveinverseparsingthepage,visualinterfaceisalsoimplementedinWebbrowserstakeadvantageofthistechnology,sothistechnologyisthecoretechnologyusedintheeditor.UsethevisualeditortobuildthecourseinalotofQTtypeofpackage,thelargestofwhichisthemanagementofaclassstackclasslayout,thehorizontalandverticallayoutinwhichthelayout,soyoucanachievemoreconvenienttoswitchbetweendifferentlayoutsthiscanbebasedonthepersonalpreferencesoftheprogrammertochangethelayoutoftheinterface.

Thispaperdescribesthedevelopmentofanimportantprojectbackground,functionanddevelopmentprocess,donetohighlightthemaintechnical,designideas,solutions.

KeywordsHTMLeditor;WebKit;class;design;

1引言

1.1研究现状

编译器设计最近的发展包括：

首先，编译器包括了更加复杂算法的应用程序它用于推断或简化程序中的信息；这又与更为复杂的程序设计语言的发展结合在一起。

其中典型的有用于函数语言编译的Hindley-Milner类型检查的统一算法。

其次，编译器已越来越成为基于窗口的交互开发环境（InteractiveDevelopmentEnvironment，IDE）的一部分，它包括了编辑器、连接程序、调试程序以及项目管理程序。

这样的IDE标准并没有多少，但是对标准的窗口环境进行开发已成为方向。

另一方面，尽管近年来在编译原理领域进行了大量的研究，但是基本的编译器设计原理在近20年中都没有多大的改变，它现在正迅速地成为计算机科学课程中的中心环节。

现在随着语言的发展，编译器也呈现出井喷式的趋势，整个编译器市场呈现出百家争鸣的态势。

其中有些编译器界面设计精美舒适友好，但是功能不够完善；有些编译器功能强大，但操作过于复杂冗余；能作到面面具到的编译器是少之又少；更有些商业编译器还需要付费。

因此影响了编程技术的普及广度。

因此有许多代码程序员开始自己设计并实现符合自己使用习惯的编译器。

这种趋势必将继续发展下去。

HTML语言作为一种标签解释类语言在当前发展情况下,很少有专门的编辑器,一般情况下使用记事本工具进行编辑然后保存为html扩展名的文件，再使用浏览器打开才能查看编辑结果。

这样就造成了过程操作上的繁琐，导致程序员的工作效率不高，会造成整个项目流程不能顺畅的进行下去。

这些都是传统的html编辑过程的弊端。

因此，本项目主要就是为了解决传统html的编写过程中编辑界面和展示界面分离的弊端，以提高工作效率。

1.2主要研究的目的及内容

本课题的主要目的是使HTML代码的编辑更清晰化，透明化，便于操作，使编辑过程和结果展示处于同一界面之上。

通过功能模块的优化组合实现不同的编程细节，使编辑过程实现最大程度的便利,并能自动匹配标签,使编辑代码过程出错率降至最低。

使用面向对象的编程理念，将编译器的主窗口封装成类。

并将编译器的功能抽象为函数封装于主窗口类中。

使用QTCreater工具，调用Qt封装成的函数去实现可视化的编程，并且实现HTML的正向编译、网页内容的逆向编译和编写窗口与展示窗口的布局改变。

1.3研究方法及设计思路

1.3.1研究方法

随着编程技术的普及，开发出功能强大、界面友好舒适且操作简单的HTML编辑器就迫在眉睫了。

针对上述问题，采用软件工程的开发原理，依据软件流程过程规范，按照需求分析、概要设计、详细设计、程序编码、测试、软件应用、软件维护等过程开发了一个HTML的编辑器。

采用QTCreator作为开发工具，基于C++语言并大量使用QT中封装的类及类的成员变量和成员函数，保证了程序运行的效率和编译的正确性。

1.3.2设计思路

（1）程序应满足HTML代码的正向解析和逆向解析，可以根据编辑者需求改变编辑框和展示框的布局，满足熟练编程人员和新手的日常编辑需求，并达到操作过程中的直观，方便，实用等要求；

（2）系统采用模块化程序设计方法，既便于程序功能的各种组合和修改，又便于以后新功能的加入和程序的升级；

（3）程序应具备基本的文本编辑功能；

（4）尽量采用代码去完成界面的设计和布局，这样有利于界面控件精细化设计更有利于保存界面的美观与完整性，有益于去改动升级编译器的外观界面。

2应用需求分析与可行性分析

改变传统的的HTML编辑过程和展示过程异步的局面，是有效提高HTML语言编辑效率的好方法，并且为程序员提供一个舒服适合自己的编辑界面也是提高程序员编辑效率的方法，因此此编辑器应具备基本的文本编辑器的功能如改变字体大小、类型、颜色，编辑器还需要具有一个特殊功能即展示框浏览器功能，还需要具有界面布局的改变功能。

表2-1开发项目软硬件需求表

2.1应用需求分析

程序

硬件

处理器:

Corei5M480@2.67GHz双核笔记本处理器

内存：

3GB（DDR31333MHz/DDR31333MHz）

硬盘:

WDCWD5000BEKT-60KA9T0（500GB/7200转/分）

软件

QTCreator4.8.1

Ubuntu12.04LTS

系统的性能要求通常指系统需要的存储容量以及后援存储，重新启动和安全性,运行效率等方面的考虑。

硬件系统环境：

Core5600、1GMB（RAM）、120GB（HD）。

系统运行时对数据的保密性要求不高对一般的数据不要求进行加密。

此外，对其它软件几乎没有依赖性，程序健壮性较好

2.2运行需求分析

硬件条件：

酷睿CPU、512MRAM、20G硬盘以上的PC机。

软件条件：

ubuntu12.04qtcreator以上

2.3其他需求分析

本系统有较好的可维护性、可靠性、可理解性、效率。

易于用户理解和操作。

可维护性包括了可读性、可测试性等含义。

可靠性通常包括正确性和健壮性。

开发过程中，在各种矛盾的目标之间作权衡，并在一定的限制的条件下（经费、时间、可用的软、硬件资源等），使上述各方面最大限度的得到满足。

2.4可行性分析

2.4.1经济可行性

经济可行性研究是对组织的经济现状和投资能力进行分析，对程序建设运行和维护费用进行估算，对程序建成后可能取得的社会和经济效益进行估计。

由于本程序是作为毕业设计由我自己开发的，在经济上的投入甚微，程序建成之后将为自己和同学编译HTML代码提供很大的方便，估算新程序的开发费用和今后的运行、维护费用，估计新程序将获得的效益，并将费用与效益进行比较，看是否有利。

开发、运行和维护费用主要包括：