基于Vue+Node的商城后台管理系统

后台管理系统

商城**部分功能**已实现,界面简洁直观,采用**ElementUI**进行页面美化

后端接口参考文档入口===>>>

项目截图(功能已完成的界面):

登录注册
基于Vue+Node的商城后台管理系统_第1张图片
主界面
基于Vue+Node的商城后台管理系统_第2张图片
用户管理
基于Vue+Node的商城后台管理系统_第3张图片

权限管理
基于Vue+Node的商城后台管理系统_第4张图片
基于Vue+Node的商城后台管理系统_第5张图片

角色列表
基于Vue+Node的商城后台管理系统_第6张图片
商品分类
基于Vue+Node的商城后台管理系统_第7张图片
基于Vue+Node的商城后台管理系统_第8张图片
后期功能界面暂未实现,有时间再做!

源码入口===》》》

使用方式:

解压得到两个文件夹:
vue_shop : 前端源码,先执行

npm install

成功后执行

npm run serve

前端启动成功界面:
基于Vue+Node的商城后台管理系统_第9张图片

vue_shop_serve:后台源码,进入db里面将数据库先复制建在你自己的电脑上。然后修改config文件夹里面的default.json文件,用户名密码修改成你自己的。弄完之后,执行命令:

node app.js 

即可启动接口。
后台启动成功界面:
基于Vue+Node的商城后台管理系统_第10张图片

你可能感兴趣的:(#,vue,前端,数据结构,vue.js,node.js)