软件2024,Vol.45Issue(1) :177-179,183.DOI:10.3969/j.issn.1003-6970.2024.01.051

基于VUE微前端无刷新换肤方案设计

Design of a Non-refresh Skinning Scheme Based on VUE Micro-front End

吴蓉 刘彬
软件2024,Vol.45Issue(1) :177-179,183.DOI:10.3969/j.issn.1003-6970.2024.01.051

基于VUE微前端无刷新换肤方案设计

Design of a Non-refresh Skinning Scheme Based on VUE Micro-front End

吴蓉 1刘彬2
扫码查看

作者信息

  • 1. 中国电子科技集团公司第三十研究所,四川成都 610041
  • 2. 中国电子科技网络信息安全有限公司,四川成都 610041
  • 折叠

摘要

当前许多Web系统和网站以及应用客户端为了满足用户个性化需求都提供了一键换肤功能,用户可以根据自己的喜好将网站、客户端皮肤设置为喜爱的主题色.针对大型前端应用提出了基于Vue微前端架构以及针对该架构的无刷新换肤设计方案,该换肤方案解决了Web系统主题色切换、微组件主题色切换、图片切换、第三方绘图插件,如ECharts、Hightarts等主题切换问题,同时支持多套主题.

Abstract

Currently,many Web systems,websites,and application clients provide a one-click skin change function to meet the personalized needs of users.Users can set the website and client skin to their favorite theme colors based on their preferences.A design scheme for skin change without refreshing based on the Vue micro front-end architecture and for large front-end applications is proposed.This skin change scheme solves the problem of theme switching for Web system,micro component,image,and third-party drawing plug-ins such as ECharts,Hightarts,etc.,and supports multiple themes.

关键词

VUE/微前端/无刷新换肤

Key words

Vue/micro front-end/one-click skin change

引用本文复制引用

出版年

2024
软件
中国电子学会 天津电子学会

软件

影响因子:1.51
ISSN:1003-6970
参考文献量6
段落导航相关论文