EasyJob

项目名称：EasyJob

项目描述: 一个刷题App，App端加管理端

技术选型：App端：uniapp+Vue3 +vite3 +pinia+jwt

管理后台：vue3+vite3+element-plus

负责内容：

App端：

1. 轮播图，内容分类。
2. 八股文分页查看，详情左右滑动查看，背题模式，考试模式
3. 在线考试，随机生成考题，左右滑动实现题目切换
4. 经验分享，列表，查看详情。
5. 个人中心，登录，注册，收藏，错题集，问题反馈，应用更新。
6. 兼容app和H5端。

管理端：

1. 系统设置 菜单管理，角色管理，系统用户管理。
2. App管理 设备管理，用户管理，问题反馈，应用更新，应用发布，灰度发布，全网发布
3. 内容管理 分类管理， 八股文、题库、经验分享 单条录入，excel批量导入，发布
4. 首页 整体数据概括，总数，昨日新增数，新增用户一周数据走势，新增内容一周走势。

项目难点：

1. 权限控制，excel批量导入，考题录入
2. app设备兼容性， UI实现接近原生app，比如自定义标题栏，状态栏。
3. 使用jwt实现免登录

项目收获：

  通过后台管理端开发，让我熟练使用父子组件的相互调用，将相似的功能抽象出来拆分为一个个组件，避免代码的重复开发，维护起来也非常方便。

在与后端进行数据交互，我采用了axios发送http请求，根据后端数据结构，对axios进行了封装，通过统一的拦截器进行拦击处理，减少业务开发过程中过多的业务逻辑处理，包括后端的错误提示，登录超时自动跳转，发送请求loading效果避免重复提交。

采用vuex对状态进行管理，减少了部分接口请求次数，比如导航栏，通过状态管理对用户登录状态进行管理，在需要登录后才能进行的操作可以即使弹出登录框。对vue的相关知识点，比如数据双向绑定，组合式Api,生命周期函数，状态管理，路由，watch，父子组件，组件封装，表单校验，页面布局，css编写等有了更加深刻的认识，此项目将所学的前端知识进行了综合运用。

app端，使用uniapp结合vue3项目开发，了解移动端开发跟pc页面开发的不同，页面布局，考虑各种不同大小屏幕兼容性问题。