CN105739969A - 基于input标签自定义tag标签的使用方法 - Google Patents

基于input标签自定义tag标签的使用方法 Download PDF

Info

Publication number
CN105739969A
CN105739969A CN201610038788.4A CN201610038788A CN105739969A CN 105739969 A CN105739969 A CN 105739969A CN 201610038788 A CN201610038788 A CN 201610038788A CN 105739969 A CN105739969 A CN 105739969A
Authority
CN
China
Prior art keywords
label
input
tags
encapsulation
tag
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
Application number
CN201610038788.4A
Other languages
English (en)
Other versions
CN105739969B (zh
Inventor
罗黎明
施建华
胡超
周波
高寿
陈章国
胡晓祥
葛艺晓
高嵩
温柏坚
余志文
苏扬
邓大为
张聪
周安
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangdong Power Grid Co Ltd
Nanjing NARI Group Corp
State Grid Electric Power Research Institute
Original Assignee
Guangdong Power Grid Co Ltd
Nari Information and Communication Technology Co
Nanjing NARI Group Corp
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Guangdong Power Grid Co Ltd, Nari Information and Communication Technology Co, Nanjing NARI Group Corp filed Critical Guangdong Power Grid Co Ltd
Priority to CN201610038788.4A priority Critical patent/CN105739969B/zh
Publication of CN105739969A publication Critical patent/CN105739969A/zh
Application granted granted Critical
Publication of CN105739969B publication Critical patent/CN105739969B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms
    • G06F8/315—Object-oriented languages

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computing Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Document Processing Apparatus (AREA)
  • Stored Programmes (AREA)

Abstract

本发明公开了一种基于input标签自定义tag标签的使用方法，包括以下步骤，1）将Java web应用前台页面中的所有input标签抽离，并将围绕各input标签的html结构分别抽离，形成可嵌入独立的html文档结构；2），将抽离的所有input标签分别进行二次封装，形成tag标签；3）对可嵌入独立的html文档结构封装，将css样式一同封装在其中；4）将tag标签嵌入到对应封装后的可嵌入独立的html文档结构中；5）通过taglib指令将嵌入后tag标签的可嵌入独立的html文档结构重新引入Java web应用前台页面中。本发明开发要求低，便于扩展，易于维护，具有良好的应用前景。

Description

基于input标签自定义tag标签的使用方法
技术领域
本发明涉及javaweb应用开发技术领域，具体涉及一种基于input标签自定义tag标签的使用方法。
背景技术
在javaweb应用开发中，jsp（java服务器页面）作为与用户交互的核心部分及其重要，它承载着应用面向用户的出口，也承载着用户面向应用的入口工作，Input标签作为在jsp中应用最为频繁的标签之一，它承载了最多的与用户进行数据交互工作。
传统的MVC模式中，视图层通常采用form表单内的input标签接收用户输入，通过servlet或其他框架与控制层交互，通过ajax或其他javascript代码来实现校验及其他行为，并通过模型层与数据进行交互。因此，前台中，会存在大量的对input标签的校验代码、事件响应方法及一系列的前台行为代码。同时还要关注应用本身的业务逻辑。
这样做存在的弊端，具体如下：（1）代码重复，由于开发人员采用模块化并行开发的方式，那么就不可避免的前台代码中会出现类似的逻辑代码；（2）维护困难，由于开发人员的不同，编码风格也会存在差异，虽然输出的页面是一样的，但代码却千差万别，后期维护困难。
发明内容
本发明的目的是为了克服javaweb应用开发中，会存在大量的对input标签的校验代码、事件响应方法及一系列的前台行为代码，代码重复，维护困难的问题。本发明的基于input标签自定义tag标签的使用方法，开发要求低，便于扩展，易于维护，input标签是jsp中使用最频繁的标签之一，通过对它的封装，可以达到一劳永逸的效果，具有良好的应用前景。
为了达到上述的目的，本发明所采用的技术方案是：
基于input标签自定义tag标签的使用方法，其特征在于：包括以下步骤，
步骤（1），将Javaweb应用前台页面中的所有input标签抽离，并将围绕各input标签的html结构分别抽离，形成可嵌入独立的html文档结构；
步骤（2），将抽离的所有input标签分别进行二次封装，形成兼容原有属性和事件又加入新的属性与事件的tag标签，所述tag标签采用dom块状文档结构封装；
步骤（3），对可嵌入独立的html文档结构封装，将css样式一同封装在其中；
步骤（4），将tag标签嵌入到对应封装后的可嵌入独立的html文档结构中；
步骤（5），通过taglib指令将嵌入后tag标签的可嵌入独立的html文档结构重新引入Javaweb应用前台页面中，tag标签替换对应的input标签或者替换围绕对应的input标签的dom结构。
前述的基于input标签自定义tag标签的使用方法，其特征在于：步骤（2），将抽离的所有input标签分别进行二次封装，包括封装input标签的属性与响应事件和加入新的属性与事件，所述加入新的属性与事件通过前台传参的方式来实现交互。
前述的基于input标签自定义tag标签的使用方法，其特征在于：所述tag标签还引入jar包，通过调用java函数来实现视图层与控制层的交互。
本发明的有益效果是：本发明的基于input标签自定义tag标签的使用方法，相对于传统解决方案，对开发人员的要求更低，开发人员不需要对html、css很熟悉，甚至可以对样式表一无所知，保留更多的时间去关注业务逻辑的实现，而不需要关注页面的行为与视图，通过将input标签的公有行为全部抽离封装，同时又开放自定义行为的接口，即减少不必要的重复工作，同时又有满足特定需求的能力，具有强大的扩展性，标签属性可以扩展；行为可以扩展；嵌入式的块状dom结构使样式也可以扩展。同时扩展的成本相对较低，易于维护，input标签是jsp中使用最频繁的标签之一，通过对它的封装，可以达到一劳永逸的效果，具有良好的应用前景。
附图说明
图1是本发明的基于input标签自定义tag标签的使用方法的流程图。
具体实施方式
下面将结合说明书附图，对本发明作进一步的说明。
本发明的基于input标签自定义tag标签的使用方法，相对于传统解决方案，对开发人员的要求更低，开发人员不需要对html、css很熟悉，甚至可以对样式表一无所知，保留更多的时间去关注业务逻辑的实现，而不需要关注页面的行为与视图，通过将input标签的公有行为全部抽离封装，同时又开放自定义行为的接口，即减少不必要的重复工作，同时又有满足特定需求的能力，具有强大的扩展性，标签属性可以扩展；行为可以扩展；嵌入式的块状dom结构使样式也可以扩展。同时扩展的成本相对较低，易于维护，input标签是jsp中使用最频繁的标签之一，通过对它的封装，可以达到一劳永逸的效果，如图1所示，具体包括以下步骤，
步骤（1），将Javaweb应用前台页面中的所有input标签抽离，并将围绕各input标签的html结构分别抽离，形成可嵌入独立的html文档结构；
步骤（2），将抽离的所有input标签分别进行二次封装，形成兼容原有属性和事件又加入新的属性与事件的tag标签，所述tag标签采用dom块状文档结构封装，包括封装input标签的属性与响应事件和加入新的属性与事件，所述加入新的属性与事件通过前台传参的方式来实现交互，所述tag标签还引入jar包，通过调用java函数来实现视图层与控制层的交互；
步骤（3），对可嵌入独立的html文档结构封装，将css样式一同封装在其中；
步骤（4），将tag标签嵌入到对应封装后的可嵌入独立的html文档结构中；
步骤（5），通过taglib指令将嵌入后tag标签的可嵌入独立的html文档结构重新引入Javaweb应用前台页面中，tag标签替换对应的input标签或者替换围绕对应的input标签的dom结构。
本发明的基于input标签自定义tag标签的使用方法，通过对input标签进行再次封装以最大限度拓展input标签的功能，达到减少前台开发时间，提高前台开发效率的作用。本发明具有如下优点：(1)将前台页面开发中行为与视图分离；(2)减少前台开发的重复工作；(3)提高代码的可维护性与可扩展性。
以上显示和描述了本发明的基本原理、主要特征及优点。本行业的技术人员应该了解，本发明不受上述实施例的限制，上述实施例和说明书中描述的只是说明本发明的原理，在不脱离本发明精神和范围的前提下，本发明还会有各种变化和改进，这些变化和改进都落入要求保护的本发明范围内。本发明要求保护范围由所附的权利要求书及其等效物界定。

Claims (3)

1.基于input标签自定义tag标签的使用方法，其特征在于：包括以下步骤，
步骤（1），将Javaweb应用前台页面中的所有input标签抽离，并将围绕各input标签的html结构分别抽离，形成可嵌入独立的html文档结构；
步骤（2），将抽离的所有input标签分别进行二次封装，形成兼容原有属性和事件又加入新的属性与事件的tag标签，所述tag标签采用dom块状文档结构封装；
步骤（3），对可嵌入独立的html文档结构封装，将css样式一同封装在其中；
步骤（4），将tag标签嵌入到对应封装后的可嵌入独立的html文档结构中；
步骤（5），通过taglib指令将嵌入后tag标签的可嵌入独立的html文档结构重新引入Javaweb应用前台页面中，tag标签替换对应的input标签或者替换围绕对应的input标签的dom结构。
2.根据权利要求1所述的基于input标签自定义tag标签的使用方法，其特征在于：步骤（2），将抽离的所有input标签分别进行二次封装，包括封装input标签的属性与响应事件和加入新的属性与事件，所述加入新的属性与事件通过前台传参的方式来实现交互。
3.根据权利要求1所述的基于input标签自定义tag标签的使用方法，其特征在于：所述tag标签还引入jar包，通过调用java函数来实现视图层与控制层的交互。
CN201610038788.4A 2016-01-21 2016-01-21 基于input标签自定义tag标签的使用方法 Active CN105739969B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610038788.4A CN105739969B (zh) 2016-01-21 2016-01-21 基于input标签自定义tag标签的使用方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610038788.4A CN105739969B (zh) 2016-01-21 2016-01-21 基于input标签自定义tag标签的使用方法

Publications (2)

Publication Number Publication Date
CN105739969A true CN105739969A (zh) 2016-07-06
CN105739969B CN105739969B (zh) 2018-11-02

Family

ID=56246319

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610038788.4A Active CN105739969B (zh) 2016-01-21 2016-01-21 基于input标签自定义tag标签的使用方法

Country Status (1)

Country Link
CN (1) CN105739969B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109634579A (zh) * 2018-10-29 2019-04-16 平安科技（深圳）有限公司 代码生成方法、装置、计算机装置及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020019839A1 (en) * 2000-06-23 2002-02-14 Shiu P. K. Apparatus and method of providing multilingual content in an online environment
CN102495882A (zh) * 2011-12-07 2012-06-13 方正国际软件有限公司 Java环境下页面对象与数据库字段绑定的实现系统和方法
CN102799371A (zh) * 2012-06-29 2012-11-28 北京奇虎科技有限公司 一种扩展的数据输入装置及方法
CN102945287A (zh) * 2012-11-29 2013-02-27 南京睿恒智晟软件科技有限公司 Jsp数据自动分页jstl标签技术及应用
CN103164226A (zh) * 2013-03-15 2013-06-19 成都三零凯天通信实业有限公司 一种机顶盒人机界面自动生成方法
CN103677789A (zh) * 2012-09-25 2014-03-26 深圳市金正方科技有限公司 基于grid组件的列表数据展现方法及系统
CN104461515A (zh) * 2014-11-23 2015-03-25 国云科技股份有限公司 一种解决jsp页面图片缓存问题的办法
CN104715054A (zh) * 2015-03-30 2015-06-17 江苏汇知网络科技有限公司 将Silverlight内容转换成HTML网页内容的方法

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20020019839A1 (en) * 2000-06-23 2002-02-14 Shiu P. K. Apparatus and method of providing multilingual content in an online environment
CN102495882A (zh) * 2011-12-07 2012-06-13 方正国际软件有限公司 Java环境下页面对象与数据库字段绑定的实现系统和方法
CN102799371A (zh) * 2012-06-29 2012-11-28 北京奇虎科技有限公司 一种扩展的数据输入装置及方法
CN103677789A (zh) * 2012-09-25 2014-03-26 深圳市金正方科技有限公司 基于grid组件的列表数据展现方法及系统
CN102945287A (zh) * 2012-11-29 2013-02-27 南京睿恒智晟软件科技有限公司 Jsp数据自动分页jstl标签技术及应用
CN103164226A (zh) * 2013-03-15 2013-06-19 成都三零凯天通信实业有限公司 一种机顶盒人机界面自动生成方法
CN104461515A (zh) * 2014-11-23 2015-03-25 国云科技股份有限公司 一种解决jsp页面图片缓存问题的办法
CN104715054A (zh) * 2015-03-30 2015-06-17 江苏汇知网络科技有限公司 将Silverlight内容转换成HTML网页内容的方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
李海燕等: "JavaWeb 标签库应用方法初探", 《电脑知识与技术》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109634579A (zh) * 2018-10-29 2019-04-16 平安科技（深圳）有限公司 代码生成方法、装置、计算机装置及存储介质
CN109634579B (zh) * 2018-10-29 2023-08-22 平安科技（深圳）有限公司 代码生成方法、装置、计算机装置及存储介质

Also Published As

Publication number Publication date
CN105739969B (zh) 2018-11-02

Similar Documents

Publication Publication Date Title
CN103677789B (zh) 基于grid组件的列表数据展现方法及系统
CN102945287B (zh) Jsp数据自动分页jstl标签方法
CN103336690B (zh) 基于html5的文字元素绘制方法及装置
CN104866512B (zh) 提取网页内容的方法、装置及系统
CN103425794B (zh) 基于双WebView的网页预览方法和装置
CN103179133B (zh) 基于实体类的客户端与服务器通信的方法
CN103019684A (zh) 一种基于动态模板的配置业务页面的方法
CN108052548A (zh) 一种网页创建的方法、系统及终端设备
CN104407863A (zh) 抽象控件模型编程装置和方法
CN110262783A (zh) 一种接口生成方法、装置及终端设备
CN107608675A (zh) 基于虚拟文档对象模型的跨平台前端开发系统及方法
CN106681788A (zh) 减小应用安装包的方法、装置及电子设备
CN108121539A (zh) 组件处理方法和装置
CN103399895A (zh) 一种基于svg的监控显示处理系统及方法
CN105739969A (zh) 基于input标签自定义tag标签的使用方法
CN104778435A (zh) 一种基于彩色二维码技术的物流商品信息语音播报的方法
CN102662962B (zh) 一种基于网页元素的动态展示方法
CN105930166B (zh) 一种基于web界面弹出层的方法
CN102306163A (zh) 一种基于b2b平台的动态集成技术
CN103617073B (zh) 一种电力系统图形文件解析显示方法
CN103246503A (zh) 一种企业管理软件的应用开发架构
CN102707934B (zh) 一种以脚本形式表示增值业务流程的实现方法和系统
CN107040818B (zh) 用于安卓电视的布局层级分析方法及系统
CN104090759A (zh) 基于模板文件的数据填充方法
CN104217314A (zh) 路由信息抓取方法和装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right

Effective date of registration: 20170412

Address after: Nan Shui Road Gulou District of Nanjing city of Jiangsu Province, No. 8 210003

Applicant after: Nanjing Nari Co., Ltd.

Applicant after: State Grid Electric Power Research Insititute

Applicant after: GUANGDONG STATE GRID CO., LTD.

Address before: Nan Shui Road Gulou District of Nanjing city of Jiangsu Province, No. 8 210003

Applicant before: Nanjing Nari Co., Ltd.

Applicant before: NANJING NARI INFORMATION COMMUNICATION SCIENCE & TECHNOLOGY CO., LTD.

Applicant before: GUANGDONG STATE GRID CO., LTD.

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant