CN110321127A - 一种表单页面灵活渲染的方法、系统及介质 - Google Patents

一种表单页面灵活渲染的方法、系统及介质 Download PDF

Info

Publication number
CN110321127A
CN110321127A CN201910630394.1A CN201910630394A CN110321127A CN 110321127 A CN110321127 A CN 110321127A CN 201910630394 A CN201910630394 A CN 201910630394A CN 110321127 A CN110321127 A CN 110321127A
Authority
CN
China
Prior art keywords
item
pattern
render
flexibly
list
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.)
Pending
Application number
CN201910630394.1A
Other languages
English (en)
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.)
Hunan Happly Sunshine Interactive Entertainment Media Co Ltd
Original Assignee
Hunan Happly Sunshine Interactive Entertainment Media Co Ltd
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 Hunan Happly Sunshine Interactive Entertainment Media Co Ltd filed Critical Hunan Happly Sunshine Interactive Entertainment Media Co Ltd
Priority to CN201910630394.1A priority Critical patent/CN110321127A/zh
Publication of CN110321127A publication Critical patent/CN110321127A/zh
Pending legal-status Critical Current

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/38—Creation or generation of source code for implementing user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

本发明涉及移动端表单渲染技术，具体涉及一种表单页面灵活渲染的方法、系统及介质，本发明步骤包括：定义所有表单项目item的数据结构、唯一标识；前端编写item表单模板样式；前端向后端请求后端获取各表单项目item的唯一标识并渲染item表单模板样式；后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性；测试item表单模板样式的相应功能，发布上线。本发明能够不依赖索引并且可以灵活的渲染表单页面，能够实现将数据在可控范围内可灵活的配置和修改并且不会引起应用的崩溃，减少数据和索引紧密联系在一起带来的影响，有效提高软件的稳定性。

Description

一种表单页面灵活渲染的方法、系统及介质
技术领域
本发明涉及移动端APP或web页面表单页面数据的渲染技术，具体涉及一种表单页面灵活渲染的方法、系统及介质。
背景技术
目前表单页面数据的渲染大多数是获取到数据后由索引取出表单item对应数据后按索引顺序展示到表单页面上。这种方法在实践过程中存在如下问题：
1、方法过于普遍，数据内容单一，数据展示过于死板，数据展示不够灵活。
2、如果需要展示多种表单样式需要重新判断数据类型，重新定义每个item表单模板样式，重新打包上传审核，耗时耗人力。
3、每次有新的样式改动需要和后端联调数据格式，要重新写一套样式模板，提交到应用市场审核时间漫长、不确定性导致不能更快的让用户获得最新的体验。
4、表单页面的样式不够创新，不易扩展，不能激起开发者能力的挑战性。
发明内容
本发明要解决的技术问题：针对现有技术的上述问题，提供一种表单页面灵活渲染的方法、系统及介质，本发明能够不依赖索引并且可以灵活的渲染表单页面，能够实现将数据在可控范围内可灵活的配置和修改并且不会引起应用的崩溃，减少数据和索引紧密联系在一起带来的影响，有效提高软件的稳定性。
为了解决上述技术问题，本发明采用的技术方案为：
一种表单页面灵活渲染的方法，实施步骤包括：
1）定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；
2）前端根据所有表单项目item的数据结构编写item表单模板样式；
3）前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；
4）后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
5）测试item表单模板样式的相应功能，发布上线。
优选地，步骤2）中编写item表单模板样式时，还包括针对视图列表ListView控件中高度一致的表单项目item进行复用相同的item表单模板样式。
优选地，所述前端为移动APP端。
优选地，所述前端为web端。
优选地，所述后端为数据接口提供端。
一种表单页面灵活渲染的系统，包括：
第一程序单元，用于定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；
第二程序单元，用于前端根据所有表单项目item的数据结构编写item表单模板样式；
第三程序单元，用于前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；
第四程序单元，用于后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
第五程序单元，用于测试item表单模板样式的相应功能，发布上线。
一种表单页面灵活渲染的系统，包括计算机设备，该计算机设备被编程或配置以执行所述表单页面灵活渲染的方法的步骤。
一种表单页面灵活渲染的系统，包括计算机设备，该计算机设备的存储介质上存储有被编程或配置以执行所述表单页面灵活渲染的方法的计算机程序。
一种计算机可读存储介质，该计算机可读存储介质上存储有被编程或配置以执行所述表单页面灵活渲染的方法的计算机程序。
和现有技术相比，本发明具有下述优点：
1、本发明能够不依赖索引并且可以灵活的渲染表单页面，能够实现将数据在可控范围内可灵活的配置和修改并且不会引起应用的崩溃，减少数据和索引紧密联系在一起带来的影响，有效提高软件的稳定性。
2、针对传统表单页面渲染的方法存在的诸多缺点和不足，渲染过于死板，大多数是通过索引获取相应的数据源来进行表单页面渲染，数据和索引紧密联系不方便扩展，不够灵活的展示数据。本发明的目的在于针对以上列出的缺点和不足提供一种改进，可灵活渲染的方案，本发明可灵活的配置表单item数据，可根据不同的数据类型灵活展示表单样式，还有item表单模板样式嵌套item表单模板样式的表单样式。例如OA流程引擎模板，通过自定义标签类型与属性实现item表单模板样式动态获取审批人信息和审批人部分权限控制来达到流程审批及流程运转。因此本发明的表单页面灵活渲染的方法既突破了表单样式单一性也减少了冗余代码，大大缩短了提交审核的次数，又能够让产品多样化、增强用户体验，激发开发者的积极性和创造性。
附图说明
图1为本发明实施例方法的基本流程图。
具体实施方式
下面将结合本发明所涉及的流程图对本发明技术方案进行描述。显然，所描述的方案详情只是本发明的一部分实施例，而不是全部的实施例。基于本发明的实施例，本领域普通技术人员在没有作出创造性劳动前体现所获得的其他实施例，都属于本发明保护的范围。
如图1所示，本实施例表单页面灵活渲染的方法的实施步骤包括：
1）定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；其中，表单模板包括唯一标识以及相关参数（可选），表单模板需要唯一标识目的是为了知道该数据模板要展示哪种样式，数据结构是用于表单项目item按照对应格式展示在表单上，具体可以根据业务需要进行设定。
2）前端根据所有表单项目item的数据结构编写item表单模板样式（表单项目表单模板样式），编写item表单模板样式具体可以根据业务需要进行设定；
3）前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；请求后端获取的表单所有表单项目item的信息，针对每一个表单项目item：该表单项目item的都是来自步骤1）定义所有表单项目item的数据结构，其模板样式为步骤2）编写的item表单模板样式。
4）后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
5）测试item表单模板样式的相应功能，发布上线。
本实施例中，步骤2）中编写item表单模板样式时，还包括针对视图列表ListView控件中高度一致的表单项目item进行复用相同的item表单模板样式。
本实施例中，前端为移动APP端。此外，前端也可以为web端。
本实施例中，后端为数据接口提供端。
以开发一个类似办公系统(OA)APP为例，本实施例方法的具体过程包括：1、前后端定义所有表单项目item的数据结构，为各表单项目item指定唯一标识，例如某个流程节点审批人对应的审批权限，编辑权限，查看权限等等及应当展示的模板样式。2、前端根据所有表单项目item的数据结构编写item表单模板样式，多个样式一致情况可复用。3、前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式，判断该节点审批人的权限，展示样式根据数据做业务逻辑处理等等。4、后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染，根据业务的需要后台可在保证item模板数据中的标识唯一性的情况下随意配置item模板信息包括item模板中嵌套item模板，审批人的权限开放等，前端只需拿到数据进行渲染即可。5、测试相应功能，发布上线。如有需要根据不同节点人进行权限管理方面调整只需要配置对应的item数据模板就行，这样不需要重新发布上线，大大缩短了更新周期。
综上所述，针对传统表单页面渲染的方法存在的诸多缺点和不足，渲染过于死板，大多数是通过索引获取相应的数据源来进行表单页面渲染，数据和索引紧密联系不方便扩展，不够灵活的展示数据。本实施例的目的在于针对以上列出的缺点和不足提供一种改进，可灵活渲染的方案，本实施例表单页面灵活渲染方法可灵活的配置表单item数据，可根据不同的数据类型灵活展示表单样式，还有item表单模板样式嵌套item表单模板样式的表单样式。例如OA流程引擎模板，通过自定义标签类型与属性实现item表单模板样式动态获取审批人信息和审批人部分权限控制来达到流程审批及流程运转。因此本发明的表单页面灵活渲染的方法能够让产品多样化、增强用户体验，激发开发者的积极性和创造性。
此外，本实施例还提供一种表单页面灵活渲染的系统，包括：
第一程序单元，用于定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；
第二程序单元，用于前端根据所有表单项目item的数据结构编写item表单模板样式；
第三程序单元，用于前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；
第四程序单元，用于后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
第五程序单元，用于测试item表单模板样式的相应功能，发布上线。
此外，本实施例一种表单页面灵活渲染的系统，包括计算机设备，该计算机设备被编程或配置以执行前述表单页面灵活渲染的方法的步骤。
此外，本实施例一种表单页面灵活渲染的系统，包括计算机设备，该计算机设备的存储介质上存储有被编程或配置以执行前述表单页面灵活渲染的方法的计算机程序。
此外，本实施例一种计算机可读存储介质，该计算机可读存储介质上存储有被编程或配置以执行前述表单页面灵活渲染的方法的计算机程序。
以上所述仅是本发明的优选实施方式，本发明的保护范围并不仅局限于上述实施例，凡属于本发明思路下的技术方案均属于本发明的保护范围。应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明原理前提下的若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (9)

1.一种表单页面灵活渲染的方法，其特征在于实施步骤包括：
1）定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；
2）前端根据所有表单项目item的数据结构编写item表单模板样式；
3）前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；
4）后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
5）测试item表单模板样式的相应功能，发布上线。
2.根据权利要求1所述的表单页面灵活渲染的方法，其特征在于，步骤2）中编写item表单模板样式时，还包括针对视图列表ListView控件中高度一致的表单项目item进行复用相同的item表单模板样式。
3.根据权利要求1所述的表单页面灵活渲染的方法，其特征在于，所述前端为移动APP端。
4.根据权利要求1所述的表单页面灵活渲染的方法，其特征在于，所述前端为web端。
5.根据权利要求1所述的表单页面灵活渲染的方法，其特征在于，所述后端为数据接口提供端。
6.一种表单页面灵活渲染的系统，其特征在于，包括：
第一程序单元，用于定义所有表单项目item的数据结构，为各表单项目item指定唯一标识；
第二程序单元，用于前端根据所有表单项目item的数据结构编写item表单模板样式；
第三程序单元，用于前端向后端请求后端，获取编写item表单模板样式中各表单项目item的唯一标识，并根据各表单项目item的唯一标识渲染item表单模板样式；
第四程序单元，用于后端配置item表单模板样式中各表单项目item对应的模板数据，确保前端编写item表单模板样式中各表单项目item的唯一性，使得前端不需根据索引去渲染表单数据，只需获得唯一标识去匹配item表单样式然后渲染；
第五程序单元，用于测试item表单模板样式的相应功能，发布上线。
7.一种表单页面灵活渲染的系统，包括计算机设备，其特征在于，该计算机设备被编程或配置以执行权利要求1～5中任意一项所述表单页面灵活渲染的方法的步骤。
8.一种表单页面灵活渲染的系统，包括计算机设备，其特征在于，该计算机设备的存储介质上存储有被编程或配置以执行权利要求1～5中任意一项所述表单页面灵活渲染的方法的计算机程序。
9.一种计算机可读存储介质，其特征在于，该计算机可读存储介质上存储有被编程或配置以执行权利要求1～5中任意一项所述表单页面灵活渲染的方法的计算机程序。
CN201910630394.1A 2019-07-12 2019-07-12 一种表单页面灵活渲染的方法、系统及介质 Pending CN110321127A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910630394.1A CN110321127A (zh) 2019-07-12 2019-07-12 一种表单页面灵活渲染的方法、系统及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910630394.1A CN110321127A (zh) 2019-07-12 2019-07-12 一种表单页面灵活渲染的方法、系统及介质

Publications (1)

Publication Number Publication Date
CN110321127A true CN110321127A (zh) 2019-10-11

Family

ID=68121965

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910630394.1A Pending CN110321127A (zh) 2019-07-12 2019-07-12 一种表单页面灵活渲染的方法、系统及介质

Country Status (1)

Country Link
CN (1) CN110321127A (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111027299A (zh) * 2019-10-18 2020-04-17 深圳智慧园区信息技术有限公司 一种表单生成方法和系统
CN111625219A (zh) * 2020-05-22 2020-09-04 杭州指令集智能科技有限公司 一种bo组件处理方法、装置及设备
CN117075992A (zh) * 2023-08-09 2023-11-17 北京网聘信息技术有限公司 AppList组件库设计方法和装置

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108647075A (zh) * 2018-05-11 2018-10-12 阿里巴巴集团控股有限公司 应用页面的Listview刷新方法、装置和电子设备

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108647075A (zh) * 2018-05-11 2018-10-12 阿里巴巴集团控股有限公司 应用页面的Listview刷新方法、装置和电子设备

Non-Patent Citations (6)

* Cited by examiner, † Cited by third party
Title
AIQU5512: "ListView之多种类型Item", pages 1 - 8, Retrieved from the Internet <URL:《https://blog.csdn.net/aiqu5512/article/details/101577910》> *
SNSER: "ListView之多种类型Item", 《HTTPS://WWW.CNBLOGS.COM/SNSER/P/5539749.HTML》, 1 July 2016 (2016-07-01), pages 1 - 22 *
不打伞的可燃冰: "ANDROID LLISTVIEW显示不同样式的ITEM", 《HTTPS://WWW.CNBLOGS.COM/BDSDKRB/P/4890598.HTML》 *
不打伞的可燃冰: "ANDROID LLISTVIEW显示不同样式的ITEM", 《HTTPS://WWW.CNBLOGS.COM/BDSDKRB/P/4890598.HTML》, 18 October 2015 (2015-10-18), pages 1 - 3 *
孔令宏: "Android中的ListView控件的优化方法", 《电子技术与软件工程》 *
孔令宏: "Android中的ListView控件的优化方法", 《电子技术与软件工程》, no. 21, 28 November 2013 (2013-11-28), pages 279 *

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111027299A (zh) * 2019-10-18 2020-04-17 深圳智慧园区信息技术有限公司 一种表单生成方法和系统
CN111625219A (zh) * 2020-05-22 2020-09-04 杭州指令集智能科技有限公司 一种bo组件处理方法、装置及设备
CN117075992A (zh) * 2023-08-09 2023-11-17 北京网聘信息技术有限公司 AppList组件库设计方法和装置

Similar Documents

Publication Publication Date Title
CN110321127A (zh) 一种表单页面灵活渲染的方法、系统及介质
US8949770B2 (en) Automated management of software requirements verification
CN104932973B (zh) 一种版本兼容测试方法和装置
CN109375901A (zh) 接口信息管理方法、装置、计算机设备以及存储介质
CN105912473B (zh) 基于bdd的移动app自动测试平台和测试方法
CN112270149B (zh) 验证平台自动化集成方法、系统及电子设备和存储介质
CN109062777A (zh) 一种轨道交通信号设备通用自动化测试系统
Rose et al. A comparison of model migration tools
CN109697064A (zh) 一种自定义页面的生成方法及装置
CN109933311A (zh) 一种信息系统创建方法及相关装置
Akehurst et al. Implementing associations: UML 2.0 to Java 5
Oliveira et al. BPMN patterns for ETL conceptual modelling and validation
Heidenreich et al. Relating feature models to other models of a software product line: a comparative study of featuremapper and VML
CN115794641A (zh) 基于业务流程的造数方法、装置、设备及存储介质
CN109032850A (zh) 现场装置调试系统和现场装置调试方法
CN108388753A (zh) 一种sis机柜接线的设计方法、装置、系统和存储介质
Handley et al. Maintaining the consistency of sysml model exports to XML metadata interchange (XMI)
JP3786003B2 (ja) フィールド機器管理装置
CN109344083A (zh) 一种程序调试方法、装置、设备及可读存储介质
CN104267967B (zh) 软件的程序代码的生成方法及装置
CN103457957B (zh) 一种具有自适应功能的网络渗透测试系统及方法
CN113127490B (zh) 一种键名称生成方法、装置和计算机可读存储介质
CN108845857A (zh) 一种基于云平台的图标管理方法和装置
CN108845799A (zh) 一种可视化程序校验方法、装置和计算机可读存储介质
CN113987764A (zh) 一种基于sca域描述文件的仿真模型构建方法及系统

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination