《本科答辩示例ppt课件》由会员分享，可在线阅读，更多相关《本科答辩示例ppt课件（23页珍藏版）》请在金锄头文库上搜索。
1、1 Web Web页面代码生成器的设计与实现页面代码生成器的设计与实现20072007级：级： 校内导师：校内导师： 基地导师：基地导师： 2011.06.302011.06.30本科学位论文答辩报告本科学位论文答辩报告本科学位论文答辩报告本科学位论文答辩报告2答辩提纲u综述综述u系统模型系统模型(需求分析需求分析)u系统设计与实现系统设计与实现u结论结论31.综述课题背景课题背景 近年来，随着近年来，随着WebWeb的发展，的发展，B/SB/S模式渐成主流，模式渐成主流，JSPJSP技术也技术也广泛的应用到广泛的应用到WebWeb开发中，但软件工师们还不得不花费大开发中，但软件工师们还不得不
2、花费大量的时间和精力在编写量的时间和精力在编写WebWeb页面代码上。本课题将要讨论页面代码上。本课题将要讨论的的WEBWEB页面代码生成技术意图让软件工师们从这一繁琐的页面代码生成技术意图让软件工师们从这一繁琐的工作中解放出来而更专注于业务逻辑代码的编写。工作中解放出来而更专注于业务逻辑代码的编写。l主要开发主要开发/设计内容设计内容p 图形用户界面图形用户界面(GUI)(GUI)设计设计 1)1) 主程序界面的设计主程序界面的设计 2)2) 自定义组件设计自定义组件设计 3)3) 显示显示xmlxml树状结构树状结构 4)4) 文本编辑器文本编辑器p 代码生成模块代码生成模块 42.系统模
3、型(需求分析)l 系统要生成的页面系统要生成的页面52.系统模型(需求分析)GUI画画出出要要生生成成的的web页面，生成页面，生成XML文档文档代码引擎代码引擎JSP，Java源文件源文件编译，运行编译，运行62.系统模型(需求分析)l 系统详细处理过程系统详细处理过程XML文档文档代代码码引引擎擎Jsp文件文件ModelJsp文件文件主控主控Java文件文件GridForm TaglibJava文件文件FreeForm TaglibGUI设计设计XML树树同步同步同步同步同步同步最终的最终的Jsp源文件源文件输入输入生成生成调调 用用 Model和和GridFormTaglib /Free
4、Form Taglib73.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 1) 主程序界面的设计主程序界面的设计XML树树工作区工作区属性表属性表信息栏信息栏程序界面粗划分为两个部分：工具栏和主体窗口；主体窗口包括程序界面粗划分为两个部分：工具栏和主体窗口；主体窗口包括 xml树、工作区、属性表以及信息栏。树、工作区、属性表以及信息栏。 83.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 1) 主程序界面的设计主程序界面的设计主程序界面的布局：主程序界面的布局：程序的主题窗体采用采用动态的程序的主题窗体采用采用动态的BorderLayout布局布局; 93.
5、系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 1) 主程序界面的设计主程序界面的设计信息栏xml树属性表工作区 主体窗口由主体窗口由xml树、工作区、属性表和信息栏四个子窗口构树、工作区、属性表和信息栏四个子窗口构成；主要有三个成；主要有三个JSPlitPane嵌套而成。嵌套而成。 103.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 1) 主程序界面的设计主程序界面的设计 用户界面得国际化用户界面得国际化 可以通过设置默认地区来实现英文界面，如在主程序运行的第一行添加可以通过设置默认地区来实现英文界面，如在主程序运行的第一行添加代码：代码：Locale.s
6、etDefault(new Locale(en);这样程序运行时将读取这样程序运行时将读取PTHResources_en.properties文件。文件。 11123.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 2) 自定义组件的设计自定义组件的设计u 对对web页面的抽象页面的抽象 要在系统中要在系统中web页面，首先需要对页面，首先需要对web页面进行抽象。对页面进行抽象。对web页面详细分析后，定义页面详细分析后，定义7种组件即可以实现。这种组件即可以实现。这7种组件分别为：种组件分别为：PTH按钮、按钮、PTH直线、图像、自由表直线、图像、自由表(FreeForm)
7、、表格、表格(GridForm)、数据对象、数据对象(文本文本)和控制对象和控制对象(增加、删除、修改按钮增加、删除、修改按钮)。133.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 2) 自定义组件的设计自定义组件的设计u 自定义组件的实现自定义组件的实现 自定义组件的实现是在自定义组件的实现是在java swing组件的基础上实现的，继承组件的基础上实现的，继承swing组件，组件，进行扩展，添加事件监听。进行扩展，添加事件监听。 具体类介绍具体类介绍PTHComponent接口接口 Java中接口可以用来实现多继承，在本系统中巧妙的运用接口来表示一类中接口可以用来实现多
8、继承，在本系统中巧妙的运用接口来表示一类组件。组件。7种组件都实现了种组件都实现了PTHComponent接口，这样当使用组件时可接口，这样当使用组件时可以直接用接口以直接用接口PTHComponent来表示。比如可以这样定义：来表示。比如可以这样定义：PTHComponent dataElement new PTHDataElement( )；这样在其它地方可以非常方便的用这样在其它地方可以非常方便的用PTHComponent来标识组件，简化了编来标识组件，简化了编程的复杂性，同时非常方便以后的扩展需要。若以后需要增加组件，只程的复杂性，同时非常方便以后的扩展需要。若以后需要增加组件，只要这
9、个组件实现了要这个组件实现了PTHComponent接口，实现自己内部操作就可以使接口，实现自己内部操作就可以使用。用。14153.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计 2) 自定义组件的设计自定义组件的设计u 组件已经实现的操作组件已经实现的操作 每种组件都实现了以下公有的操作：每种组件都实现了以下公有的操作： 1. 可拖拉式创建组件可拖拉式创建组件(目前包括按钮目前包括按钮文本框文本框图片组件图片组件自由表自由表表格表格); 2. 可对组件进行选取可对组件进行选取删除删除复制复制粘贴等动作粘贴等动作; 3. 可拖动组件位置可拖动组件位置; 4. 可拉框多选组件可拉
10、框多选组件; 5. 按住按住CTRL键可多选键可多选; 6. 多选时按住多选时按住CTRL键可拖动多个组件键可拖动多个组件; 7. 拖动图柄可更改大小拖动图柄可更改大小(各个角度的图柄更改方式不同各个角度的图柄更改方式不同); 8. 可弹出右键菜单可弹出右键菜单,并可具体组件定制相应菜单并可具体组件定制相应菜单; 9. 每个步聚的撤消每个步聚的撤消/重做重做;每种组件也都有其自身的属性和操作，如修改文本、颜色等每种组件也都有其自身的属性和操作，如修改文本、颜色等16p自定义组件成果展示17p自定义组件成果展示 修改组件属性183.系统的设计与实现p 图形用户界面图形用户界面(GUI)设计设计
11、3) 显示显示XML树树通过读取通过读取 GUI 生成的生成的xml文档，显示出文档，显示出xml文档的树状结构，采用文档的树状结构，采用Jdom来解析来解析xml文档。文档。193.系统的设计与实现p 代码生成模块代码生成模块 要最终生成要最终生成JSP文件，必须由文件，必须由JSP主控程序来实现，主控程序来实现，JSP主控程序分析主控程序分析JSPmodel中存储的页面结构，而后决定调用产生中存储的页面结构，而后决定调用产生GridForm的的java文件和文件和FreeForm的的java文件，以生成相应的文件，以生成相应的JSP源文件。源文件。 在前端，在在前端，在GUI中画出中画出w
12、eb页面是，会生成相应的页面是，会生成相应的xml文档，文档，xml文档记录文档记录web页面的结构，比如是否有自由表页面的结构，比如是否有自由表(FreeForm)，是否有表格，是否有表格(GridForm)，但并没有定义如何把表格或者自由表用但并没有定义如何把表格或者自由表用JSP描述。在描述。在xml文档中定义的是各个文档中定义的是各个组件称为组件称为Model。 xml文档传给代码引擎，代码引擎首先解析文档传给代码引擎，代码引擎首先解析xml文档中定义的页面结构。代文档中定义的页面结构。代码引擎的工作是：生成一个码引擎的工作是：生成一个JSP格式的格式的Model定义文件，并由该文件获
13、得后台定义文件，并由该文件获得后台数据，并按相关数据，并按相关Model实例化实例化 一个一个Model,传给相应的传给相应的Taglib；Taglib生成具体生成具体的的JSP源代码。源代码。203.系统的设计与实现p 代码生成模块代码生成模块比如比如GridDataTablib类就是生成具体类就是生成具体GridForm表格表格JSP源代码的类。源代码的类。要实例化要实例化GridForm model，首先也需要对，首先也需要对GridForm进行抽象。进行抽象。GridForm由以下几个类组成：由以下几个类组成：Element类、类、DataElement类、类、CammandEleme
14、nt类、类、ColumnDef类、类、FromModel类、类、TableModel类。类。Element类是基类，定义了数据段中最基本的数据类型。类是基类，定义了数据段中最基本的数据类型。DataElement类、类、CammandElement类分别继承类分别继承Element类；类；DataElement类对单元格中的数据进行抽象，类对单元格中的数据进行抽象，CammandElement类对增、删、改、查询等类对增、删、改、查询等控制进行抽象；控制进行抽象；ColumnDef类对表格中的一列进行抽象；类对表格中的一列进行抽象；TableModel类对整个表格进行抽象。类对整个表格进行抽象
15、。213.系统的设计与实现p 代码生成模块代码生成模块 对对GridForm 抽象的类图抽象的类图224.结论完成的工作完成的工作形成了系统的框架形成了系统的框架主程序界面设计比较精美主程序界面设计比较精美基本实现了自定义组件，包括对自定义组件的操作基本实现了自定义组件，包括对自定义组件的操作实现了对实现了对xml文档的解析，显示其树状结构文档的解析，显示其树状结构系统改进系统改进由于时间关系，目前还没有完全实现的功能有：由于时间关系，目前还没有完全实现的功能有：XML树、树、GUI、XML文档三者之间的同步文档三者之间的同步自定义组件的细化自定义组件的细化菜单项功能的细化菜单项功能的细化与代码生成模块的连接与代码生成模块的连接23谢谢各位评委老师！谢谢各位评委老师！
