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服务器需要开启,默认未开启)
  • 路由懒加载机制。(可以减少打包之后的包体积,此项目未处理,可自行添加懒加载)

项目截图:

  • 登录页面

  • 表单页面


项目目录结构截图:

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

说明

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

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

记得点赞哦

最新文章

  1. 马氏距离(Mahalanobis distance)
  2. 知识联结梳理 : I/O多路复用、EPOLL(SELECT/POLL)、NIO、Event-driven、Reactor模式
  3. ext grid 前台grid加载数据碰到数据重复只显示一条
  4. Java 获取 Unix时间戳
  5. C#的变迁史 - C# 4.0 之多线程篇
  6. 【USACO 1.5】SuperPrime Rib
  7. ETL工具与脚本实现之间的对比
  8. log4j配置文件详细解释
  9. centos telnet --xinetd 服务
  10. [原创]ie6,7中td和img之间有间隙
  11. CSS代码语法
  12. 关于Bean\Entity\Model\POJO的一些个人理解
  13. vue动态加载图片,取消格式验证
  14. 教你一步搭建Flume分布式日志系统
  15. java基础知识5--集合类(Set,List,Map)和迭代器Iterator的使用
  16. 转载一篇好理解的vue ssr文章
  17. AI 积分图
  18. 5-Python3从入门到实战—基础之数据类型(列表-List)
  19. 【译】第1节--- EF Code First 介绍
  20. Visual Studio各版本一览!

热门文章

  1. laravel 迁移文件中修改含有enum字段的表报错解决方法
  2. MyBatis动态插入的实现
  3. Python basestring() 函数
  4. PHP 标量类型与返回值类型声明
  5. PHP xml_set_notation_decl_handler() 函数
  6. 4.26 省选模拟赛 T3 状压dp 差分求答案
  7. luogu P3217 [HNOI2011]数矩形
  8. 浅谈Mybatis持久化框架在Spring、SSM、SpringBoot整合的演进及简化过程
  9. 太鸡冻了!我用 Python 偷偷查到暗恋女生的名字
  10. 18、Memento 备忘录模式