Vue 电商管理系统

1、电商管理系统

       本系统前端页面基于Vue和ElementUI,后端为node.js编写,主要应用于当下市场所流行的电商模式,通过科技的手段,使传统的商户交易模式变为更为高效率的电商交易模式,面向全国各地更多的客户。

项目源码https://download.csdn.net/download/Zyw907155124/64631613https://download.csdn.net/download/Zyw907155124/64631613

2、项目演示

 (1)登录页面

 (2)主页

 (3)用户管理

Vue 电商管理系统_第1张图片

 管理员可进入:实现模糊搜索、多条件分页、添加用户、编辑用户信息、删除、分配用户角色等功能。

(4)权限管理

分为1、角色列表;2、权限列表。

Vue 电商管理系统_第2张图片

 角色列表:可通过树状结构,查看、添加、修改、删除不同层级的权限可访问的菜单项。

Vue 电商管理系统_第3张图片

权限列表:可查询上级菜单所对应的下级菜单。 

(5)商品管理

分为:1、商品分类;2、商品列表;3、分类参数

商品分类:

Vue 电商管理系统_第4张图片

 Vue 电商管理系统_第5张图片

可实现 查看、编辑不同层级的商品分类名称以及父子级关系。

商品列表:

Vue 电商管理系统_第6张图片

 可实现商品的多条件搜索分页,以及对具体商品的添加、修改和删除操作

本系统对于商品的添加进行了严格的校验和细致的划分。

Vue 电商管理系统_第7张图片

 对于商品的每一信息都进行了严格的校验,且未完成前一个步骤的情况下,无法直接跳过去进行下一个步骤的操作。

Vue 电商管理系统_第8张图片

Vue 电商管理系统_第9张图片

 可上传商品的图片。

 Vue 电商管理系统_第10张图片

 分类参数:负责查看、修改、删除商品分类的动态参数和静态属性

Vue 电商管理系统_第11张图片

 Vue 电商管理系统_第12张图片

 (6)订单管理

Vue 电商管理系统_第13张图片

 可实现查看订单的详情、修改订单付款状态、修改订单地址等功能。

(7)数据统计

Vue 电商管理系统_第14张图片

 通过可视化工具实现不同地区用户的来源数量。

3、源码

 (1)登录页面






(2)主页











 (3)用户管理






(4)权限管理

1、角色列表;






2、权限列表。





(5)商品管理

1、商品分类;






2、商品列表;






添加商品





3、分类参数



 (6)订单管理





(7)数据统计






你可能感兴趣的:(分布式\微服务,Java,EE项目,vue.js,前端,javascript,elementui)