![](https://img-blog.csdnimg.cn/20210819235959225.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue实战项目:电商管理系统
文章平均质量分 75
Vue实战项目:电商管理系统
漂流の少年
stay hungry, stay foolish.
展开
-
电商管理系统项目开发过程的目录
电商管理系统项目开发过程的目录原创 2021-08-20 01:09:07 · 365 阅读 · 0 评论 -
商品分类管理开发
目录components/goods/Cate.vuerouter/index.js设计树型table时安装依赖vue-table-with-tree-grid在main.js总导入组件,并且注册为全局可用的设计样式的时候可以去看该组件的API文档原创 2021-08-23 20:46:03 · 285 阅读 · 0 评论 -
权限管理(权限列表+角色列表)开发
目录新建rights分支并且切换到这个分支 git checkout -b rights权限管理业务分析用户和不同的角色绑定,而不同角色拥有不同的权限(增删改查)权限列表开发流程权限列表的基本布局通过发起一次请求获取权限列表数据,发起什么样的请求要查看API文档https://download.csdn.net/download/YINZHE__/21390085将获取到的数据渲染成一个table表格,并做一定的美化plugins/element.jscomp...原创 2021-08-23 01:29:35 · 2108 阅读 · 0 评论 -
用户列表开发
目录components/Users.vueplugins/elements.jsassets/css/global.css添加和breadcrum、card、table的样式获取用户列表数据,请求路径和请求携带的参数要查看API文档渲染用户列表数据为用户列表添加索引列改造状态列的显示效果...原创 2021-08-22 01:21:28 · 1441 阅读 · 0 评论 -
主页布局+通过接口获取菜单数据+实现首页的路由重定向+设置左侧二级菜单的路由链接
目录1.通过接口获取数据API如果需要授权,必须在请求头中使用Authorization字段提供token令牌通过axios请求拦截器添加token,保证拥有获取数据的权限main.jsimport Vue from 'vue'import App from './App.vue'import router from './router'import './plugins/element.js'// 导入全局样式import './assets/css/global.css'原创 2021-08-21 20:21:25 · 898 阅读 · 0 评论 -
登录成功之后的行为+退出功能+处理语法警告
目录1.登录成功之后的行为①将登录成功之后的token保存到客户端的 sessionStorage中原因:1.项目中除了登录之外的其它API接口,必须在登录之后才能访问 2.token 只应在当前网站打开期间生效,所以将token保存在sessionStorage中,而不是localStorage中②通过编程式导航跳转到后台主页,路由地址是 /homecomponents/Login.vue//其它代码不变methods: { resetLo...原创 2021-08-21 16:11:34 · 912 阅读 · 0 评论 -
项目的登录功能
目录1.登录业务流程①在登录页面输入用户名和密码②调用后台接口进行验证③通过验证之后,根据后台的响应状态跳转到项目主页2.登录业务的相关技术点http是无状态的如果前端和后端接口不存在跨域问题:通过cookie在客户端记录状态,通过session在服务器端记录状态如果存在跨域问题:通过token方式维持状态登录-token原理分析3.登录页面的布局通过Element-UI组件实现布局el-form 表单组件el-form-item ...原创 2021-08-20 20:51:30 · 708 阅读 · 0 评论