vue|电商后台管理系统(vue+python|node.js)

电商后台管理系统 本篇文章是关于电商后台管理系统功能的详细介绍
前端:基于Vue+ElementUI栈
后端:Django开发 或Node.js
前端代码目录:
vue|电商后台管理系统(vue+python|node.js)
文章图片

后端代码目录:
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.1登陆页面
输入正确的用户名 密码 admin/123456点击登录
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.2首页
电商后台管理系统的首页,欢迎页面,左侧菜单栏显示了该用户拥有的功能权限。

1.3用户管理
用户管理模块,分页展示所有用户信息,该模块包含条件查询功能,可以根据查询条件查询用户并出现对应的数据,该模块还有添加用户、删除用户、修改用户操作,以及进行用户状态的激活和冻结操作。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.4分配角色
可以对除了超级管理员以外的所有商家等进行分配指定权限的角色。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.5角色列表
角色列表功能模块分页显示所有角色信息,可以进行添加指定角色的权限操作、以及编辑角色的信息、删除角色、分配角色权限操作。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.6查看角色权限
若想查看某角色所拥有的权限,可以点击该角色,将会在该角色下方显示出该角色的所有权限,包含一级(蓝色)、二级(绿色)、三级权限(橙色),分别用不同颜色标签显示,清楚明了,若想删除该角色某一权限,可以直接点击对应标签右方的×按钮,直接删除。若删除某一个二级权限,则该二级权限下的三级权限全部不能使用。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.7分配权限
分配权限可以对指定的角色进行权限的添加和移除操作,一级、二级、三级权限,以列表的形式清晰展示出来,方便管理员进行权限的分配操作。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.8商品列表
商品列表,分页展示所有商品数据,可以根据商品名称对商品进行条件查询操作,以及添加新商品,删除商品,编辑商品操作。
vue|电商后台管理系统(vue+python|node.js)
文章图片

1.9添加商品(一)
添加商品主要为5个步骤。首先需填写商品名称、商品分类等,若没填写这些数据,想直接操作第二个步骤,系统将会出现弹框提醒,将禁止跳转到第二个步骤。
vue|电商后台管理系统(vue+python|node.js)
文章图片

2.1添加商品(二)
添加商品第二个步骤,将对商品的参数进行勾选,若商品参数没有自己想要的商品参数,可以点击分类参数管理模块,在某一分类下进行商品参数的添加。
vue|电商后台管理系统(vue+python|node.js)
文章图片

2.2添加商品(三)
添加商品第三个步骤,将对商品的属性进行填写,若想对商品进行更加具体属性的描述或是没有某一属性,可以在分类参数管理模块中,对静态商品属性进行属性的添加操作,以及修改、删除等操作。
vue|电商后台管理系统(vue+python|node.js)
文章图片

2.2添加商品(四)
添加商品第四个步骤,选择对应的商品图片进行上传操作,上传完,会在该页面下,显示你所上传的图片,可以上传多张图片进行存储。
vue|电商后台管理系统(vue+python|node.js)
文章图片

2.2添加商品(五)
添加商品第五个步骤,商品的内容描述,该描述输入框采用富文本编辑器,可以对商品进行多功能排版的文字描述,选择你想要显示的字体,以及文字大小等,最后点击添加商品,填写数据符合规范,将会跳转到商品列表要么,出现成功添加数据弹框,若填写数据不规范,将会出现红色弹框,添加数据失败。
vue|电商后台管理系统(vue+python|node.js)
文章图片

其余功能不多做介绍,后期将带上此项目访问链接,可以直接访问测试。
已部署上线,可测试:
http://www.itlinhao.cn:8080
用户名:admin
密码:123456
有需要源码的可以评论或联系博主;
【vue|电商后台管理系统(vue+python|node.js)】博主博客

    推荐阅读