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

电商后台管理系统

本篇文章是关于电商后台管理系统功能的详细介绍

前端:基于Vue+ElementUI栈

后端:Django开发 或Node.js

前端代码目录:

前端代码目录

后端代码目录:

后端代码目录

1.1登陆页面

输入正确的用户名 密码 admin/123456点击登录
login

1.2首页

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

1.3用户管理

用户管理模块,分页展示所有用户信息,该模块包含条件查询功能,可以根据查询条件查询用户并出现对应的数据,该模块还有添加用户、删除用户、修改用户操作,以及进行用户状态的激活和冻结操作。
userMamage

1.4分配角色

可以对除了超级管理员以外的所有商家等进行分配指定权限的角色。

dis_role

1.5角色列表

角色列表功能模块分页显示所有角色信息,可以进行添加指定角色的权限操作、以及编辑角色的信息、删除角色、分配角色权限操作。

role

1.6查看角色权限

若想查看某角色所拥有的权限,可以点击该角色,将会在该角色下方显示出该角色的所有权限,包含一级(蓝色)、二级(绿色)、三级权限(橙色),分别用不同颜色标签显示,清楚明了,若想删除该角色某一权限,可以直接点击对应标签右方的×按钮,直接删除。若删除某一个二级权限,则该二级权限下的三级权限全部不能使用。

catPower

1.7分配权限

分配权限可以对指定的角色进行权限的添加和移除操作,一级、二级、三级权限,以列表的形式清晰展示出来,方便管理员进行权限的分配操作。

dispower

1.8商品列表

商品列表,分页展示所有商品数据,可以根据商品名称对商品进行条件查询操作,以及添加新商品,删除商品,编辑商品操作。

goods

1.9添加商品(一)

添加商品主要为5个步骤。首先需填写商品名称、商品分类等,若没填写这些数据,想直接操作第二个步骤,系统将会出现弹框提醒,将禁止跳转到第二个步骤。
add1

2.1添加商品(二)

添加商品第二个步骤,将对商品的参数进行勾选,若商品参数没有自己想要的商品参数,可以点击分类参数管理模块,在某一分类下进行商品参数的添加。
add2

2.2添加商品(三)

添加商品第三个步骤,将对商品的属性进行填写,若想对商品进行更加具体属性的描述或是没有某一属性,可以在分类参数管理模块中,对静态商品属性进行属性的添加操作,以及修改、删除等操作。
add3

2.2添加商品(四)

添加商品第四个步骤,选择对应的商品图片进行上传操作,上传完,会在该页面下,显示你所上传的图片,可以上传多张图片进行存储。
add4

2.2添加商品(五)

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

add5
其余功能不多做介绍,后期将带上此项目访问链接,可以直接访问测试。
已部署上线,可测试:
http://www.itlinhao.cn:8080
用户名:admin
密码:123456

有需要源码的可以评论或联系博主;

博主博客

评论 19
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值