百宠乐阁信息系统 1.0 该项目是基于 vue-cli 创建的一个宠物百科后台管理平台，采用前后端分离的开发模式，主要包括狗狗百科，猫咪百科，注册管理，宠物管理，百科知识，广告管理，年龄标签，百科目录，产地管理，品种管理等功能，是一个集合数据的后台管理系统。 百宠乐阁信息系统 2.0 后期增加了权限，图片上传功能，在一期的模块上增加开发了配置管理：产地管理，系统管理，角色管理，菜单管理，更加详细的操作后台管理系统。 1.根据 UI 图，从零到一完成项目，负责整个项目的页面搭建及功能实现。 2.各个模块的实现（平台首页，宠物百科，运营管理，配置管理）。 3.配置管理分为品种管理，百科管理，年龄标签，百科标签，产地管理，为数据分配标签。 4负责重复代码组件封装方便后期维护 5.实现 RBAC 权限管理：在初始化路由引入原路由，不同的用户登录进来看到的是根据权限不同所显示的页面，将静态路由和动态路由储存至 vuex 中，使用 router 中的 api，router.AddRoutes 动态添加至 vuex 中获取到的用户访问权限路由。

分为web，桌面，移动端，一个为了给用户提供更方便的区分外包人员和本部人员的及内部项目资料的平台，分为主页面，项目列表，我的项目，多功能小助手组成，首页采用圆柱图，堆叠图，甘特图构成，项目列表分为分列表，从注册到审核通过的全流程，其中包括项目当前状态，起始时间，选择项目维度指标及资金池，权限分配等等，由层层相套的多表单组成，我的项目可查看当前用户项目的审批流程明细，执行删改查，撤销，操作，多功能小助手在前项目列 表基础增加投诉功能，帮助客户更清晰查看操作项目。

集合充值，抽奖，查询为一体的数据平台 1.使用 uni-app 结合 Vant-Weapp 组件库完成页面构建与搭建 2.使用 uni.request 与后台交互（将获取的数据和封装的数据封装成两个函数，通过调用 get 和 post 方法来进行后台交互）并进行二次封装方便使用 3.使用 API swiper 实现首页轮播图效果 4.使用 uni.navigateTo 路由传参（id）方式跳转至详情页,并通过 id 获取数据并渲染详情页 数据 5.不同的数据使用 dialog 弹框回显不同数据 6.结算页面数据刷新不丢失（使用 vuex 的本地存储），调整数量自动计算总价 7.在查询快递页面中，使用 uni.onPullDownRefresh、uni.onReachBottom 实现发现页面下拉刷新 和上拉加载数据功能