Vue3 + Element ui 后台管理系统

Vue3 + Element ui  后台管理系统

概述:这是一个用vue3.0element搭建的后台管理系统界面。

项目git地址: https://github.com/whiskyma/vue3-elementui

技术栈:

  • vue3.0:渐进式JavaScript框架,易用、灵活、高效,似乎任何规模的应用都适用。
  • element ui:基于vue2.0的ui组件库。(本项目中此组件按需加载,减少打包体积大小)。
  • vue-router:一般单页面应用spa都要用到的前端路由。
  • vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。
  • axios Axios 是一个基于 Promise 的 HTTP 库,可以用在浏览器和 node.js 中。
  • pug pug 是一种前端模板引擎,原名 jade。
  • stylus Stylus是一个CSS预处理器。(为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus)。

本项目网站性能优化点:

  • element ui 各组件按需加载。
  • 开启gzip压缩。 (nginx服务器需要开启,默认未开启)
  • 路由懒加载机制。(可以减少打包之后的包体积,此项目未处理,可自行添加懒加载)

项目截图:

  • 登录页面

Vue3 + Element ui  后台管理系统

  • 表单页面

Vue3 + Element ui  后台管理系统


项目目录结构截图:

Vue3 + Element ui  后台管理系统

项目git地址: https://github.com/whiskyma/vue3-elementui

说明

 如果对您对此项目有兴趣,可以点 "Star" 支持一下 谢谢! ^_^
 
 或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

最后, 如果大家在开发项目的过程中,遇到什么问题评论区见!!!

记得点赞哦
上一篇:部署基于.netcore5.0的ABP框架后台Api服务端,以及使用Nginx部署Vue+Element前端应用


下一篇:OI 回忆录