README.md 5.6 KB

vue-admin-template

English | 简体中文

A minimal vue admin template with Element UI & axios & iconfont & permission control & lint

Live demo: http://panjiachen.github.io/vue-admin-template

The current version is v4.0+ build on vue-cli. If you want to use the old version , you can switch branch to tag/3.11.0, it does not rely on vue-cli

Build Setup

# clone the project
git clone https://github.com/PanJiaChen/vue-admin-template.git

# enter the project directory
cd vue-admin-template

# install dependency
npm install

# develop
npm run dev

This will automatically open http://localhost:9528

Build

# build for test environment
npm run build:stage

# build for production environment
npm run build:prod

Advanced

# preview the release environment effect
npm run preview

# preview the release environment effect + static resource analysis
npm run preview -- --report

# code format check
npm run lint

# code format check and auto fix
npm run lint -- --fix

Refer to Documentation for more information

Demo

demo

Extra

If you want router permission && generate menu by user roles , you can use this branch permission-control

For typescript version, you can use vue-typescript-admin-template (Credits: @Armour)

Related Project

Browsers support

Modern browsers and Internet Explorer 10+.

IE / EdgeFirefoxChrome
IE / Edge
Firefox
Chrome
SafariSafari IE10, IE11, Edge last 2 versions last 2 versions last 2 versions

License

MIT license.

Copyright (c) 2017-present PanJiaChen

  • 后台前端需要重置标准表格宽度 [x]
  • 后台后端列表需要 sort 排序 [x]
  • 数据字典组件 [x]
  • 暂时停止批量编辑 [x]
  • 上传位置 幼儿园活动组件 [x]
  • 活动管理需要场景组件 [x]
  • 上传照片管理 [x]
  • 图片管理如果预览图没有使用文案提示 or 是否裂变[后端判断照片商品管理] 上传照片管理追加字段 [x]
  • 图片上传地址 [ ]
  • 后台前端富文本需要 px 转换 rem
  • 积分配置
  • 省市区组件 优化

优化

  1. 管理后台登录页,输入图片验证码、输入短信验证码。两个都支持回车键,提交表单。 [x]
  2. 重新打开图片验证码弹框,没有清空原来的内容。 [x]
  3. H5 补充幼儿园详情页、活动详情页。到时再看看怎么展示图片等图片吧。(H5 的详情页只是做基本信息展示 + 后面增加个导流下载 app 的(增加一个浮动弹框,打开腾讯应用宝的注册。上线后就有了))