Skip to content

zhaowei-0-1/vue3-admin-js-master

Repository files navigation

Vue3后台管理系统

项目介绍

本项目使用Vue 3 + Vite 搭建后台管理系统,基于vue3+Element-plus实现。本项目旨在对所学进行使用,如:mook、echarts、less等的使用;会涉及后台管理常见功能,项目还在持续中,后面会进行优化、完善。


项目核心

技术栈 :  vuex、vue-router、axios、element-plus、echarts。
项目搭建 : 项目模块搭建、脚手架搭建配置、组件初始化、路由初始化。
模块分配 :登录页、后台首页、用户管理页、分页处理、路由守卫、权限管理。
    

实现详情

  • Vue 3 + Vite 搭建项目
  • Element-plus 页面布局
  • 路由配置
  • Less.js 使用
    • 基础reset.less
  • mookjs 使用
    • 本地mock使用
    • 线上fastmock的使用
    • axios 二次封装
  • Echarts 使用
    • 折线图
    • 饼状图
    • 柱状图
  • 权限管理

运行

  • cd my-vue
  • npm run dev

实现效果

登录页

首页

用户管理