《电子技术应用》
您所在的位置:首页 > 人工智能 > 设计应用 > 基于嵌套组合模型的Web页面生成方法研究与应用
基于嵌套组合模型的Web页面生成方法研究与应用
电子技术应用
彭龙江1,2
1.上海西派埃智能化系统有限公司 软件开发部;2.上海工业自动化仪表研究院有限公司
摘要: 为了满足不同行业生产、运营、管理系统平台中用户角色多样、数据异构、页面展示需求复杂多变等需求,提出一种基于嵌套组合模型的Web页面生成方法。通过采用统一建模语言和面向对象编程技术,结合Vue.js和Nuxt.js框架,实现了页面元素的灵活配置和高效渲染。该方法在不同的工程项目中取得了满意的应用效果,显著降低了配置复杂度和维护成本,提升了用户体验,具有较好的应用推广价值。
中图分类号:TP311.5;TP315 文献标志码:A DOI: 10.16157/j.issn.0258-7998.256790
中文引用格式: 彭龙江. 基于嵌套组合模型的Web页面生成方法研究与应用[J]. 电子技术应用,2026,52(4):96-101.
英文引用格式: Peng Longjiang. Research and application of Web page generation method based on nested combinatorial model[J]. Application of Electronic Technique,2026,52(4):96-101.
Research and application of Web page generation method based on nested combinatorial model
Peng Longjiang1,2
1.Software Development Department, Shanghai SIPAI Intelligent Systems Co.,Ltd.;2.Shanghai Institute of Process Automation & Instrumentation Co.,Ltd.
Abstract: In order to meet the needs of diverse user roles, heterogeneous data, and complex and changing page display requirements in the production, operation and management system platforms of different industries, a Web page generation method based on nested combinatorial model is proposed. By adopting a unified modeling language and object-oriented programming technology, combined with Vue.js and Nuxt.js frameworks, flexible configuration and efficient rendering of page elements are achieved. The proposed method has demonstrated satisfactory application results in different engineering projects, significantly reducing the configuration complexity and maintenance costs while enhancing the user experience, and it has high value for practical promotion.
Key words : nested;combinatorial;Web page generation method;multi-source heterogeneous data;configurable pages

引言

随着数字经济“两化融合”相关政策的相继落地,大量的生产制造型企业信息化数字化转型的步伐持续推进[1]。文献[2]中针对生产设备种类繁多、信息源复杂、业务数据更新频繁的车间通过建立车间多元异构信息的感知集成系统,结合点云拟合三维几何模型构建,搭建了面向生产过程的离散制造智能车间数字孪生平台。文献[3]通过分布式集群对电力分区的多元异构数据进行采集,采用数据融合算法对数据进行集成,设计的系统提高了电力分区多元异构数据的集成效率。文献[4]指出制造业企业在信息化智能化转型建设过程中由于行业差异、模式标准、人才技术背景、建设实施周期等因素导致的个性化需求落地成本高。文献[5]指出在多样化的个性化使用场景中用户的认知偏差会导致需求模糊问题。文献[6]指出数字大屏具有用户与信息的交互需求变更频繁、响应时间要求短的特点。综上所述,不同行业内的信息化业务生产系统、运营系统以及管理系统在使用的过程中普遍存在着系统使用角色多、数据多源异构[2-3]、页面展示内容及元素异质性强、个人习惯偏好以及理解偏差等因素造成的需求复杂多变[4]、个性化需求定制落地成本高[5]、响应时间要求短[6]等问题。

为了解决上述问题,尽可能地降低信息化软件系统相关功能模块建设维护的时间、人力及经济成本,本文提出一种基于嵌套组合模型的Web页面生成方法,在基于Vue.js[7]的前端应用开发框架Nuxt.js的工程项目中进行了工程原型的设计实现。提出的方法应用于相关系统的首页和大屏功能模块实现过程中,满足了不同领域和行业不同角色用户的多场景、个性化、多数据源的实际生产、运营和管理的使用需求。


本文详细内容请下载:

https://www.chinaaet.com/resource/share/2000007045


作者信息:

彭龙江1,2

(1.上海西派埃智能化系统有限公司 软件开发部,上海 200233;

2.上海工业自动化仪表研究院有限公司,上海 200233)

2.jpg

此内容为AET网站原创,未经授权禁止转载。