/web-admin

小R商城 后台管理系统 的前端项目,基于Element+Vue 进行实现的 主要包括 装修页面、商品管理、订单管理、活动管理、优惠券管理、权限管理等

Primary LanguageVueMIT LicenseMIT

web-admin

小R商城 后台管理系统 的前端项目,基于Element+Vue 进行实现的 主要包括 装修页面、商品管理、订单管理、活动管理、优惠券管理、权限管理等,小R是一个后端工程师,只掌握了Vue一些基本用法,请大佬多多见谅!有建议或者疑问的话,大家可以提出来哦,欢迎一起讨论

image image image

项目预览

(1)在线预览地址:http://admin.52jdk.com

(2)后端代码地址:

项目截图

首页

商品管理 订单管理

项目目录

web-admin
├── public
│   ├── index.html              index.html
├── src
│   ├── api                     //api
│   │   ├── interface                //装修页接口
│   │   ├── coupon.js                //优惠券接口
│   │   ├── index.js                 //首页接口
│   │   ├── order.js                 //订单接口
│   │   ├── role.js                  //角色接口
│   │   └── router.js                //路由接口
│   ├── components              //公共组件
│   │   ├── common                   //头部侧边栏
│   │   └── page                     //公共页面
│   ├── html                    //html
│   │   └── index.html               //index.html
│   ├── layout
│   ├── resource                //资源
│   │   └── images                   //图片
│   ├── router                  //路由
│   │   └── index.js                 //index.js
│   ├── store                   //装修页资源
│   │   ├── modules                 
│   │   └── index.js
│   ├── system-components       //装修页公共组件
│   ├── ui-component            //装修页资源
│   ├── utils                   //util
│   │   └── request.js
│   ├── views                   //页面
│   │   ├── coupon                   //优惠券
│   │   ├── order                    //订单
│   │   ├── page                     //页面
│   │   ├── permission               //权限
│   │   └── product                  //路由
│   ├── App.vue                 //APP
│   └── main.js                 //main

项目运行

(1)code 代码到本地

(2)执行 npm install (前提有node环境)

(3)执行 npm run dev (开发环境执行这个),生产环境(npm run build,将dist包丢到nginx中,配置好路由即可访问,有问题可以联系作者哦)

关于作者

微信群分享有限制,可以加我好友,或者关注公众号,回复“加群”即可

打赏

如果该项目对你有用可以请作者喝杯咖啡

鸣谢

lin-xin

CullenNg

element