(19)国家知识产权局 (12)发明 专利申请 (10)申请公布号 (43)申请公布日 (21)申请 号 202211325996.4 (22)申请日 2022.10.27 (71)申请人 阳光人寿保险股份有限公司 地址 572000 海南省三 亚市迎宾路3 60-1号 三亚阳光金融广场16层 (72)发明人 李祥南　付超　文静　刘源　 吴孟华　刘美岐　 (74)专利代理 机构 北京超凡宏宇专利代理事务 所(特殊普通 合伙) 11463 专利代理师 张文娥 (51)Int.Cl. G06F 8/34(2018.01) G06F 3/0486(2013.01) G06F 8/61(2018.01) G06F 8/71(2018.01)G06F 9/445(2018.01) G06F 40/186(2020.01) G06F 8/38(2018.01) (54)发明名称 VUE页面生成方法及装置 (57)摘要 本发明提供了一种VUE页面生成方法及装 置， 应用于服务器， 服务器中存储有模板库和VUE 组件库， 模板库中包括多种页面模板， 每种页面 模板通过VUE组件库中的多种VUE组件 拖拽生成； 包括： 根据页面配置需求， 从模板库中提取页面 配置需求对应的页面模板； 基于页面配置需求， 针对页面模板中的VUE组件进行拖拽调整， 以对 页面修改； 将页面修改 的结果确定为页面配置需 求对应的目标VUE页面。 所使用的VUE组件可以直 接生成相应的代码， 页面开发人员无需专业学习 前端VUE知识， 仅按照页面配置需求对应的UI展 示对VUE组件可视化拖拽， 就能快速生成VUE页面 及代码， 提高用户体验， 降低开发的学习成本， 缩 短开发周期。 权利要求书2页 说明书9页 附图3页 CN 115495068 A 2022.12.20 CN 115495068 A 1.一种VUE页面生成方法， 其特征在于， 所述方法应用于服务器， 所述服务器中存储有 模板库和VUE组件库， 所述VUE组件库包括拖拽组件， 以及与拖拽组件封装的多种VUE组件， 所述模板库中包括多种页面模板， 每种所述页面模板通过所述VUE组件库中的多种VUE组件 拖拽生成； 所述方法包括： 获取预设的页面配置需求； 根据所述页面配置需求， 从所述模板库中提取 所述页面配置需求对应的页面模板； 基于所述页面配置需求， 针对所述页面模板中的VUE组件进行拖拽调整， 以对页面修 改； 将所述页面 修改的结果确定为所述页面配置需求对应的目标VUE页面。 2.根据权利要求1所述的方法， 其特征在于， 所述页面配置需求包括VUE组件需求和页 面布局需求； 所述基于所述页面配置需求， 针对所述页面模板中的VUE组件进行拖拽调整， 以对页面 修改的步骤， 包括： 针对所述页面配置需求中的VUE组件需求和所述页面模板中的VUE组件， 从所述VUE组 件库中获取目标VUE组件； 其中， 所述目标VUE组件包括未在所述页面模板中展示的VUE组 件； 将所述目标VUE组件载入所述页面模板中， 并根据所述页面布局需求， 拖拽所述目标 VUE组件的位置， 以对所述页面模板的页面布局进行调整。 3.根据权利要求2所述的方法， 其特 征在于， 所述页面布局需求包括预设的适配比例； 所述根据所述页面布局需求， 拖拽所述目标VUE组件的位置， 以对所述页面模板的页面 布局进行调整的步骤之后， 所述方法还 包括： 预览调整后的页面布局， 判断所述页面布局是否满足所述页面布局需求中的适配比 例； 如果是， 将所述页面布局 确定为目标VUE页面对应的页面布局。 4.根据权利要求1所述的方法， 其特征在于， 所述页面模板 中包括页面关键字和页面展 示结果， 所述页面展示结果与所述页面模板的VUE组件 对应； 所述根据 所述页面配置 需求， 从所述模板库中提取所述页面配置 需求对应的页面模板 的步骤， 包括： 获取所述页面模板的页面关键 字和页面展示结果； 判断所述页面关键字是否满足所述页面配置需求对应的关键字， 且， 所述页面展示结 果中的VUE组件是否满足所述页面配置需求对应的VUE组件需求； 如果是， 将当前页面模板确定为所述页面配置需求对应的页面模板 。 5.根据权利要求1所述的方法， 其特征在于， 所述将所述页面修改的结果确定为所述页 面配置需求对应的目标VUE页面的步骤之后， 所述方法还 包括： 基于所述页面 修改结果中的VUE组件生成所述目标VUE页面的页面代码。 6.根据权利要求5所述的方法， 其特 征在于， 所述方法还 包括： 对所述页面代码进行报文加密。 7.根据权利要求1所述的方法， 其特征在于， 所述服务器中还存储有页面克隆库， 所述 页面克隆库中包括所述模板库中的多个页面模板， 所述页面克隆库用于减少所述页面模板权　利　要　求　书 1/2 页 2 CN 115495068 A 2对应的查找时间； 所述方法还 包括： 记录所述页面模板的提取次数， 将所述提取次数满足预设提取阈值的页面模板存储至 所述页面克隆库中。 8.根据权利要求1所述的方法， 其特征在于， 所述根据所述页面配置需求， 从所述模板 库中提取 所述页面配置需求对应的页面模板的步骤之后， 所述方法还 包括： 判断所述模板库中是否包括与所述页面配置需求对应的页面模板； 如果否， 根据所述页面配置需求， 从所述VUE组件库中提取所述页面配置需求对应的 VUE组件， 配置所述页面配置需求对应的VUE页面。 9.根据权利要求1所述的方法， 其特征在于， 所述VUE组件库中包括基础组件集合和更 新组件集合； 所述基础组件集合中包括elementUI组件库、 vant组件库、 vuedraggable可拖 拽组件、 原生javascr ipt； 所述更新组件集合中包括所述基础组件集合中的VUE组件对应的 更新组件。 10.一种VUE页面生成装置， 其特征在于， 所述装置应用于服务器， 所述服务器 中存储有 模板库和VUE组件库， 所述VUE组件库包括拖拽组件， 以及与拖拽组件封装的多种VUE组件， 所述模板库中包括多种页面模板， 每种所述页面模板通过所述VUE组件库中的多种VUE组件 拖拽生成； 所述装置包括： 需求获取模块， 用于获取 预设的页面配置需求； 页面提取模块， 用于根据所述页面配置需求， 从所述模板库中提取所述页面配置需求 对应的页面模板； 修改模块， 用于基于所述页面配置需求， 针对所述页面模板中的VUE组件进行拖拽调 整， 以对页面 修改； 输出模块， 用于将所述页面 修改的结果确定为所述页面配置需求对应的目标VUE页面。权　利　要　求　书 2/2 页 3 CN 115495068 A 3