vue-management-demo

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

vue-management-demo

★ 9 Open GitHub ↗

Use Vue-cli 4.5.11+Vue 2.6.11+element-UI 2.15.6+mock.js+axios

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue-management-demo
### 体验地址
**[vue-manager](https://cjiangha.github.io/vue-manager/dist/)**

### 功能详情

* 登录
* 后台管理页
  * 左侧导航栏
    * 多级导航栏
  * 头部
    * 面包屑
  * 用户管理
    * 个人信息模块
    * 课程模块
    * 支付订单详情模块
    * echart图标相关模块
  * 用户管理
    * 增添人员模块
    * 编辑人员模块
    * 删除人员模块
    * 搜索人员模块
  * 商品管理（可后续自行实现）
    * 课程信息模块
    * 支付订单模块
    * 购物车模块
  * 其他
    * 关于
    * xxx....

### 技术栈

vue demo . Use  Vue-cli 4.5.11+Vue 2.6.11+element-UI 2.15.6+mock.js+axios

package.json下的版本，我的理解是vue + vue-router + vuex 这个适配度是最合适的
"vue": "^2.6.14","vue-router": "^3.5.3", "vuex": "^3.6.2" ，vue-cli:"^ 4.5.11"

### 页面截图

* 首页 Card +  Table + ehcart

![Home](https://raw.githubusercontent.com/Cjiangha/vue-management-demo/master/image/Home.png)

* 用户管理页面   Table+pagination、inputSearch、Dialog +Form

![](https://raw.githubusercontent.com/Cjiangha/vue-management-demo/master/image/用户管理页面.png)

### 项目视频地址

[前端项目/vue项目实战/vue+element-ui](https://www.bilibili.com/video/BV1QU4y1E7qo?p=6)

### 踩坑记录 相关代码api记录（未全部记录）
[踩坑记录](https://github.com/Cjiangha/vue-management-demo/blob/master/%E8%B8%A9%E5%9D%91%E8%AE%B0%E5%BD%95.md)

[相关代码api记录](https://github.com/Cjiangha/vue-management-demo/blob/master/%E7%9B%B8%E5%85%B3%E4%BB%A3%E7%A0%81api%E8%AE%B0%E5%BD%95.md)

vue-management-demo

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README