XiaoZai Vue Template

前言

XiaoZai Vue Template 是一个常用的后台管理系统

👏🏻👏🏻👏🏻感谢巨人的肩膀vue-element-admin、ant-design-vue-pro👏🏻👏🏻👏🏻

效果演示

正在部署中🏡

技术栈

前端：Vue2全家桶 + Antd UI + Axios + Less 前端项目github地址

后端：Egg.js + Sequelize + Jwt 后端项目github地址

注：Vue3 + TS 正在全力开发中💪💪💪

说明

如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^ 😘

或者您可以 "follow" 一下，我会不断开源更多的有趣的项目。如：Vue3 + TypeScript ✨

如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍

目标功能

已完成

• 登录 / 退出

• 个人信息管理

• 图片上传/图片裁剪

• 权限验证

  • 页面权限
  • 指令权限
  • 路由权限

• 全局功能

  • 多种动态换肤
  • 动态侧边栏（支持多级路由嵌套）
  • 动态面包屑

• 编辑器

  • 富文本

• 错误页面

  • 403
  • 404

• 组件

  • 头像上传
  • Echart二次封装

• 文章模块（增删改查）

• 下拉加载数据

• 综合实例

• Dashboard

• ECharts 图表

• Clipboard(剪贴复制)

待开发项

• 找回密码

• 滑块验证

  • 国际化多语言
  • 自适应收缩侧边栏

• Excel

  • 导出excel
  • 导入excel
  • 导出zip

• 表格

  • 动态表格
  • 拖拽表格
  • 内联编辑

• 组件

  • 拖拽Dialog
  • 拖拽Select
  • 拖拽看板
  • 列表拖拽
  • SplitPane
  • Dropzone
  • Sticky
  • CountTo

• 系统设置

  • 用户管理
  • 角色管理
  • 菜单管理
  • 资源管理
  • 部门管理

• Markdown2html

• 引导页

• 大屏

部分截图

制作中 🎨

前端vue项目部署

git clone /~https://github.com/YangXiaoZai/xiaozai-vue-template.git

cd xiaozai-vue-template

npm install

npm run serve

使用到的的插件

• validator，常用的验证插件
• vue-cropper，vue图片裁剪工具
• vue-infinite-scroll, vue滚动加载