本科答辩教学课件示例.pptVIP

Web页面代码生成器的设计与实现 2007级： ＸＸＸ 校内导师： ＸＸＸ 基地导师： ＸＸＸ 2011.06.30 答辩提纲 综述 系统模型(需求分析) 系统设计与实现 结论 1.综述 课题背景 近年来，随着Web的发展，B/S模式渐成主流，JSP技术也广泛的应用到Web开发中，但软件工师们还不得不花费大量的时间和精力在编写Web页面代码上。本课题将要讨论的WEB页面代码生成技术意图让软件工师们从这一繁琐的工作中解放出来而更专注于业务逻辑代码的编写。 2.系统模型(需求分析) 2.系统模型(需求分析) 2.系统模型(需求分析) 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 自定义组件成果展示 自定义组件成果展示 修改组件属性 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 3.系统的设计与实现 4.结论 * * 本科学位论文答辩报告 主要开发/设计内容 图形用户界面(GUI)设计 1) 主程序界面的设计 2) 自定义组件设计 3) 显示xml树状结构 4) 文本编辑器 代码生成模块 系统要生成的页面 GUI 画出要生成的web页面，生成 XML文档 代码引擎 JSP，Java源文件 编译，运行 系统详细处理过程 XML文档 代码引擎 Jsp文件 Model Jsp文件 主控 Java文件 GridForm Taglib Java文件 FreeForm Taglib GUI设计 XML树 同步 同步 同步 最终的Jsp源文件 输入 生成 调用Model和GridFormTaglib /FreeForm Taglib 图形用户界面(GUI)设计 1) 主程序界面的设计 XML树 工作区 属性表 信息栏 程序界面粗划分为两个部分：工具栏和主体窗口；主体窗口包括 xml树、工作区、属性表以及信息栏。 图形用户界面(GUI)设计 1) 主程序界面的设计 　 主程序界面的布局： 程序的主题窗体采用采用动态的BorderLayout布局; 图形用户界面(GUI)设计 1) 主程序界面的设计 信息栏 xml树 属性表 工作区 主体窗口由xml树、工作区、属性表和信息栏四个子窗口构成；主要有三个JSPlitPane嵌套而成。 图形用户界面(GUI)设计 1) 主程序界面的设计 用户界面得国际化 可以通过设置默认地区来实现英文界面，如在主程序运行的第一行添加代码：Locale.setDefault(new Locale(en));这样程序运行时将读取PTHResources_en.properties文件。 图形用户界面(GUI)设计 2) 自定义组件的设计 对web页面的抽象 要在系统中web页面，首先需要对web页面进行抽象。对web页面详细分析后，定义7种组件即可以实现。这7种组件分别为：PTH按钮、PTH直线、图像、自由表(FreeForm)、表格(GridForm)、数据对象(文本)和控制对象(增加、删除、修改按钮)。 图形用户界面(GUI)设计 2) 自定义组件的设计 自定义组件的实现 自定义组件的实现是在java swing组件的基础上实现的，继承swing组件，进行扩展，添加事件监听。 具体类介绍 PTHComponent接口 Java中接口可以用来实现多继承，在本系统中巧妙的运用接口来表示一类组件。7种组件都实现了PTHComponent接口，这样当使用组件时可以直接用接口PTHComponent来表示。比如可以这样定义： PTHComponent dataElement ＝ new PTHDataElement( )； 这样在其它地方可以非常方便的用PTHComponent来标识组件，简化了编程的复杂性，同时非常方便以后的扩展需要。若以后需要增加组件，只要这个组件实现了PTHComponent接口，实现自己内部操作就可以使用。 图形用户界面(GUI)设计 2) 自定义组件的设计 组件已经实现的操作 每种组件都实现了以下公有的操作： 1. 可拖拉式创建组件(目前包括按钮\文本框\图片组件\自由表\表格); 2. 可对组件进行选取\删除\复制\粘贴等动作; 3. 可拖动组件位置; 4. 可拉框多选组件; 5. 按住CTRL键可多选; 6. 多选时按住CTRL键可拖动多个组