sky vue element admin

sky-vue-element-admin

簡介

• 管理後台，可依不同角色，設定不同選單，計畫做成通用的後台管理，
• 框架基於vue-element-admin。感謝作者PanJiaChen（由於精力有限，本項目只做了簡體中文的，並未支持國際版，囧。。。）
• 配合後端程式碼skynode

功能

 - 登录 / 注销

- 系统管理
	- 菜单管理（含权限配置）
	- 用户管理
	- 角色管理

- 商品管理
	- 商品列表
	- 商品分类
	- 商品型号
	
- 店铺设置
	- 公告管理
	- 广告管理
	
- 多环境发布
  - dev
  - sit
  - stage
  - prod

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

- 错误页面
  - 401
  - 404
 
- 其他
	持续开发ing

前序準備

• node版本16.17.0+

開發

 # 克隆项目
git clone https://github.com/updata7/sky-vue-element-admin.git

# 进入项目目录
cd sky-vue-element-admin

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm config set registry https://registry.npmmirror.com

# 安装依赖
npm install


# 启动服务
npm run dev

瀏覽器造訪http://localhost:9527

發布

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

# 构建生产环境，生成的文件，可以放入后端代码的public/front下
npm run build:prod

其它

 # 预览发布环境效果
npm run preview

# 预览发布环境效果 + 静态资源分析
npm run preview -- --report

# 代码格式检查
npm run lint

# 代码格式检查并自动修复
npm run lint -- --fix

線上Demo

在線訪問

帳號：admin

密碼：12345678

捐贈

如果對你有幫助的話，請你點一個星星star 鼓勵，也可以請我喝杯果汁?

或者您有更好的建議和意見，請提出來告知我，可以留言Issues或加我微信。希望能夠幫助你學習！

謝謝！共勉！

許可證

MIT