vue完整项目,实现即可上岗web前端。

下面是一个完整的vue项目。是一个电商管理后台。后台接口已经帮各位写好,如果前后台都能自己写,大概可以做全栈了。大家的任务就是实现前端业务。我是在vue手脚架的基础上开始操作的,,用的element-ui组件。原代码已经上传。项目步骤我自己也总结了。大概的界面如下图给大家看看。后台服务器和前端代码都已经打包,资源连接:https://download.csdn.net/download/qq_41792374/12550894
1,登录页
vue完整项目,实现即可上岗web前端。_第1张图片
2.用户管理
vue完整项目,实现即可上岗web前端。_第2张图片
3.角色列表
vue完整项目,实现即可上岗web前端。_第3张图片
分配权限:
vue完整项目,实现即可上岗web前端。_第4张图片
4.权限列表:
vue完整项目,实现即可上岗web前端。_第5张图片
5.商品列表;
vue完整项目,实现即可上岗web前端。_第6张图片
点击添加商品:这里用的tab页签切换,
vue完整项目,实现即可上岗web前端。_第7张图片
vue完整项目,实现即可上岗web前端。_第8张图片
商品属性
vue完整项目,实现即可上岗web前端。_第9张图片
商品图片:
vue完整项目,实现即可上岗web前端。_第10张图片
商品内容:点击添加完成添加功能。
vue完整项目,实现即可上岗web前端。_第11张图片
分类参数 :有动态参数,和固定属性,可以切换添加。后台接口很齐全。文档也在上传的资源里面。
vue完整项目,实现即可上岗web前端。_第12张图片
静态属性:
vue完整项目,实现即可上岗web前端。_第13张图片
6.商品分类:
vue完整项目,实现即可上岗web前端。_第14张图片
7.订单管理
vue完整项目,实现即可上岗web前端。_第15张图片
点击修改地址:
vue完整项目,实现即可上岗web前端。_第16张图片
点击查看物流:左上应该角提示忘记改过来了。应该改成物流信息
vue完整项目,实现即可上岗web前端。_第17张图片
8.数据统计:
vue完整项目,实现即可上岗web前端。_第18张图片
大概功能页面就是这样,还有一些对话框的样式就给大家参考下,如下:
vue完整项目,实现即可上岗web前端。_第19张图片
vue完整项目,实现即可上岗web前端。_第20张图片
vue完整项目,实现即可上岗web前端。_第21张图片
vue完整项目,实现即可上岗web前端。_第22张图片
项目大概就是这个样子,资源也上传了,有疑问可以留言私聊,我会尽量给大家解决

你可能感兴趣的:(token及登陆验证回弹,javascript,css,vue.js,html,node.js)