CN115857908B - 一种文旅可视化建模*** - Google Patents
一种文旅可视化建模*** Download PDFInfo
- Publication number
- CN115857908B CN115857908B CN202310157043.XA CN202310157043A CN115857908B CN 115857908 B CN115857908 B CN 115857908B CN 202310157043 A CN202310157043 A CN 202310157043A CN 115857908 B CN115857908 B CN 115857908B
- Authority
- CN
- China
- Prior art keywords
- control
- template
- interface
- module
- code
- 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.)
- Active
Links
- 230000000007 visual effect Effects 0.000 title claims abstract description 21
- 230000005540 biological transmission Effects 0.000 claims abstract description 7
- 238000004422 calculation algorithm Methods 0.000 claims abstract description 4
- 238000012795 verification Methods 0.000 claims description 2
- 238000000034 method Methods 0.000 claims 2
- 238000010586 diagram Methods 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 230000008676 import Effects 0.000 description 3
- 230000001147 anti-toxic effect Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000013011 mating Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000010200 validation analysis Methods 0.000 description 1
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种文旅可视化建模***，包括可视化控件模块录入控件模板的编码、图标样式、拖放后的模板代码以及控件生成的目标freemarker模板代码;画布布局模块，利用JDBC获取控件库列表，前端获取控件列表数据，利用Jquery技术将数据渲染于画布左侧工具箱;拖放模块使用Jquery整合HTML实现对dom元素的拖放事件，在dom元素停放在画布中央布局时触发后端接口的调用，获取控件的停靠模板代码，将停靠模板代码渲染于鼠标停放位置;输入框配置模块，预设置控件的属性配置窗口；加密传输模块使用SM4国密算法将获取的属性值进行加密包装进行提交；后端接收到控件的加密包装进行解密，读取控件模板库中该控件的HTML模板配置信息，将属性利用freemarker模板进行填充以实现HTML模板代码生成。
Description
技术领域
本发明涉及智能表单领域，具体涉及一种文旅可视化建模***。
背景技术
当前市面上智能表单的现状短板是只能生成前端代码，如果要启用功能，还需要发布部署程序，且传统的动态表单及表单配置工具通常都是针对于单体应用***来实现的，即通过表单配置工具配置好表单后，将该表单发布至对应的某一个***中，从而导致不同的***均需单独配备表单配置工具，增加了开发人员的工作量，也增大了表单配置工具的维护难度，一旦所有的表单配置工具均需要同时维护时，工作量巨大。
发明内容
有鉴于此，本发明的目的在于提供一种文旅可视化建模***，旨在解决上述问题。
为实现上述目的，本发明采用如下技术方案：
一种文旅可视化建模***，包括可视化控件模块、画布布局模块、拖放模块、输入项配置模块、加密传输模块和后端；
所述可视化控件模块，用于录入控件模板的编码、图标样式、拖放后的模板代码以及控件生成的目标freemarker模板代码;
所述画布布局模块，利用JDBC获取控件库列表，前端获取控件列表数据，利用Jquery技术将数据渲染于画布左侧工具箱;
所述拖放模块使用Jquery整合HTML实现对dom元素的拖放事件，在dom元素停放在画布中央布局时触发后端接口的调用，获取控件的停靠模板代码，将停靠模板代码渲染于鼠标停放位置;
所述输入项配置模块，通过预设置控件的属性配置窗口，实现输入项的定制；
所述加密传输模块，利用Jquery轮询获取控件的属性值，使用SM4国密算法将获取的属性值进行加密生成加密包后进行提交；
后端接收到控件的加密包后进行解密，读取控件模板库中该控件的HTML模板配置信息，将属性利用freemarker模板进行填充以实现控件本体的HTML模板代码生成。
进一步的，所述属性配置包括控件的命名、高度、宽度、标签、验证规则、数据源。
进一步的，所述后端将画布中的所有控件生成HTML代码，并根据控件拖放位置进行轮询代码生成，形成一个完整的HTML代码，将代码生成至服务器界面专属生成目录，预览的弹出框跳转至该生成界面，即可实现界面的预览功能。
进一步的，还设有增强代码模块，引入codemirror代码编辑器，读取codemirror中的代码内容，将其***至已生成完毕的HTML代码中的javascript特定dom节点处后，重新生成集成的HTML代码。
进一步的，还设有导入界面模块，用于读取界面配置数据库信息，将其转换成JSON字符串，将格式化的JSON字符串通过文本方式导入，后端读取界面配置数据库信息的JSON格式化信息进行解析得到所有控件的基本属性，将基本属性填充至所有控件的模板代码生成HTML代码。
进一步的，所述***配置界面的菜单访问地址，用户通过浏览器访问该菜单访问地址触发后端接口调用，后端接口获取用户所访问的界面代码后，程序通过界面代码读取可视化建模中该界面的所有配置信息，将配置信息填充至freemarker模板中生成HTML代码到服务器的界面目录上，前端浏览器直接定向到该界面路径由此实现了界面的实时使用功能。
本发明与现有技术相比具有以下有益效果：
1、本发明实现业务模块的前端界面的拖拽式可视化在线开发，实现了业务模块的实时生成，即配即用，无需部署的效果；
2、本发明通过JAVA源代码即时部署技术。开发者编码完成后，只要将文本代码粘贴到建模工具服务发布平台进行发布，就可以生成调用服务，无需进行源代码的编译，生成class文件，停止服务器进行部署。极大程度的提高了运维部署效率，即使在需要变更功能的情况下，也能不中断服务器的运行，真正的实现了7*24小时对外提供服务；
3、本发明引入自研脚本增强工具，在拖拽式设计器无法满足用户个性化需求的情况下，开发者可利用脚本增强工具直接在线编写JS代码，该增强工具会自动将开发者编写的增强脚本集成自建模工具生成的界面中进行调用，以满足用户的个性化需求。
附图说明
图1是本发明***逻辑示意图；
图2是本发明一实施例中前后端配合的架构图；
图3和图4是本发明一实施例中可视化控件模块示意图；
图5是本发明一实施例中输入框配置模块示意图。
实施方式
下面结合附图及实施例对本发明做进一步说明。
请参照图1，本发明提供一种文旅可视化建模***，包括可视化控件模块、画布布局模块、拖放模块、输入框配置模块、加密传输模块和后端；
可视化控件模块，用于录入控件模板的编码、图标样式、拖放后的模板代码以及控件生成的目标freemarker模板代码;在本实施例中以数据表格控件举例，参考图3和图4；
画布布局模块，利用JDBC获取控件库列表，前端获取控件列表数据，利用Jquery技术将数据渲染于画布左侧工具箱;
拖放模块使用Jquery整合HTML实现对dom元素的拖放事件，在dom元素停放在画布中央布局时触发后端接口的调用，获取控件的停靠模板代码，将停靠模板代码渲染于鼠标停放位置;
输入框配置模块，预设置控件的属性配置窗口，包括控件的命名、高度、宽度、标签、验证规则、数据源；
加密传输模块，利用Jquery轮询获取控件的属性值，使用SM4国密算法将获取的属性值进行加密包装进行提交；
后端接收到控件的加密包装进行解密，读取控件模板库中该控件的HTML模板配置信息，将属性利用freemarker模板进行填充以实现控件本体的HTML模板代码生成。
在本实施例中，后端将画布中的所有控件生成HTML代码，并根据控件拖放位置进行轮询代码生成，形成一个完整的HTML代码，将代码生成至服务器界面专属生成目录，预览的弹出框跳转至该生成界面，即可实现界面的预览功能。
在本实施例中，还设有添加增强代码模块，引入codemirror代码编辑器，读取codemirror中的代码内容，将其***至已生成完毕的HTML代码中的javascript特定dom节点处后，重新生成集成的HTML代码。
在本实施例中，还设有导入界面模块，用于读取界面配置数据库信息，将其转换成JSON字符串，将格式化的JSON字符串通过文本方式导入，后端读取界面配置数据库信息的JSON格式化信息进行解析得到所有控件的基本属性，将基本属性填充至所有控件的模板代码生成HTML代码。
在本实施例中，***配置界面的菜单访问地址，用户通过浏览器访问该菜单访问地址触发后端接口调用，后端接口获取用户所访问的界面代码后，程序通过界面代码读取可视化建模中该界面的所有配置信息，将配置信息填充至freemarker模板中生成HTML代码到服务器的界面目录上，前端浏览器直接定向到该界面路径由此实现了界面的实时使用功能。
参考图2，本实施例还提供一种前后端配合***，包括用户端、华为云CDN、边界安全防护单元、负载均衡单元、PaaS平台服务器资源池、数据库、云盘和运维服务器；所述用户端通过边界安全防护单元、负载均衡单元与PaaS平台服务器资源池相连；所述PaaS平台服务器与数据库、云盘和运维服务器分别连接。
优选的，边界安全防护单元包括防护墙、IPS设备、抗毒设备、WEB设备；数据库包括主数据库和备用数据库。
以上所述仅为本发明的较佳实施例，凡依本发明申请专利范围所做的均等变化与修饰，皆应属本发明的涵盖范围。
Claims (1)
1.一种文旅可视化建模***，其特征在于，包括可视化控件模块、画布布局模块、拖放模块、输入项配置模块、加密传输模块和后端；
所述可视化控件模块，用于录入控件模板的编码、图标样式、拖放后的模板代码以及控件生成的目标freemarker模板代码;
所述画布布局模块，利用JDBC获取控件库列表，前端获取控件列表数据，利用Jquery技术将数据渲染于画布左侧工具箱;
所述拖放模块使用Jquery整合HTML实现对dom元素的拖放事件，在dom元素停放在画布中央布局时触发后端接口的调用，获取控件的停靠模板代码，将停靠模板代码渲染于鼠标停放位置;
所述输入项配置模块，通过预设置控件的属性配置窗口，实现输入项的定制；
所述加密传输模块，利用Jquery轮询获取控件的属性值，使用JS SM4国密算法将获取的属性值进行加密生成加密包后进行提交；
后端接收到控件的加密包后进行解密，读取控件模板库中该控件的HTML模板配置信息，将属性利用freemarker模板进行填充以实现控件本体的HTML模板代码生成；
还设有增强代码模块，引入codemirror代码编辑器，读取codemirror中的代码内容，将其***至已生成完毕的HTML代码中的javascript特定dom节点处后，重新生成集成的HTML代码；
还设有导入界面模块，用于读取界面配置数据库信息，将其转换成JSON字符串，将格式化的JSON字符串通过文本方式导入，后端读取界面配置数据库信息的JSON格式化信息进行解析得到所有控件的基本属性，将基本属性填充至所有控件的模板代码生成HTML代码；
所述***配置界面的菜单访问地址，用户通过浏览器访问该菜单访问地址触发后端接口调用，后端接口获取用户所访问的界面代码后，程序通过界面代码读取可视化建模中该界面的所有配置信息，将配置信息填充至freemarker模板中生成HTML代码到服务器的界面上，前端浏览器直接定向到该界面路径由此实现了界面的实时使用功能；所述属性配置包括控件的命名、高度、宽度、标签、验证规则、数据源；所述后端将画布中的所有控件生成HTML代码，并根据控件拖放位置进行轮询代码生成，形成一个完整的HTML代码，将代码生成至服务器界面专属生成目录，预览的弹出框跳转至该生成界面，即可实现界面的预览功能。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310157043.XA CN115857908B (zh) | 2023-02-23 | 2023-02-23 | 一种文旅可视化建模*** |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310157043.XA CN115857908B (zh) | 2023-02-23 | 2023-02-23 | 一种文旅可视化建模*** |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN115857908A CN115857908A (zh) | 2023-03-28 |
| CN115857908B true CN115857908B (zh) | 2023-09-01 |
Family
ID=85658764
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310157043.XA Active CN115857908B (zh) | 2023-02-23 | 2023-02-23 | 一种文旅可视化建模*** |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN115857908B (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467366A (zh) * | 2010-11-04 | 2012-05-23 | 北京无线恒远科技有限公司 | 基于无线应用协议的页面开发方法及其装置 |
| CN111984176A (zh) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | 一种软件在线开发平台及开发方法 |
| CN113296760A (zh) * | 2021-05-25 | 2021-08-24 | 深信服科技股份有限公司 | 模型代码的生成方法、计算机设备及可读存储介质 |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7237227B2 (en) * | 2003-06-30 | 2007-06-26 | Siebel Systems, Inc. | Application user interface template with free-form layout |
| US20150186132A1 (en) * | 2013-12-31 | 2015-07-02 | Wolters Kluwer United States Inc. | User interface framework and tools for rapid development of web applications |
| US20160041815A1 (en) * | 2014-08-11 | 2016-02-11 | Chirag P. Bhagat | Computer Source Code Generator for Building Software Applications |
-
2023
- 2023-02-23 CN CN202310157043.XA patent/CN115857908B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102467366A (zh) * | 2010-11-04 | 2012-05-23 | 北京无线恒远科技有限公司 | 基于无线应用协议的页面开发方法及其装置 |
| CN111984176A (zh) * | 2020-07-08 | 2020-11-24 | 福建亿能达信息技术股份有限公司 | 一种软件在线开发平台及开发方法 |
| CN113296760A (zh) * | 2021-05-25 | 2021-08-24 | 深信服科技股份有限公司 | 模型代码的生成方法、计算机设备及可读存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN115857908A (zh) | 2023-03-28 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109918607B (zh) | 页面搭建方法及装置、介质和计算设备 | |
| US9959198B1 (en) | Simulated testing of API | |
| CN110825362A (zh) | 低代码应用软件开发***及方法 | |
| Conte et al. | MadAnalysis 5, a user-friendly framework for collider phenomenology | |
| CN107273117B (zh) | 一种编程友好型的敏捷代码自动生成*** | |
| CN102754072B (zh) | 规定用户界面元素 | |
| CN104199647B (zh) | 一种基于ibm主机的可视化***及实现方法 | |
| US8156469B2 (en) | Single composition of pattern modules | |
| CN106559438A (zh) | 一种基于目标网络平台的程序上传方法和装置 | |
| CN106354492B (zh) | 一种快速调整交易流程对接的自动化代码生成方法及*** | |
| CN103473108A (zh) | 一种Java代码生成方法 | |
| Juan et al. | Cloud and open BIM-based building information interoperability research | |
| CN104317587A (zh) | 面向安卓移动设备的程序自动生成方法 | |
| EP1830275A1 (en) | Information distribution system | |
| CN110766289A (zh) | 一种风控规则动态调整方法、装置和电子设备 | |
| CN111581920A (zh) | 文档转换方法、装置、设备及计算机存储介质 | |
| CN111612513A (zh) | 一种基于业务项目信息的资源配置方法、装置和电子设备 | |
| CN109445775A (zh) | 一键活动内嵌代码方法、装置及计算机可读存储介质 | |
| CN114995801B (zh) | 一种基于物联网平台的可视化应用开发方法和开发*** | |
| CN113849156A (zh) | OpenHarmony操作***应用的无代码智能开发***及其使用方法 | |
| CN113268227A (zh) | 一种零代码可视化的软件开发平台及开发方法 | |
| CN114564199A (zh) | 一种生成使用页面的方法、装置、设备及可读存储介质 | |
| CN109284488A (zh) | 基于本地存储修改前端表格列数据的方法、装置及介质 | |
| CN112800724B (zh) | 可视化配置模板的可读文件导出方法及相关装置 | |
| CN115857908B (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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |