Vue3 + Element ui 后台管理系统
2024-09-24 17:53:34
Vue3 + Element ui 后台管理系统
概述:这是一个用vue3.0和element搭建的后台管理系统界面。
项目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" 一下,我会不断开源更多的有趣的项目
最后, 如果大家在开发项目的过程中,遇到什么问题评论区见!!!
记得点赞哦
最新文章
- 马氏距离(Mahalanobis distance)
- 知识联结梳理 : I/O多路复用、EPOLL(SELECT/POLL)、NIO、Event-driven、Reactor模式
- ext grid 前台grid加载数据碰到数据重复只显示一条
- Java 获取 Unix时间戳
- C#的变迁史 - C# 4.0 之多线程篇
- 【USACO 1.5】SuperPrime Rib
- ETL工具与脚本实现之间的对比
- log4j配置文件详细解释
- centos telnet --xinetd 服务
- [原创]ie6,7中td和img之间有间隙
- CSS代码语法
- 关于Bean\Entity\Model\POJO的一些个人理解
- vue动态加载图片,取消格式验证
- 教你一步搭建Flume分布式日志系统
- java基础知识5--集合类(Set,List,Map)和迭代器Iterator的使用
- 转载一篇好理解的vue ssr文章
- AI 积分图
- 5-Python3从入门到实战—基础之数据类型(列表-List)
- 【译】第1节--- EF Code First 介绍
- Visual Studio各版本一览!
热门文章
- laravel 迁移文件中修改含有enum字段的表报错解决方法
- MyBatis动态插入的实现
- Python basestring() 函数
- PHP 标量类型与返回值类型声明
- PHP xml_set_notation_decl_handler() 函数
- 4.26 省选模拟赛 T3 状压dp 差分求答案
- luogu P3217 [HNOI2011]数矩形
- 浅谈Mybatis持久化框架在Spring、SSM、SpringBoot整合的演进及简化过程
- 太鸡冻了!我用 Python 偷偷查到暗恋女生的名字
- 18、Memento 备忘录模式