CN109739503A - 一种基于用户需求动态化控制页面生成的系统 - Google Patents
一种基于用户需求动态化控制页面生成的系统 Download PDFInfo
- Publication number
- CN109739503A CN109739503A CN201811617942.9A CN201811617942A CN109739503A CN 109739503 A CN109739503 A CN 109739503A CN 201811617942 A CN201811617942 A CN 201811617942A CN 109739503 A CN109739503 A CN 109739503A
- Authority
- CN
- China
- Prior art keywords
- page
- field
- dom
- user demand
- dynamic
- 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
Landscapes
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种基于用户需求动态化控制页面生成的系统,本发明步骤为:S1.首先生成一个系统;S2.自定义生成页面,在页面布局上出现相应的dom结构;S3.根据服务端字段生成相应动态页面:根据后端返回的相应字段,web前端获取到相应字段后进行系统匹配操作,匹配正确之后会在页面出现相应的dom结构,如果匹配不到前端将根据该系统功能智能生成该结构。本发明能实现动态添加页面,完成用户需求,能够实现个性化定制,灵活性高,能提高效率,降低成本。
Description
技术领域
本发明涉及一种控制页面生成的系统,更具体地说,涉及一种基于用户需求动态化控制页面生成的系统。
背景技术
在进行前端页面布局的时候,经常会对不同的dom结构进行操作,有的页面是根据固定设计生成的,有的页面没有固定设计而是根据用户主观需要进行布局,通常后者对于开发人员而言,可参考性少,没有固定设计,经常面临着实现起来效率和准确性都很低,且开发成本高的问题
开发人员尽可能多的考虑各种情况,在页面预置好dom结构,然后在预置的dom结构中进行选择。首先、预置的dom结构是开发人员主观操作,很大成都上并不能满足用户想要生成的dom结构,其次、实现逻辑复杂,效率低下,成本高昂
固定生成多个不同的前端页面,然后根据需求选择其中一个页面;首先、生成多个前端页面,导致前端结构复杂,内存增加,拖慢页面渲染速度,其次、多个页面增加人力和时间成本。
发明内容
本发明要解决的技术问题在于,针对现有技术中的缺陷,提供一种基于用户需求动态化控制页面生成的系统,解决目前生成动态页面没有成熟的技术可选择,用户需求不能得到满足,动态生成的页面实际上是预先配置,没有实现真正的动态化,时间和人力成本高昂的问题。
本发明解决其技术问题所采用的技术方案是:构造一种基于用户需求动态化控制页面生成的系统,根据后台返回的字段动态生成web页面,能实现动态添加页面,完成用户需求。
在本发明所述的基于用户需求动态化控制页面生成的系统中,所述基于用户需求动态化控制页面生成的系统步骤为:
S1.首先生成一个系统,所述系统包括自定义生成页面和根据后台返回字段相应生成动态页面,有按钮操作区和dom结构生成区;生成的每一个dom结构都有唯一的标识字段,监听dom结构可根据字段进行文字编辑,拖拽,删除等功能
S2.自定义生成页面,将所述系统集成进前端项目,部署到相应页面,出现操作按钮区和页面生成区,点击相应按钮,在页面布局上出现相应的dom结构;
S3.根据服务端字段生成相应动态页面:将所述系统集成进前端项目,部署到相应页面,出现操作按钮取和页面生成区,根据后端返回的相应字段,web前端获取到相应字段后进行系统匹配操作,匹配正确之后会在页面出现相应的dom结构,如果匹配不到前端将根据该系统功能智能生成该结构。
实施本发明的一种基于用户需求动态化控制页面生成的系统,具有以下有益效果:本发明能实现动态添加页面,完成用户需求,能够实现个性化定制,灵活性高,能提高效率,降低成本。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1是本发明的基于用户需求动态化控制页面生成的系统流程图
具体实施方式
为了使本发明的目的、技术方案及优点更加清楚明白,以下结合附图及实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
如图1所示,所述基于用户需求动态化控制页面生成的系统步骤为:
S1.首先生成一个系统,所述系统包括自定义生成页面和根据后台返回字段相应生成动态页面,有按钮操作区和dom结构生成区;生成的每一个dom结构都有唯一的标识字段,监听dom结构可根据字段进行文字编辑,拖拽,删除等功能
S2.自定义生成页面,将所述系统集成进前端项目,部署到相应页面,出现操作按钮区和页面生成区,点击相应按钮,在页面布局上出现相应的dom结构;
S3.根据服务端字段生成相应动态页面:将所述系统集成进前端项目,部署到相应页面,出现操作按钮取和页面生成区,根据后端返回的相应字段,web前端获取到相应字段后进行系统匹配操作,匹配正确之后会在页面出现相应的dom结构,如果匹配不到前端将根据该系统功能智能生成该结构。
进一步地,所述dom结构有唯一的标识字段,监听dom结构根据字段具有文字编辑,拖拽,删除功能;在编辑,拖拽,删除功能的时候会对硬件的行为进行监听,包括点击,拖拽,释放过程,准确执行各个相关指令,完成用户所需要的页面布局。
进一步地,根据服务端字段生成的相应动态页面,如果匹配不到相应动态结构,前端将根据字段表示调用dom监听器,使用dom添加功能添加出需要的dom结构。
进一步地,当操作完毕之后将结果保存到相应dom结构,当用户确认最终操作的时候,会将结果与后台进行通信,存储到服务器并且在页面渲染出我们需要的dom结构。
尽管通过以上实施例对本发明进行了揭示,但本发明的保护范围并不局限于此,在不偏离本发明构思的条件下,对以上各构件所做的变形、替换等均将落入本发明的权利要求范围内。
Claims (4)
1.一种基于用户需求动态化控制页面生成的系统,其特征在于,所述基于用户需求动态化控制页面生成的系统步骤为:
S1.首先生成一个系统,所述系统包括自定义生成页面和根据后台返回字段相应生成动态页面,有按钮操作区和dom结构生成区;生成的每一个dom结构都有唯一的标识字段,监听dom结构可根据字段进行文字编辑,拖拽,删除等功能
S2.自定义生成页面,将所述系统集成进前端项目,部署到相应页面,出现操作按钮区和页面生成区,点击相应按钮,在页面布局上出现相应的dom结构;
S3.根据服务端字段生成相应动态页面:将所述系统集成进前端项目,部署到相应页面,出现操作按钮取和页面生成区,根据后端返回的相应字段,web前端获取到相应字段后进行系统匹配操作,匹配正确之后会在页面出现相应的dom结构,如果匹配不到前端将根据该系统功能智能生成该结构。
2.根据权利要求1所述的基于用户需求动态化控制页面生成的系统,其特征在于,所述dom结构有唯一的标识字段,监听dom结构根据字段具有文字编辑,拖拽,删除功能;在编辑,拖拽,删除功能的时候会对硬件的行为进行监听,包括点击,拖拽,释放过程,准确执行各个相关指令,完成用户所需要的页面布局。
3.根据权利要求1所述的基于用户需求动态化控制页面生成的系统,其特征在于,根据服务端字段生成的相应动态页面,如果匹配不到相应动态结构,前端将根据字段表示调用dom监听器,使用dom添加功能添加出需要的dom结构。
4.根据权利要求1所述的基于用户需求动态化控制页面生成的系统,其特征在于,当操作完毕之后将结果保存到相应dom结构,当用户确认最终操作的时候,会将结果与后台进行通信,存储到服务器并且在页面渲染出我们需要的dom结构。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811617942.9A CN109739503A (zh) | 2018-12-28 | 2018-12-28 | 一种基于用户需求动态化控制页面生成的系统 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811617942.9A CN109739503A (zh) | 2018-12-28 | 2018-12-28 | 一种基于用户需求动态化控制页面生成的系统 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109739503A true CN109739503A (zh) | 2019-05-10 |
Family
ID=66361686
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811617942.9A Pending CN109739503A (zh) | 2018-12-28 | 2018-12-28 | 一种基于用户需求动态化控制页面生成的系统 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109739503A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117348870A (zh) * | 2023-09-20 | 2024-01-05 | 北京安锐卓越信息技术股份有限公司 | 一种页面定制方法、装置、介质及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034690A (zh) * | 2012-11-28 | 2013-04-10 | 华南理工大学 | 一种基于web服务的移动客户端应用程序自定制方法 |
CN104216926A (zh) * | 2013-06-05 | 2014-12-17 | 上海缪思信息科技有限公司 | 一种页面生成方法、模版引擎及处理器 |
US20180152450A1 (en) * | 2016-11-30 | 2018-05-31 | Salesforce.Com, Inc. | Secure component-based web applications |
CN108334517A (zh) * | 2017-01-20 | 2018-07-27 | 华为技术有限公司 | 一种网页渲染方法及相关设备 |
CN109002338A (zh) * | 2017-06-07 | 2018-12-14 | 阿里巴巴集团控股有限公司 | 页面渲染、页面装修信息处理方法及装置 |
-
2018
- 2018-12-28 CN CN201811617942.9A patent/CN109739503A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103034690A (zh) * | 2012-11-28 | 2013-04-10 | 华南理工大学 | 一种基于web服务的移动客户端应用程序自定制方法 |
CN104216926A (zh) * | 2013-06-05 | 2014-12-17 | 上海缪思信息科技有限公司 | 一种页面生成方法、模版引擎及处理器 |
US20180152450A1 (en) * | 2016-11-30 | 2018-05-31 | Salesforce.Com, Inc. | Secure component-based web applications |
CN108334517A (zh) * | 2017-01-20 | 2018-07-27 | 华为技术有限公司 | 一种网页渲染方法及相关设备 |
CN109002338A (zh) * | 2017-06-07 | 2018-12-14 | 阿里巴巴集团控股有限公司 | 页面渲染、页面装修信息处理方法及装置 |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN117348870A (zh) * | 2023-09-20 | 2024-01-05 | 北京安锐卓越信息技术股份有限公司 | 一种页面定制方法、装置、介质及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109117138B (zh) | 一种组态方法及装置、计算机可读存储介质 | |
CN101082970A (zh) | 政务审批工作流引擎系统的实现方法 | |
DE102014014301A1 (de) | Verfahren und Einrichtung zum Verwalten globaler Chip-Energie auf einem Chip-internen Mehrkernsystem | |
CN102426544A (zh) | 任务分配方法和系统 | |
CN108845798A (zh) | 一种可视化大数据任务编排框架及处理方法 | |
EP2492832A1 (de) | Optimierung einer auf einem Client-Server-System implementierten Softwareapplikation | |
CN108572845A (zh) | 分布式微服务集群的升级方法及相关系统 | |
CN105868361A (zh) | 一种数据更新方法和装置 | |
CN109672712A (zh) | 数据同步方法、装置、超级控制器、域控制器及存储介质 | |
WO2020200877A1 (de) | Generierung und verteilung von konfigurations-datenstrukturen für steuerungssysteme | |
CN109739503A (zh) | 一种基于用户需求动态化控制页面生成的系统 | |
CN103595742B (zh) | 调试网页css的方法及装置 | |
CN103354990A (zh) | 处理云平台中的虚拟机的系统和方法 | |
CN103631594B (zh) | 通用流程异步调度方法及系统 | |
CN104598250B (zh) | 一种系统管理架构及其实现管理的方法 | |
CN102436501A (zh) | 一种基于web的并行文件管理系统 | |
CN101110022A (zh) | 一种工作流模型的软件实现方法 | |
CN102541811B (zh) | 基于按需计算的分析因子的数据分析装置及方法 | |
CN114840376A (zh) | 一种基于Esper实现的告警聚合方法 | |
EP3114536B1 (de) | Vorrichtung und verfahren zur verteilten entwicklung von prozessprogrammen eines verteilten echtzeitsystems auf einer verteilten entwicklungshardware | |
CN105528259A (zh) | 一种应用级容灾自动化切换控制设计方法 | |
CN115543423A (zh) | 一种标杆生成方法、装置、设备及存储介质 | |
CN112149826B (zh) | 深度神经网络推理计算中一种基于Profile图的优化方法 | |
CN108829540A (zh) | 网页内容的备份方法、装置及电子设备 | |
CN107872352A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190510 |