/Vue-element-admin

init

Primary LanguageVueMIT LicenseMIT

本代码改自：https://github.com/PanJiaChen/vue-element-admin

简介

  • Gitee 国内用户可访问该地址在线预览（原项目Demo）

本项目的定位是后台集成方案，不适合当基础模板来开发

前序准备

你需要在本地安装 node 和 git。本项目技术栈基于 ES2015+、vue、vuex、vue-router 、axios 和 element-ui，所有的请求数据都使用Mock.js模拟，提前了解和学习这些知识会对使用本项目有很大的帮助。

同时配套一个系列的教程文章，如何从零构建后一个完整的后台项目，建议大家先看完这些文章再来实践本项目

项目截图

  • 原Demo截图

  • 改后，Demo截图

  • 用户

  • 角色

## 功能 ``` - 登录 / 注销（与后台联调成功）

  • 权限验证（与后台联调成功）

    • 页面权限
    • 指令权限
    • 二步登录

  • 多环境发布

  • 全局功能

    • 国际化多语言
    • 多种动态换肤
    • 动态侧边栏（支持多级路由嵌套）
    • 动态面包屑
    • 快捷导航(标签页)
    • Svg Sprite 图标
    • 本地mock数据
    • Screenfull全屏
    • 自适应收缩侧边栏

  • 编辑器

    • 富文本
    • Markdown
    • JSON 等多格式

  • Excel

    • 导出excel
    • 导出zip
    • 导入excel
    • 前端可视化excel

  • 表格

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

  • 错误页面

    • 401
    • 404

  • 組件

    • 头像上传
    • 返回顶部
    • 拖拽Dialog
    • 拖拽看板
    • 列表拖拽
    • SplitPane
    • Dropzone
    • Sticky
    • CountTo

  • 综合实例

  • 错误日志

  • Dashboard

  • 引导页

  • Echarts 图表

  • Clipboard(剪贴复制)

  • Markdown2html


## 开发
```bash
# 克隆项目
git clone https://github.com/Acumes/Vue-element-admin

# 安装依赖
npm install
   
# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

浏览器访问 http://localhost:9527

发布

# 构建测试环境
npm run build:sit

# 构建生产环境
npm run build:prod

其它

# --report to build with bundle size analytics
npm run build:prod --report

# --preview to start a server in local to preview
npm run build:prod --preview

# lint code
npm run lint

# auto fix
npm run lint -- --fix

更多信息请参考 使用文档

License

MIT

Copyright (c) 2017-present PanJiaChen