前端项目技术栈:Vue , Vue-router , Element-UI , Axios , Echarts
后端项目技术栈:Node.js , Express , Jwt , Mysql , Sequelize
电商后台管理系统整体采用前后端分离的开发模式,其中前端项目是基于 Vue 技术栈的 SPA 项目
整体布局:先上下划分,再左右划分
登录功能实现:1.通过 Element-UI 组件实现布局。2. ① 通过 axios 调用登录验证接口 ② 登录成功之后保存用户 token 信息 ③ 跳转到项目主页。3. 路由导航守卫控制访问权限。4.Vue 直接操作 DOM
5. 基于 Element-UI 进行表单验证
退出功能:销毁本地的 token,后续的请求就不会携带 token , 必须重新登录生成一个新的 token 之后才可以访问页面
用户管理:1. 用户列表布局:面包屑导航 el-breadcrumb 2. Element-UI 栅格系统基本使用 el-row 3. 表格布局 el-table、el-pagination。搜索功能:将搜索关键字,作为参数添加到列表查询的参数中。添加用户:表单验证内置表单验证规则。修改用户:根据 ID 查询用户信息。修改用户:编辑提交表单。删除用户:删除用户id。
权限管理:角色权限分配,删除角色下的权限,给角色分配权限
分类管理:第三方树形表格的基本使用,分页功能,实现分页组件效果
商品管理:商品信息选项卡Tab布局效果;订单管理;
数据统计:Echarts 第三方可视化库的基本使用
项目优化:1. 生成打包报告。2. 第三方库启用 CDN。3. Element-UI 组件按需加载。4. 路由懒加载
5. 首页内容定制 https://gitee.com/sunshine2333/vue_shop
1. 登录模块:登录验证拦截,粒子特效
2. 权限管理模块:权限列表,以及权限的增删改查;角色列表,以及角色的增删改查
3. 用户管理模块:用户列表,以及用户信息的增删改查
4. 新闻管理模块:富文本撰写新闻;草稿箱;新闻分类
5. 审核管理模块:审核新闻;审核列表
6. 发布管理模块:待发布,已发布,已下线
7. 新闻大数据分析
源代码:https://github.com/he-fly2000/newss
部署网站:https://newss-three.vercel.app/
可兼职时间
可兼职地点
0条评论 雇主评价