1.对 axios 进行封装，在请求拦截处添加 token，使用登陆成功后存储在 localstorage 的 token 进行权限判断，token 验证成功跳转首页。 2.利用 Element ui 封装业务组件统⼀了各个业务模块的 ui 交互。 3.使⽤vue-router 实现路由跳转，懒加载等，通过路由守卫拦截处理，判断是是否登陆，登陆成功状态的话，就 next() 顺利跳转，否则就跳转到登录页面。 4.登陆：验证用户登陆成功后，通过 localStore 存储 token 并实现数据持久化，通过后台返回的数据来获取用户的详细 信息，退出登陆清除 localStore 储存的用户数据。 5.首页：使用 Echarts 获取折线图数据并渲染出图表，实现图表可视化展示。 6.菜单：通过递归将扁平化数据转换为树状结构。使用 Element-UI 的 Menu 组件对列表进行封装，动态渲染，根据自 己点击的子模块，做到不同页面跳转的实现及页面的渲染，。 7.商品管理、订单管理：使用 Table 组件和 Pagination 组件对数据进行分页处理，实现基本的 CRUD 操作。

1.每次请求数据调用 uni.showLoading 给用户一个加载信息，搜索组件、商品列表、订单详情使用了 uniapp 分包，提 高进入页面时的加载速度； 熟悉React框架，state状态处理、组件生命周期，能够进行简单的业务开发； 2.使用 mixins 全局混入，底部导航栏来分发 vue 组件中购物车数量、购物车徽标等可复用功能，购物车视图不需要重 新刷新； 3.搜索模块：实现了搜索关键字，搜索历史，搜索结果列表，使用了自己封装的防抖方法； 4.商品列表：请求数据时，默认关闭节流阀，动态渲染商品列表，获取商品列表数据的时候开启节流阀，请求完毕关闭 节流阀，使用下拉刷新 onPullDownRefresh 重置关键数据并重新发起请求。使用 onReachBottom，当滑动到达底部 150 距离的时候判断是否还有下一页，有则页数+1，无则调用 uni.showLoading 给用户提示信息； 5.订单详情： 使用 uni.previewImage 方法预览图片，使用字符串的 replace 方法，为 img 标签添加行内的 style 样式 解决图片底部空白间隙的问题，使用了 rich-text 商品详情信息图片渲染到页面； 6.购物车：通过将购物车数据存储在 vuex，将购物车中的数据持久化存储在本地，使用 mutations 方法对购物车商品进 行商品删除、全选、单选、数量等功能的实现。通过判断购物车的长度，当长度不等于 0 是正常显示，否则出现空白购物 车；

1.封装大量组件，轮播图，复选框，对话框消息提示等,实现路由跳转、路由懒加载、组件切换等操作； 2.通过安装 vuex 插件来支持 vuex 的状态持久化，让在 vuex 中存储的状态和数据存储在本地。在开发过程中，用户的 信息 （名字，头像，token 等）需要在 vuex 中存储且需要存储在本地购物车未登录状态下也支持，管理在 vuex 中的数据需要 存储在本地； 3.登陆模块：通过判断当前点击状态来实现账号登陆和扫码登陆动态切换。使用通过表单验证实现非空验证，验证成功/ 失败调用 Message 进行消息提示，并且规定购物车必须要先登录才能使用； 4.商品分类：根据用户点击的类别实现动态渲染数据，使用 Provide 和 Inject 对组件进行传值； 5.商品详情：详情图片实现放大镜、tab 切换效果，规格选择、商品评价等效果； 6.购物车：购物车页面要能够显示商品的详细信息，点击加入购物车将把当前点击商品的所有内容数据存储在 localStorage，从本地拿数据并渲染购物车页面，点击复选框选中并同步底部的复选框，点击底部的全选框同步上面的复 选框，并计算商品总价；