CN101727327A - 一种基于gef技术可视化jsp界面的开发方法 - Google Patents
一种基于gef技术可视化jsp界面的开发方法 Download PDFInfo
- Publication number
- CN101727327A CN101727327A CN201010103384A CN201010103384A CN101727327A CN 101727327 A CN101727327 A CN 101727327A CN 201010103384 A CN201010103384 A CN 201010103384A CN 201010103384 A CN201010103384 A CN 201010103384A CN 101727327 A CN101727327 A CN 101727327A
- Authority
- CN
- China
- Prior art keywords
- jsp
- label
- gef
- model
- visual
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 32
- 238000000034 method Methods 0.000 title abstract description 10
- 230000000694 effects Effects 0.000 claims description 9
- 239000000284 extract Substances 0.000 claims description 5
- 238000012986 modification Methods 0.000 claims description 5
- 230000004048 modification Effects 0.000 claims description 5
- 238000002372 labelling Methods 0.000 claims description 3
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010586 diagram Methods 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Stored Programmes (AREA)
Abstract
本发明提供一种基于GEF技术可视化JSP界面的开发方法。本方法分为三部分:第一部分:抽取JSP标签为GEF模型。此部分内容负责根据JSP标签类型抽象出几组不同的GEF模型,最终每种JSP标签对应一种GEF中自定义的图形。第二部分:解析抽取出来的GEF模型在编辑器中进行展现。把第一步中抽取出来的模型在编辑器中以图形组合的方式来展现。这样在可视化编辑器中JSP标签就像浏览器中HTML标签被展现出来。第三部:提供可视化的编辑方式。通过把JSP界面中的标签解析为图形提供给用户,在可视化编辑器中创建JSP的标签最终得到一个可视化的JSP文件。
Description
技术领域
本发明涉及计算机应用技术领域,具体地说是一种在IDE中实现可视化开发JSP文件的基于6EF技术可视化开发JSP界面的方法。
背景技术
JSP文件在WEB应用中属于动态页面,编辑后必须启动WEB服务才能访问页面。一般WEB应用软件对机器的硬件配置要求还是比较高的,需要用户更多的资金支持。
以往JSP文件的编辑主要是靠手工修改JSP源文件的方式进行,这种修改方式工作量大、无法直接看到修改的效果且很容易出错。由于JSP文件是编译后执行的,如果内容书写不正确就会造成整个JSP页面无法显示,更无法调试。这样就大大的增加了开发的难度,也需要开发人员付出更多的时间和精力。
为解决以上问题,我们提出了基于GEF的可视化JSP界面开发方法。因为该方法适用于相关IDE开发工具,这样就不涉及WEB应用的启动问题,也不存在使用浏览器动态解析JSP文件的过程,开发人员可以在IDE中直观的开发JSP界面。
发明内容
本发明的目的是为了降低JSP界面的开发难度,利用图形化方式来编辑JSP界面,从而有利于用户的快速开发,提供一种基于GEF技术可视化JSP界面的开发方法。
本发明的目的是按以下方式实现的,包括GEF创建和标签的解析,其中:
GEF模型的运用
通过对JSP界面中标签的抽象,提取出GEF的核心模型,模型用来在编辑器中展示其具体的形状、大小、位置等关系;
解析JSP标签
JSP中含有多种不同类型的标签,包括TEXT文本输入框、BUTTON按钮,每种标签需要分类整理,使之能和定义的GEF模型一一对应,同时,模仿JSP标签在WEB应用中的解析过程,包含对标签某些重要属性的解析,包括TEXT文本输入框的name属性;
组装数据
将根据GEF模型和标签解析后的对象数据组装在一起,为标签的可视化编辑器使用的对象模型填充数据,包括标签的长度、高度、样式和背景色等信息;
在编辑器中显示图形
当用户选中某一JSP文件并用可视化编辑器打开时,编辑器实际上模仿了WEB服务器的工作,结合模型对文件进行解析,最终标签可以展现出其样式,以上三部分完成后,就能得到一个包含完整信息的模型对象,打开其专用的可视化编辑器完成对象的解析,就把JSP界面通过图形化方式直观的显示出来,这里添加属性监听器来监听图形模型,当属性的内容发生改变时,通知对象模型实时更新对应的图形,因为图形模型是从标签对象的基础上抽象出来的,它的一些属性和标签的属性是一一对应的,用户只要对标签的属性做出修改就会反应到模型中,这样就保证能够及时更新完成同步。
在可视化编辑器中用户选择自己要添加的标签在编辑器中完成添加操作,由于标签被解析成了不同的图形,这样用户通过直接编辑各个标签在JSP文件中对应的图形来创建自己相关业务的JSP界面,在编辑器中很直观的看到最终的效果。
使用GEF技术来管理标签对象模型生命周期使之于JSP文件中标签的源码对应。
根据JSP界面样式的要求对JSP标签展现效果进行描述,通过预览功能提供在开发期所见及所得的展现效果。
本发明的有益效果如下:
在WEB应用中JSP文件是需要编译后才能执行的,如果WEB服务器没有启动,标签是不能起到其展示效果的。使用本方法即使没有启动WEB服务器也可以进行JSP界面的布局和调试。
由于用户可以对不同的标签进行解析后抽取自己标签对应的GEF模型,所以用户自定义的标签也可以使用本方法来进行可视化的快速开发,可扩展性强。
附图说明
附图1是可视化的JSP文件的结构示意图:
附图2是可视化的JSP界面开发的工作流程图。
具体实施方式
参照附图对本发明的方法作以下详细的说明。
利用GEF创建和标签的解析技术实现基于GEF技术可视化JSP界面的开发,主要包括以下几项内容:
GEF模型的运用
通过对JSP界面中标签的抽象,提取出GEF的核心模型。模型用来在编辑器中展示其具体的形状、大小、位置等关系。例如:TEXT文本标签对应的GEF模型就是一个长方形。各个模型之间可以组合,组成新的形状和样式。
解析JSP标签
JSP中含有多种不同类型的标签,例如TEXT文本输入框、BUTTON按钮等。每种标签需要分类整理,使之能和定义的GEF模型一一对应。同时,模仿JSP标签在WEB应用中的解析过程,包含对标签某些重要属性的解析,例如TEXT文本输入框的name属性。
组装数据
将根据GEF模型和标签解析后的对象数据组装在一起,为标签的可视化编辑器使用的对象模型填充数据,包括标签的长度、高度、样式和背景色等信息。
在编辑器中显示图形
当用户选中某一JSP文件并用可视化编辑器打开时,编辑器实际上模仿了WEB服务器的工作,结合模型对文件进行解析,最终标签可以展现出其样式。以上三部分完成后,我们就能得到一个包含完整信息的模型对象,打开其专用的可视化编辑器完成对象的解析就可以把JSP界面通过图形化方式直观的显示出来。这里可以添加属性监听器来监听图形模型。当属性的内容发生改变时,通知对象模型实时更新对应的图形。因为图形模型是从标签对象的基础上抽象出来的,它的一些属性和标签的属性是一一对应的,用户只要对标签的属性做出修改就会反应到模型中,这样就保证能够及时更新完成同步。
在可视化编辑器中用户可以选择自己要添加的标签在编辑器中完成添加操作。由于标签被解析成了不同的图形,这样用户就可以通过直接编辑各个标签在JSP文件中对应的图形来创建自己相关业务的JSP界面,并可以在编辑器中很直观的看到最终的效果。
Claims (4)
1.一种基于GEF技术可视化JSP界面的开发方法,其特征在于,包括
1)抽取JSP标签为GEF模型,此部分内容负责根据JSP标签类型抽象出几组不同的GEF模型,最终每种JSP标签对应一种GEF中自定义的图形;
2)解析抽取出来的GEF模型在编辑器中进行展现,把第一步中抽取出来的模型在编辑器中以图形组合的方式来展现,这样在可视化编辑器中JSP标签就像浏览器中HTML标签被展现出来;
3)提供可视化的编辑方式,通过把JSP界面中的标签解析为图形提供给用户,在可视化编辑器中创建JSP的标签最终得到一个可视化的JSP文件;
具体步骤如下:
GEF模型的运用,通过对JSP界面中标签的抽象,提取出GEF的核心模型,模型用来在编辑器中展示其具体的形状、大小、位置等关系;
解析JSP标签,JSP中含有多种不同类型的标签,包括TEXT文本输入框、BUTTON按钮,每种标签需要分类整理,使之能和定义的GEF模型一一对应,同时,模仿JSP标签在WEB应用中的解析过程,包含对标签某些重要属性的解析,包括TEXT文本输入框的name属性;
组装数据,将根据GEF模型和标签解析后的对象数据组装在一起,为标签的可视化编辑器使用的对象模型填充数据,包括标签的长度、高度、样式和背景色等信息;
在编辑器中显示图形,当用户选中某一JSP文件并用可视化编辑器打开时,编辑器实际上模仿了WEB服务器的工作,结合模型对文件进行解析,最终标签可以展现出其样式,以上三部分完成后,就能得到一个包含完整信息的模型对象,打开其专用的可视化编辑器完成对象的解析,就把JSP界面通过图形化方式直观的显示出来,这里添加属性监听器来监听图形模型,当属性的内容发生改变时,通知对象模型实时更新对应的图形,因为图形模型是从标签对象的基础上抽象出来的,它的一些属性和标签的属性是一一对应的,用户只要对标签的属性做出修改就会反应到模型中,这样就保证能够及时更新完成同步。
2.根据权利要求1所述的开发方法,其特征在于,在可视化编辑器中用户选择自己要添加的标签在编辑器中完成添加操作,由于标签被解析成了不同的图形,这样用户通过直接编辑各个标签在JSP文件中对应的图形来创建自己相关业务的JSP界面,在编辑器中很直观的看到最终的效果。
3.根据权利要求1所述的开发方法,其特征在于,使用GEF技术来管理标签
对象模型生命周期使之于JSP文件中标签的源码对应。
4.根据权利要求1所述的开发方法,其特征在于根据JSP界面样式的要求对JSP标签展现效果进行描述,通过预览功能提供在开发期所见及所得的展现效果。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010103384.1A CN101727327B (zh) | 2010-02-01 | 2010-02-01 | 一种基于gef技术可视化jsp界面的开发方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201010103384.1A CN101727327B (zh) | 2010-02-01 | 2010-02-01 | 一种基于gef技术可视化jsp界面的开发方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN101727327A true CN101727327A (zh) | 2010-06-09 |
CN101727327B CN101727327B (zh) | 2015-04-29 |
Family
ID=42448262
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201010103384.1A Active CN101727327B (zh) | 2010-02-01 | 2010-02-01 | 一种基于gef技术可视化jsp界面的开发方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN101727327B (zh) |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101976260A (zh) * | 2010-11-04 | 2011-02-16 | 上海银杏界信息科技有限公司 | 一种可视化标签及使用其生成网页的方法 |
CN102508875A (zh) * | 2011-10-18 | 2012-06-20 | 深圳市共进电子股份有限公司 | 一种快速完成终端设备web用户界面修改与扩展的方法 |
CN102662651A (zh) * | 2012-03-08 | 2012-09-12 | 北京神州数码思特奇信息技术股份有限公司 | 可视化组件的生成方法和生成模块 |
CN105068815A (zh) * | 2015-08-24 | 2015-11-18 | 用友网络科技股份有限公司 | 页面编辑器交互装置和方法 |
CN106569795A (zh) * | 2016-09-29 | 2017-04-19 | 山东浪潮云服务信息科技有限公司 | 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法 |
CN106933563A (zh) * | 2015-12-31 | 2017-07-07 | 远光软件股份有限公司 | 一种页面流编辑器 |
CN110427187A (zh) * | 2019-07-31 | 2019-11-08 | 山东浪潮通软信息科技有限公司 | 一种基于html自定义属性解析的表单可视化布局方法 |
CN110688109A (zh) * | 2019-10-09 | 2020-01-14 | 凯德技术长沙股份有限公司 | 一种模型编辑系统的创建方法及模型编辑系统 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1296233A2 (en) * | 2001-07-27 | 2003-03-26 | General Electric Company | Web page authoring tool |
US20050262517A1 (en) * | 2004-05-21 | 2005-11-24 | French Jeffrey K | System and method for generating a web control in a Windows development environment |
CN1972296A (zh) * | 2006-12-05 | 2007-05-30 | 北京邮电大学 | 基于xpl的综合多种通信手段的业务生成方法及其系统 |
CN101216846A (zh) * | 2008-01-04 | 2008-07-09 | 清华大学 | 一种仿真数据的可视化与协同共享方法 |
-
2010
- 2010-02-01 CN CN201010103384.1A patent/CN101727327B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP1296233A2 (en) * | 2001-07-27 | 2003-03-26 | General Electric Company | Web page authoring tool |
US20050262517A1 (en) * | 2004-05-21 | 2005-11-24 | French Jeffrey K | System and method for generating a web control in a Windows development environment |
CN1972296A (zh) * | 2006-12-05 | 2007-05-30 | 北京邮电大学 | 基于xpl的综合多种通信手段的业务生成方法及其系统 |
CN101216846A (zh) * | 2008-01-04 | 2008-07-09 | 清华大学 | 一种仿真数据的可视化与协同共享方法 |
Cited By (10)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101976260A (zh) * | 2010-11-04 | 2011-02-16 | 上海银杏界信息科技有限公司 | 一种可视化标签及使用其生成网页的方法 |
CN102508875A (zh) * | 2011-10-18 | 2012-06-20 | 深圳市共进电子股份有限公司 | 一种快速完成终端设备web用户界面修改与扩展的方法 |
CN102508875B (zh) * | 2011-10-18 | 2013-08-14 | 深圳市共进电子股份有限公司 | 一种快速完成终端设备web用户界面修改与扩展的方法 |
CN102662651A (zh) * | 2012-03-08 | 2012-09-12 | 北京神州数码思特奇信息技术股份有限公司 | 可视化组件的生成方法和生成模块 |
CN105068815A (zh) * | 2015-08-24 | 2015-11-18 | 用友网络科技股份有限公司 | 页面编辑器交互装置和方法 |
CN105068815B (zh) * | 2015-08-24 | 2018-10-19 | 用友网络科技股份有限公司 | 页面编辑器交互装置和方法 |
CN106933563A (zh) * | 2015-12-31 | 2017-07-07 | 远光软件股份有限公司 | 一种页面流编辑器 |
CN106569795A (zh) * | 2016-09-29 | 2017-04-19 | 山东浪潮云服务信息科技有限公司 | 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法 |
CN110427187A (zh) * | 2019-07-31 | 2019-11-08 | 山东浪潮通软信息科技有限公司 | 一种基于html自定义属性解析的表单可视化布局方法 |
CN110688109A (zh) * | 2019-10-09 | 2020-01-14 | 凯德技术长沙股份有限公司 | 一种模型编辑系统的创建方法及模型编辑系统 |
Also Published As
Publication number | Publication date |
---|---|
CN101727327B (zh) | 2015-04-29 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN101727327B (zh) | 一种基于gef技术可视化jsp界面的开发方法 | |
Wimmer et al. | A survey on UML-based aspect-oriented design modeling | |
US8516435B2 (en) | System and method for generating implementation artifacts for contextually-aware business applications | |
Bobrik et al. | Proviado–personalized and configurable visualizations of business processes | |
WO2010091623A1 (zh) | 应用程序界面动态生成装置及方法 | |
CN105068815A (zh) | 页面编辑器交互装置和方法 | |
US20120266131A1 (en) | Automatic program generation device, method, and computer program | |
CN105512304A (zh) | 在线生成互联网应用方法和系统集成方法及支撑平台 | |
US20170068519A1 (en) | Computer-applied method for displaying software-type applications based on design specifications | |
Da Silva et al. | Integration of RE and MDE paradigms: the ProjectIT approach and tools | |
CN114020256A (zh) | 前端页面生成方法、装置、设备及可读存储介质 | |
CN113010168B (zh) | 一种基于场景树的用户界面生成方法 | |
Sukaviriya et al. | User-centered design and business process modeling: cross road in rapid prototyping tools | |
JPH10254689A (ja) | クライアント・サーバシステムのアプリケーション構成設計支援方式 | |
Luyten et al. | Designing distributed user interfaces for ambient intelligent environments using models and simulations | |
Bishop | Multi-platform user interface construction: a challenge for software engineering-in-the-small | |
Wendler et al. | Development of Graphical User Interfaces based on User Interface Patterns | |
Dumas et al. | A graphical editor for the SMUIML multimodal user interaction description language | |
CN114237593A (zh) | 一种前端页面生成方法、计算机装置和存储介质 | |
Barbier et al. | Model-driven reverse engineering of cobol-based applications | |
Sunitha et al. | Translation of behavioral models to source code | |
CN101364398B (zh) | 产生使用者接口相关的对象属性的方法 | |
CN101364399A (zh) | 产生使用者接口相关的对象属性的方法 | |
Luyten et al. | On stories, models and notations: Storyboard creation as an entry point for model-based interface development with UsiXML | |
JP2007094453A (ja) | プログラム開発支援システム、プログラム開発支援方法およびプログラム |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C53 | Correction of patent of invention or patent application | ||
CB02 | Change of applicant information |
Address after: 250100 Ji'nan high tech Zone, Shandong, No. 1036 wave road Applicant after: Tide software incorporated company Address before: 250014 No. 224 mountain road, Lixia District, Shandong, Ji'nan Applicant before: Langchao Qilu Software Industry Co., Ltd., Shandong |
|
COR | Change of bibliographic data |
Free format text: CORRECT: APPLICANT; FROM: LANGCHAO QILU SOFTWARE INDUSTRY CO., LTD., SHANDONG TO: LANGCHAO SOFTWARECO., LTD. |
|
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |