本系统包括前后台的开发，主要分为轮播管理模块、课程管理模块、评论管理模块、用户管理模块、讲师管理模块、学员管理模块、订单管理模块。在本文第二章中已经对各模块的功能进行了详细描述，本章主要介绍的是各个主要模块的功能实现，以及实现的效果展示。通过对系统业务逻辑的细致规划和设计，一步步地对各个模块的每个功能进行了正确的实现，实现后并进行了认真的测试，使系统达到了预期的目标。接下来介绍每个模块的具体实现。

项目描述: 这个是一个电商管理系统,主要使用了 Vue-cli 技术结合element-UI,用axios 获取后台接口数据，这个系统一共有 18 个页面,这个系统分两套,一个简约版办公系统,一个是正式版办公系统,可以根据用户喜好来展示不同界面系统,里面有诸如商品列表的 分页展示，以及诸如订单管理的增删改查的实现，长列表展示的懒加载形式。 项目职责: 1、使用 vue-cli 构建项目结构，使用 vue-router 给页面做路由跳转,使用 vuex 个项目做状态管理。 2、负责组件通信 api 的处理。使用 axios 作为前后交互的工具，与后端的 api 接口建立交互连接，同时测试接口的连通性，并将所有必要接口进行语义化封装，方便后续调用。 3、负责入口页面顶部的导航栏的切换功能。借助 Element-UI 组件实现面包屑的功能；完成主页商品的轮播设置，对商品列表进行分类展示。 4、负责入口页面侧边栏切换功能。借助 Element-UI 组件，完成侧边栏 menu 的展示以及实现菜单栏下拉收回和切换对应的页面，同时给侧边栏切换添加动画效果， 用 v-if 控制侧边栏的展开与收缩。 5、负责在商品分类创建页面中点击下拉列表中的数据锁定关键字并提交数据实现创 建分类。完成用 element-UI 组件展示分类的表单，并绑定数据，实现下拉列表的二级联动筛选功能。 6、负责在商品分类列表中展示在分类创建中提交的数据。完成在分类列表页面中分 页展示相关的数据，实现点击左右按钮，页码也能进行相应地跳转，并且在 input 中输入数字也能跳转到对应的页码等功能。 7、负责商品列表中数据的增删改查功能。完成利用 element-UI 组件先渲染页面，并调用接口将数据展示在组件中，再利用插槽 slot 绑定当前行数据的原理实现对数据的进行更新，添加，删除以及相应的搜索功能。 8、负责数据长列表数据懒加载的功能。完成对列表数据如订单管理的分页展示， 当列表数据过长时，对数据的展示进行懒加载处理，先是展示部分数据，当用户拖动列表到某一位置时触发懒加载继续加载其他数据。

项目描述: 本项目是一款 PC 端管理后台，采用 Vue 框架构建。对于不同用户给予不同后台管理权限，里面有诸如订单管理，操作记录导航以及实现数据的增删改查，链接到不同的直播平台展示不同的商品，用 echarts 图动态展示数据，进行数据分析。 我负责的功能： 1、使用 vue-cli 构建项目结构，使用 vue-router 给页面做路由跳转,使用 vuex 个项目做状态管理。 2、负责用户登陆静态页面布局布局及功能。完成不同用户身份登录时密码校验， 以及*扫码登录后台的功能，并且实现二维码定时刷新，失效后出现遮罩层等功能。 3、负责入口页面顶部的导航栏的切换功能。借助 Element-UI 组件实现面包屑的功能。 4、负责入口页面侧边栏切换功能。借助 Element-UI 组件，完成侧边栏 menu 的展示以及实现菜单栏下拉收回和切换对应的页面。 5、负责直播平台页面搜索功能和商品价格由低到高的排序功能。完成输入关键 字能模糊筛选到匹配的列表的功能，并使点击后只展示对应的列表功能。 6、负责订单管理列表的渲染以及相关功能的实现。完成在订单管理页面利用筛 选条件的范围或者日期对订单列表数据进行搜索并将其展示在列表中，并且实现 点击重置按钮清空搜索记录；完成当鼠标悬停在某条订单列表上时，可以查看该 条数据的详情。 7、负责数据列表分页和懒加载的功能。完成对列表数据如订单管理的分页展示，以及页数的切换，同时实现在 input 框中输入页码跳转到对应的页面；当列表数据过长时，对数据的展示进行懒加载处理，先是展示部分数据，当用户拖动列表到某一位置时触发懒加载继续加载其他数据。 8、负责请求数据，并将数据注入 echarts 图中进行动态展示，以便于对数据进行分析。