汤姆是只猫

1、电商后台管理系统

项目描述：该项目是一个电商的后台管理系统 用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能（增加、删除、修改、查询）对用户操作权限进行分配。



技术栈：Vue2 +Vue-router +Element-UI +Axios+Mock +Echarts+Less



1.基于Vue2全家桶进行开发，样式使用Element UI 作为框架，实现组件化，模块化开发

2.对Axios的二次封装配合后端进行数据请求及借用Mockjs生成假数据模拟后台数据和接口

3.使用Echarts将用户分布，商品销售，订单统计等数据进行可视化展示

4.使用token对用身份进行验证，使用localStorage存储token,通过路由守卫实现登录拦截

5.对角色模块的增删改查，及角色下权限的动态分配管理，支持树形结构展现角色权限





2、移动端聚乐购商城

项目描述：该项目是线上的一个移动端购物商城包括首页 专题页面 分类页面 购物车页面 我的页面 以及子页面 搜索列表页面, 商品列表 商品详情页面, 订单页面，项目优化：路由懒加载 图片懒加载 对文本框进行了防抖防止多次请求

技术栈：Vue2+Vant2+Vuex+Vue-router+Axios+Less



1. 基于Vue2全家桶进行开发，页面架构运用Vant库以及flex弹性布局

2.以375的设计稿 使用rem移动设配开发

3.对于复用性高的组件抽取出来使用动态传值等方式进行数据的变化

4.使用二次封装Axios 进行前后端数据交互

5.引入Vuex模块化管理完成组件的数据传递

6.使用Vue-router来配置路由，实现组件页面间跳转，使用路由守卫对于添加商品和点击购物车页面

没有Token的情况下跳转到登录页面

7.封装判断是否登录的全局函数

8.实现在未登录的状态下添加商品和点击购物车页面跳转到登录页面 登录后会跳回到原页面

9.通过用户的判断是否对购物车进行 修改商品的数量，规格，以及全选，单选结算功能