《電子技術(shù)應(yīng)用》
您所在的位置：首頁 > 人工智能 > 设计应用 > 基于嵌套组合模型的Web页面生成方法研究与应用
基于嵌套组合模型的Web页面生成方法研究与应用
电子技术应用
彭龙江1，2
1.上海西派埃智能化系统有限公司 软件开发部；2.上海工业自动化仪表研究院有限公司
摘要： 为了满足不同行业生产、运营、管理系统平台中用户角色多样、数据异构、页面展示需求复杂多变等需求，提出一种基于嵌套组合模型的Web页面生成方法。通过采用统一建模语言和面向对象编程技术，结合Vue.js和Nuxt.js框架，实现了页面元素的灵活配置和高效渲染。该方法在不同的工程项目中取得了满意的应用效果，显著降低了配置复杂度和维护成本，提升了用户体验，具有较好的应用推广价值。
中圖分類號：TP311.5；TP315 文獻(xiàn)標(biāo)志碼：A DOI: 10.16157/j.issn.0258-7998.256790
中文引用格式： 彭龍江. 基于嵌套組合模型的Web頁面生成方法研究與應(yīng)用[J]. 電子技術(shù)應(yīng)用，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

引言

隨著數(shù)字經(jīng)濟(jì)“兩化融合”相關(guān)政策的相繼落地，大量的生產(chǎn)制造型企業(yè)信息化數(shù)字化轉(zhuǎn)型的步伐持續(xù)推進(jìn)[1]。文獻(xiàn)[2]中針對生產(chǎn)設(shè)備種類繁多、信息源復(fù)雜、業(yè)務(wù)數(shù)據(jù)更新頻繁的車間通過建立車間多元異構(gòu)信息的感知集成系統(tǒng)，結(jié)合點云擬合三維幾何模型構(gòu)建，搭建了面向生產(chǎn)過程的離散制造智能車間數(shù)字孿生平臺。文獻(xiàn)[3]通過分布式集群對電力分區(qū)的多元異構(gòu)數(shù)據(jù)進(jìn)行采集，采用數(shù)據(jù)融合算法對數(shù)據(jù)進(jìn)行集成，設(shè)計的系統(tǒng)提高了電力分區(qū)多元異構(gòu)數(shù)據(jù)的集成效率。文獻(xiàn)[4]指出制造業(yè)企業(yè)在信息化智能化轉(zhuǎn)型建設(shè)過程中由于行業(yè)差異、模式標(biāo)準(zhǔn)、人才技術(shù)背景、建設(shè)實施周期等因素導(dǎo)致的個性化需求落地成本高。文獻(xiàn)[5]指出在多樣化的個性化使用場景中用戶的認(rèn)知偏差會導(dǎo)致需求模糊問題。文獻(xiàn)[6]指出數(shù)字大屏具有用戶與信息的交互需求變更頻繁、響應(yīng)時間要求短的特點。綜上所述，不同行業(yè)內(nèi)的信息化業(yè)務(wù)生產(chǎn)系統(tǒng)、運營系統(tǒng)以及管理系統(tǒng)在使用的過程中普遍存在著系統(tǒng)使用角色多、數(shù)據(jù)多源異構(gòu)[2-3]、頁面展示內(nèi)容及元素異質(zhì)性強、個人習(xí)慣偏好以及理解偏差等因素造成的需求復(fù)雜多變[4]、個性化需求定制落地成本高[5]、響應(yīng)時間要求短[6]等問題。

為了解決上述問題，盡可能地降低信息化軟件系統(tǒng)相關(guān)功能模塊建設(shè)維護(hù)的時間、人力及經(jīng)濟(jì)成本，本文提出一種基于嵌套組合模型的Web頁面生成方法，在基于Vue.js[7]的前端應(yīng)用開發(fā)框架Nuxt.js的工程項目中進(jìn)行了工程原型的設(shè)計實現(xiàn)。提出的方法應(yīng)用于相關(guān)系統(tǒng)的首頁和大屏功能模塊實現(xiàn)過程中，滿足了不同領(lǐng)域和行業(yè)不同角色用戶的多場景、個性化、多數(shù)據(jù)源的實際生產(chǎn)、運營和管理的使用需求。


本文詳細(xì)內(nèi)容請下載：

http://ihrv.cn/resource/share/2000007045


作者信息：

彭龍江1，2

（1.上海西派埃智能化系統(tǒng)有限公司 軟件開發(fā)部，上海 200233；

2.上海工業(yè)自動化儀表研究院有限公司，上海 200233）

2.jpg

此內(nèi)容為AET網(wǎng)站原創(chuàng)，未經(jīng)授權(quán)禁止轉(zhuǎn)載。