
电商后台管理项目-----VUE
潇潇的雨幕里
好记性不如烂笔头
展开
-
标题:电商后台管理系统——登录功能
标题:电商后台管理系统——登录功能实现登录功能A.登录状态保持1.如果服务器和客户端同源,建议可以使用cookie或者session来保持登录状态2.如果客户端和服务器跨域了,建议使用token进行维持登录状态。涉及知识点:【跨域解决方案】【token 原理分析 】【本地存储区别】B.登录逻辑:1.在登录页面输入账号和密码进行登录,将数据发送给服务器,服务器返回登录的结果,登录成功则返回数据中带有token2.客户端得到token并进行本地保存【为什么是session】,后续的请求都需要将此原创 2020-10-09 00:18:32 · 1134 阅读 · 0 评论 -
标题:电商后台管理系统——商品分类
标题:电商后台管理系统——商品分类A.创建子级路由创建categories子级路由组件并设置路由规则B.添加组件基本布局在Cate.vue组件中添加面包屑导航以及卡片视图中的添加分类按钮<template> <div> <h3>商品分类</h3> <!-- 面包屑导航 --> <el-breadcrumb separator="/"> <el原创 2020-10-09 00:17:56 · 1121 阅读 · 0 评论 -
标题:电商后台管理系统——主页
ffff原创 2020-10-09 00:17:14 · 375 阅读 · 0 评论 -
标题:电商后台管理系统——数据统计
标题:电商后台管理系统——数据统计C.导入ECharts并使用1. 导入 echarts2. 为ECharts准备一个具备大小(宽高)的Dom => div3. 在挂载钩子函数中基于准备好的dom,初始化echarts实例4. 准备数据和配置项options(在data中设置)5. 展示数据<template> <div> <h3>数据报表</h3> <!-- 面包屑导航 -->原创 2020-10-09 00:16:14 · 1588 阅读 · 0 评论 -
标题:电商后台管理系统——角色列表
标题:电商后台管理系统——角色列表A.添加角色列表路由添加角色列表子组件(power/Roles.vue),并添加对应的规则B.添加面包屑导航在Roles.vue中添加面包屑组件展示导航路径<template> <div> <!-- 面包屑导航区域 --> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to=原创 2020-10-08 18:53:12 · 1321 阅读 · 0 评论 -
标题:电商后台管理系统——权限列表
标题:电商后台管理系统——权限列表A.添加权限列表路由创建权限管理组件(Rights.vue),并在router.js添加对应的路由规则//主页中已完成B.添加面包屑导航<template><div> <!-- 面包屑导航区域 el-breadcrumb--> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :t原创 2020-10-08 17:04:51 · 317 阅读 · 0 评论 -
标题:电商后台管理系统——用户列表
标题:电商后台管理系统——用户列表绘制用户列表基本结构A.使用element-ui面包屑组件完成顶部导航路径B.使用element-ui卡片组件完成主体表格搜索和添加用户结构:-使用element-ui输入框完成搜索框及搜索按钮-使用栅格布局来划分结构-el-button制作添加用户按钮Layout 布局->分栏间隔: :span=“24” 一行总值为24input输入框->复合型输入框.搜索<div> <h3>用户列表组件</h3&原创 2020-10-08 16:41:58 · 954 阅读 · 0 评论 -
基于Vue开发电商后台管理系统项目回顾——前期准备
标题:基于Vue开发电商后台管理系统项目回顾PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts后端技术栈(了解):Node.js,Express,Jwt(模拟session),Mysql,Sequelize()...原创 2020-10-08 07:47:25 · 668 阅读 · 0 评论