一种基于静态资源的前端页面构建系统技术方案

本发明专利技术涉及前端页面生成技术领域，具体涉及一种基于静态资源的前端页面构建系统，包括：目录树模块，包括由多个相互连结的目录树节点组成的目录树，目录树节点上预先配置有对应的模板数据和

【技术实现步骤摘要】
一种基于静态资源的前端页面构建系统


[0001]本专利技术涉及前端页面生成
，具体涉及一种基于静态资源的前端页面构建系统
。

技术介绍

[0002]前端，即网站前台部分，是运行在
PC
端，移动端等浏览器上展现给用户浏览的网页
。
[0003]现有技术中，已存在有用于构建前端页面并进行显示的技术方案
。
比如，中国专利
CN202310330193.6
公开了一种适用于
WEB
端的数据处理方法
、
装置及电子设备，该方案通过预先搭建前端框架，随后抓取后端的数据进行填充来组成完整的页面进行显示
。
[0004]但是，在实际实施过程中，专利技术人发现，上述方案在实施过程中，由于前端页面的框架依赖于开发人员的编辑过程，对页面中的任意控件的调整可能会影响其他控件，包括同一级的控件和次级控件，进而需要对其他控件进行相应的编辑过程，导致了开发时间较长的问题
。

技术实现思路

[0005]针对现有技术中存在的上述问题，现提供一种基于静态资源的前端页面构建系统
。
[0006]具体技术方案如下：
[0007]一种基于静态资源的前端页面构建系统，包括：
[0008]目录树模块，所述目录树模块包括由多个相互连结的目录树节点组成的目录树，所述目录树节点上预先配置有对应的模板数据和
/
或内容数据；
[0009]草稿生成模块，所述草稿生成模块连接所述目录树模块，所述草稿生成模块依照所述目录树的树状关系依次读取所述目录树节点，以获取所述模板数据和所述内容数据，对所述模板数据和所述内容数据进行组装得到草稿态数据；
[0010]于组装过程中，所述模板数据依照所述树状关系对内容数据进行约束；
[0011]发布模块，所述发布模块连接所述草稿生成模块，所述发布模块依照所述草稿态数据生成前端页面并发布
。
[0012]另一方面，所述目录树中，所述目录树节点包括根节点，所述根节点分别连接下一个层级的多个所述目录树节点；每一个层级的所有所述目录树节点上配置的模板数据组成模板组数据；
[0013]所述模板组数据用于约束同一层级上的所述目录树节点的内容数据
。
[0014]另一方面，所述目录树模块包括：
[0015]存储模块，所述存储模块中存储有所述目录树；
[0016]节点建立模块，所述节点建立模块连接所述存储模块，所述节点建立模块响应外部输入的节点创建指令，于所述目录树中确定待建立的新建节点所属的层级，并于所述层
级中建立所述目录树节点，以及，与其他的所述目录树节点建立连接关系；
[0017]绑定模块，所述绑定模块连接所述存储模块，所述绑定模块响应外部输入的添加指令，所述绑定模块依照所述添加指令选择所述目录树节点，随后于所述目录树节点上绑定所述模板数据和
/
或所述内容数据
。
[0018]另一方面，所述目录树模块还包括：
[0019]模板编辑模块，所述模板编辑模块连接所述存储模块，所述模板编辑模块响应外部输入的模板编辑指令，对所述模板数据进行编辑后存储；
[0020]模板组合并模块，所述模板组合并模块连接所述存储模块，所述模板组合并模块对所述模板组数据中的所述模板数据进行调整
。
[0021]另一方面，所述草稿生成模块包括：
[0022]读取模块，所述读取模块依照所述树状关系依次读取每一个所述目录树节点；
[0023]模板组构建模块，所述模板组构建模块连接所述读取模块，所述模板组构建模块于所述读取模块遍历同一个层级上的所有所述目录树节点后，依照获取到的所述模板数据构建模板组内容；
[0024]填充模块，所述填充模块分别连接所述读取模块和所述模板组构建模块，所述填充模块于所述模板组内容中填充所述数据内容，以形成所述草稿态数据
。
[0025]另一方面，所述草稿生成模块还包括：
[0026]外部编辑模块，所述外部编辑模块响应外部输入的编辑指令以构建多媒体页面；
[0027]引用模块，所述引用模块连接所述外部编辑模块和所述填充模块，所述引用模块于所述草稿态数据中添加所述多媒体页面
。
[0028]另一方面，所述草稿生成模块还包括：
[0029]版本编辑模块，所述版本编辑模块连接所述填充模块，所述版本控制模块对填充的所述内容数据或所述模板组数据中包括的所述模板数据进行调整，以形成新的草稿态数据；
[0030]版本控制模块，所述版本控制模块分别连接所述版本编辑模块和所述填充模块，所述版本控制模块对每一组所述草稿态数据分配版本号；
[0031]所述发布模块依照所述版本号来选择实际用于生成所述前端页面的所述草稿态数据
。
[0032]另一方面，所述发布模块包括：
[0033]页面构建模块，所述页面构建模块依照所述草稿态数据生成所述前端页面；订阅获取模块，所述订阅获取模块获取预先存储的多个订阅方的订阅信息；
[0034]推送模块，所述推送模块分别连接所述页面构建模块和所述订阅获取模块，所述推送模块依照所述订阅信息调用对应的推送方式向所述订阅方推送所述前端页面
。
[0035]上述技术方案具有如下优点或有益效果：
[0036]针对现有技术中的前端页面在编辑过程中需要对相互关联的控件进行调整，工作量较大的问题，本实施例中，预先引入了目录树结构对模板数据和内容数据进行存储，在构建前端页面的过程中，依照模板数据所在的目录树节点的层级关系自动对数据内容进行约束
、
填充，从而实现了对前端页面的自动变更，减少了部分控件修改时对其他无关项的改动工作，提高了修改效率
。
附图说明
[0037]参考所附附图，以更加充分的描述本专利技术的实施例
。
然而，所附附图仅用于说明和阐述，并不构成对本专利技术范围的限制
。
[0038]图1为本专利技术实施例的整体示意图；
[0039]图2为本专利技术实施例中目录树示意图；
[0040]图3为本专利技术实施例中目录树模块示意图；
[0041]图4为本专利技术实施例中目录树模块示意图；
[0042]图5为本专利技术实施例中草稿生成模块示意图；
[0043]图6为本专利技术实施例中草稿生成模块示意图；
[0044]图7为本专利技术实施例中草稿生成模块示意图；
[0045]图8为本专利技术实施例中发布模块示意图
。
具体实施方式
[0046]下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚
、
完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例
。
基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于静态资源的前端页面构建系统，其特征在于，包括：目录树模块，所述目录树模块包括由多个相互连结的目录树节点组成的目录树，所述目录树节点上预先配置有对应的模板数据和
/
或内容数据；草稿生成模块，所述草稿生成模块连接所述目录树模块，所述草稿生成模块依照所述目录树的树状关系依次读取所述目录树节点，以获取所述模板数据和所述内容数据，对所述模板数据和所述内容数据进行组装得到草稿态数据；于组装过程中，所述模板数据依照所述树状关系对内容数据进行约束；发布模块，所述发布模块连接所述草稿生成模块，所述发布模块依照所述草稿态数据生成前端页面并发布
。2.
根据权利要求1所述的前端页面构建系统，其特征在于，所述目录树中，所述目录树节点包括根节点，所述根节点分别连接下一个层级的多个所述目录树节点；每一个层级的所有所述目录树节点上配置的模板数据组成模板组数据；所述模板组数据用于约束同一层级上的所述目录树节点的内容数据
。3.
根据权利要求2所述的前端页面构建系统，其特征在于，所述目录树模块包括：存储模块，所述存储模块中存储有所述目录树；节点建立模块，所述节点建立模块连接所述存储模块，所述节点建立模块响应外部输入的节点创建指令，于所述目录树中确定待建立的新建节点所属的层级，并于所述层级中建立所述目录树节点，以及，与其他的所述目录树节点建立连接关系；绑定模块，所述绑定模块连接所述存储模块，所述绑定模块响应外部输入的添加指令，所述绑定模块依照所述添加指令选择所述目录树节点，随后于所述目录树节点上绑定所述模板数据和
/
或所述内容数据
。4.
根据权利要求3所述的前端页面构建系统，其特征在于，所述目录树模块还包括：模板编辑模块，所述模板编辑模块连接所述存储模块，所述模板编辑模块响应外部输入的模板编辑指令，对所述模板数据进行编辑后存储；模板组合并模块，所述模板组合并模...

【专利技术属性】
技术研发人员：李为栋，陈佳韡，乔良，林涛，黄斌，
申请(专利权)人：中免日上互联科技有限公司，
类型：发明
国别省市：