CN112241261A - 一种基于模板引擎渲染弹窗动态添加内容方法 - Google Patents
一种基于模板引擎渲染弹窗动态添加内容方法 Download PDFInfo
- Publication number
- CN112241261A CN112241261A CN201910642499.9A CN201910642499A CN112241261A CN 112241261 A CN112241261 A CN 112241261A CN 201910642499 A CN201910642499 A CN 201910642499A CN 112241261 A CN112241261 A CN 112241261A
- Authority
- CN
- China
- Prior art keywords
- question
- template
- template engine
- rendering
- engine
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 238000009877 rendering Methods 0.000 title claims abstract description 23
- 230000000694 effects Effects 0.000 claims abstract description 7
- 230000002452 interceptive effect Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 1
- 239000002131 composite material Substances 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 230000014509 gene expression Effects 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 239000000463 material Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003252 repetitive effect Effects 0.000 description 1
- 230000033764 rhythmic process Effects 0.000 description 1
- 238000004904 shortening Methods 0.000 description 1
Images
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
-
- 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/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了本发明提供一种基于模板引擎渲染弹窗动态添加内容方法,question的设置背景是让管理用户能针对相应资产提出问题,设置问题让其他用户回答,达到一个反馈效果;设置的模板引擎中包含两个问题类型项,当为选择题时,则为可输入问题、多个选项模式,当为主观题时,则只可输入问题。本发明使用模板引擎,增加代码复用性,适用于较复杂的交互逻辑,提高了运行效率高和加载速度;使用requireJS引用模板,展示了弹窗。
Description
技术领域
本发明涉及大数据应用技术领域,具体涉及一种基于模板引擎渲染弹窗动态添加内容方法。
背景技术
随着社会的发展,社会对信息化的要求越来越重视,软件开发迭代的速度也因此变得越来越快,这就要求软件开发公司投入更多的人力物力来适应高速发展的节奏。根据传统的研发方法,开发人员花费大量的时间用于编码,并且很大一部分是一些重复代码的编写。本方法使用多种模板引擎基于配置的方式动态生成SQL语法,并将大量重复使用的逻辑封装成可调用的方法,大大加快软件开发者的编码速度,从而提高开发人员的工作效率,这也使得软件开发的周期能显著缩短。同时开发人员可以有更多的时间将工作重心放在更加需要重视的软件设计上,有助于软件质量的提升。
现有技术存在这以下的缺陷:1、引用了外部页面文件:可以直接使用模板引擎,则不用引用外部页面文件;2、检索的条件、检索结果全部放在同一个页面,显得排版拥挤:未采用弹窗技术,未将多个功能分配到弹窗中;3、样式不美观:没有采用复合现在审美的样式。
发明内容
为解决上述技术问题,本发明的目的在于提供的基于模板引擎渲染弹窗动态添加内容方法。
本发明提供一种基于模板引擎渲染弹窗动态添加内容方法,question的设置背景是让管理用户能针对相应资产提出问题,设置问题让其他用户回答,达到一个反馈效果;设置的模板引擎中包含两个问题类型项,当为选择题时,则为可输入问题、多个选项模式,当为主观题时,则只可输入问题。
优选的,该模板引擎渲染包括以下步骤:
S1:点question编辑问题,根据后台传来的数据,会用模板引擎渲染出现的弹窗页面,弹窗中展示之前已经保存的问题,问题分两类:选择题和主观题;
S2:已有问题可以更改内容但不能更改类型,更改已有问题则获取新改信息覆盖原有信息;
S3:点击”+new options”添加新问题项,将模板引擎内容渲染到指定节点,此时可选问题类型,若改变,则使用模板引擎动态展示问题框,获取编辑内容;
S4:点击“X”删除子类问题或者删除父类问题,则删除此处索引,重新排序问题索引;
S5:若要保存,则点击“save”,前端将数据封装好后传给后台,若还要继续编辑,则继续以上流程;
S6:结束。
优选的,所述可使用多种模板引擎(Velocity,Freemarker等),基于[统一]配置[可运行时更改生效]方式,运行时渲染SQL(NOT_ONLY_SQL),无框架依赖,可配合jdbc,jdbcTemplate等使用。
优选的,所述定义常用方法集合的模板,使用Velocity引擎的以vm格式保存,使用Freemarker引擎以ftl格式保存。
优选的,所述使用率频繁的语法结合模板语言抽取出可供调用的方法。
本发明中使用模板引擎,增加代码复用性,适用于较复杂的交互逻辑,提高了运行效率高和加载速度;使用requireJS引用模板,展示了弹窗;使页面效果更好,区别于设置项与结果都展示在同一个页面的冗余效果;使用该方法使页面美观,交互性强。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明的流程图;
图2为本发明question项打开问题弹窗;
图3为本发明+new options项打开弹窗;
图4为本发明选择主观题弹窗;
图5为本发明点击“+new questions”弹窗;
图6为本发明点击问题“X”弹窗。
具体实施方式
为了使本领域技术人员更好地理解本发明的技术方案,下面结合附图对本发明进行详细描述,本部分的描述仅是示范性和解释性,不应对本发明的保护范围有任何的限制作用。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。
需要说明的是,术语“中心”、“上”、“下”、“左”、“右”、“竖直”、“水平”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系,或者是该发明产品使用时惯常摆放的方位或位置关系,仅是为了便于描述本发明和简化描述,而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作,因此不能理解为对本发明的限制。此外,术语“第一”、“第二”、“第三”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
此外,术语“水平”、“竖直”、“悬垂”等术语并不表示要求部件绝对水平或悬垂,而是可以稍微倾斜。如“水平”仅仅是指其方向相对“竖直”而言更加水平,并不是表示该结构一定要完全水平,而是可以稍微倾斜。
在本发明的描述中,还需要说明的是,除非另有明确的规定和限定,术语“设置”、“安装”、“相连”、“连接”应做广义理解,例如,可以是固定连接,也可以是可拆卸连接,或一体地连接;可以是机械连接,也可以是电连接;可以是直接相连,也可以通过中间媒介间接相连,可以是两个元件内部的连通。对于本领域的普通技术人员而言,可以具体情况理解上述术语在本发明中的具体含义。
本发明提供一种基于模板引擎渲染弹窗动态添加内容方法,question的设置背景是让管理用户能针对相应资产提出问题,设置问题让其他用户回答,达到一个反馈效果;设置的模板引擎中包含两个问题类型项,当为选择题时,则为可输入问题、多个选项模式,当为主观题时,则只可输入问题。
优选的,该模板引擎渲染包括以下步骤:
S1:点question编辑问题,根据后台传来的数据,会用模板引擎渲染出现的弹窗页面,弹窗中展示之前已经保存的问题,问题分两类:选择题和主观题;
S2:已有问题可以更改内容但不能更改类型,更改已有问题则获取新改信息覆盖原有信息;
S3:点击”+new options”添加新问题项,将模板引擎内容渲染到指定节点,此时可选问题类型,若改变,则使用模板引擎动态展示问题框,获取编辑内容;
S4:点击“X”删除子类问题或者删除父类问题,则删除此处索引,重新排序问题索引;
S5:若要保存,则点击“save”,前端将数据封装好后传给后台,若还要继续编辑,则继续以上流程;
S6:结束。
优选的,所述可使用多种模板引擎(Velocity,Freemarker等),基于[统一]配置[可运行时更改生效]方式,运行时渲染SQL(NOT_ONLY_SQL),无框架依赖,可配合jdbc,jdbcTemplate等使用。
优选的,所述定义常用方法集合的模板,使用Velocity引擎的以vm格式保存,使用Freemarker引擎以ftl格式保存。
优选的,所述使用率频繁的语法结合模板语言抽取出可供调用的方法。
综上所述:击“question”项打开问题弹窗,如图2所示,打开问题弹窗后模板会渲染出之前已经设置、保存的问题,此时该问题不可修改类型,但可修改内容;点击“+newoptions”添加选择题选项、点击“X”删除选择题项,具体可参见图3;选择主观题,则展示如下,只可以填写问题,具体参见图4;点击“+new questions”则添加一个问题项,左上角的数字为问题索引,具体参见图5;点击问题框右上角的“X”则删除一个问题项,则删除此处的问题索引并将目前存在的问题索引进行重新排序(会存在删除中间序列的问题的情况,所以需要重新排序重新渲染索引),具体参见图6。
本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实例的说明只是用于帮助理解本发明的方法及其核心思想。以上仅是本发明的优选实施方式,应当指出,由于文字表达的有限性,而客观上存在无限的具体结构,对于本技术领域的普通技术人员来说,在不脱离本发明原理的前提下,还可以做出若干改进、润饰或变化,也可以将上述技术特征以适当的方式进行组合;这些改进润饰、变化或组合,或未经改进将发明的构思和技术方案直接应用于其它场合的,均应视为本发明的保护范围。
Claims (5)
1.一种基于模板引擎渲染弹窗动态添加内容方法,其特征在于:
question的设置背景是让管理用户能针对相应资产提出问题,设置问题让其他用户回答,达到一个反馈效果;设置的模板引擎中包含两个问题类型项,当为选择题时,则为可输入问题、多个选项模式,当为主观题时,则只可输入问题。
2.根据权利要求1所述的基于模板引擎渲染弹窗动态添加内容方法,其特征在于:该模板引擎渲染包括以下步骤:
S1:点question编辑问题,根据后台传来的数据,会用模板引擎渲染出现的弹窗页面,弹窗中展示之前已经保存的问题,问题分两类:选择题和主观题;
S2:已有问题可以更改内容但不能更改类型,更改已有问题则获取新改信息覆盖原有信息;
S3:点击”+new options”添加新问题项,将模板引擎内容渲染到指定节点,此时可选问题类型,若改变,则使用模板引擎动态展示问题框,获取编辑内容;
S4:点击“X”删除子类问题或者删除父类问题,则删除此处索引,重新排序问题索引;
S5:若要保存,则点击“save”,前端将数据封装好后传给后台,若还要继续编辑,则继续以上流程;
S6:结束。
3.根据权利要求1所述的基于模板引擎渲染弹窗动态添加内容方法,其特征在于:所述可使用多种模板引擎(Velocity,Freemarker等),基于[统一]配置[可运行时更改生效]方式,运行时渲染SQL(NOT_ONLY_SQL),无框架依赖,可配合jdbc,jdbcTemplate等使用。
4.根据权利要求1所述的基于模板引擎渲染弹窗动态添加内容方法,其特征在于:所述定义常用方法集合的模板,使用Velocity引擎的以vm格式保存,使用Freemarker引擎以ftl格式保存。
5.权利要求2所述的基于模板引擎渲染弹窗动态添加内容方法,其特征在于:所述使用率频繁的语法结合模板语言抽取出可供调用的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910642499.9A CN112241261A (zh) | 2019-07-16 | 2019-07-16 | 一种基于模板引擎渲染弹窗动态添加内容方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910642499.9A CN112241261A (zh) | 2019-07-16 | 2019-07-16 | 一种基于模板引擎渲染弹窗动态添加内容方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112241261A true CN112241261A (zh) | 2021-01-19 |
Family
ID=74167209
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910642499.9A Pending CN112241261A (zh) | 2019-07-16 | 2019-07-16 | 一种基于模板引擎渲染弹窗动态添加内容方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112241261A (zh) |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105989084A (zh) * | 2015-02-11 | 2016-10-05 | 阿里巴巴集团控股有限公司 | 一种回复问题的方法和设备 |
CN106126564A (zh) * | 2016-06-17 | 2016-11-16 | 浙江万朋教育科技股份有限公司 | 一种基于动态模板语言渲染的方法 |
CN107391116A (zh) * | 2017-06-28 | 2017-11-24 | 武汉斗鱼网络科技有限公司 | 一种组件帮助弹窗渲染方法及装置 |
-
2019
- 2019-07-16 CN CN201910642499.9A patent/CN112241261A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105989084A (zh) * | 2015-02-11 | 2016-10-05 | 阿里巴巴集团控股有限公司 | 一种回复问题的方法和设备 |
CN106126564A (zh) * | 2016-06-17 | 2016-11-16 | 浙江万朋教育科技股份有限公司 | 一种基于动态模板语言渲染的方法 |
CN107391116A (zh) * | 2017-06-28 | 2017-11-24 | 武汉斗鱼网络科技有限公司 | 一种组件帮助弹窗渲染方法及装置 |
Non-Patent Citations (2)
Title |
---|
WEIXIN_34223655: ""使用Vue渲染可配置表单--记一次问卷平台项目"", pages 1 - 4, Retrieved from the Internet <URL:《https://blog.csdn.net/weixin_34223655/article/details/89064606》> * |
一周进步: ""从问卷调研到数据分析,只要这个网站就能搞定!"", pages 1 - 12, Retrieved from the Internet <URL:《https://zhuanlan.zhihu.com/p/60021833》> * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111045655B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
CN112328212A (zh) | 一种基于引擎模式前后端分离的快速开发平台及其使用方法 | |
US8938720B2 (en) | Trace visualization for object oriented programs | |
CN110673848B (zh) | 一种基于JavaWeb的企业信息管理系统配置装置 | |
CN109582647B (zh) | 一种面向非结构化证据文件的分析方法及系统 | |
US20070178968A1 (en) | Displaying game asset relationship in a game development environment | |
CN112035197B (zh) | 一种前端页面的配置方法及装置 | |
US20070067323A1 (en) | Fast file shredder system and method | |
CN102135873A (zh) | 一种创建用户界面的方法和装置 | |
CN110688117A (zh) | 一种基于JavaWeb的界面设计器、平台及其页面配置方法 | |
US20050108681A1 (en) | Method and system for applying user interface elements to data | |
CN116610398A (zh) | 递归树形组件展示方法、装置、计算机设备及计算机可读存储介质 | |
CN110347878B (zh) | 一种规则引擎驱动的数据融合方法 | |
CN112241261A (zh) | 一种基于模板引擎渲染弹窗动态添加内容方法 | |
US20050216887A1 (en) | Document development platform | |
CN114895875B (zh) | 一种零代码可视化信息系统元数据的生产应用方法及系统 | |
CN115438291A (zh) | 一种生成表单的方法 | |
CN114911466B (zh) | 一种采集端数据质量控制系统 | |
CN116400914A (zh) | 一种基于数据模型快速构建web应用的方法 | |
CN115291869A (zh) | 一种基于vue自定义组件的零代码表单生成方法与系统 | |
CN116090408A (zh) | 可加载大数据量表格组件单元格文本内容自适应实现方法 | |
Gutknecht et al. | Andra: The document preparation system of the personal workstation Lilith | |
CN115292631A (zh) | 一种基于Web的容器内部文件管理方法和系统 | |
CN115168361A (zh) | 一种标签管理方法和装置 | |
CN115203162A (zh) | 一种所见即所得图数据构建方法 |
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 |