管理端:
(1)登录
(2)首页数据报表:1.数据概括2.一周数据走势
(3)内容管理:
1.分类管理:新增,修改,删除,排序
2.八股文:新增,修改,批量导入,发布,批量发布,删除,批量删除
3.题库管理:新增,修改,批量导入,发布,批量发布,删除,批量删除
4.经验分享:新增,修改,删除,发布
(4)app:
1.设备管理
2.用户管理:启用,禁用
3.轮播图:新增,修改,排序
4.问题反馈:回复
5.app发布:发布版本,修改,删除,发布
(5)设置:
1.菜单管落:新增,修改,删除
2.角色管理:新增,修改,删除,分配菜单
3.系统用户:新增,修改,删除,禁用,修改密码
EasyJob
项目名称:EasyJob
项目描述: 一个刷题App,App端加管理端
技术选型:App端:uniapp+Vue3 +vite3 +pinia+jwt
管理后台:vue3+vite3+element-plus
负责内容:
App端:
- 轮播图,内容分类。
- 八股文分页查看,详情左右滑动查看,背题模式,考试模式
- 在线考试,随机生成考题,左右滑动实现题目切换
- 经验分享,列表,查看详情。
- 个人中心,登录,注册,收藏,错题集,问题反馈,应用更新。
- 兼容app和H5端。
管理端:
- 系统设置 菜单管理,角色管理,系统用户管理。
- App管理 设备管理,用户管理,问题反馈,应用更新,应用发布,灰度发布,全网发布
- 内容管理 分类管理, 八股文、题库、经验分享 单条录入,excel批量导入,发布
- 首页 整体数据概括,总数,昨日新增数,新增用户一周数据走势,新增内容一周走势。
项目难点:
- 权限控制,excel批量导入,考题录入
- app设备兼容性, UI实现接近原生app,比如自定义标题栏,状态栏。
- 使用jwt实现免登录
项目收获:
通过后台管理端开发,让我熟练使用父子组件的相互调用,将相似的功能抽象出来拆分为一个个组件,避免代码的重复开发,维护起来也非常方便。
在与后端进行数据交互,我采用了axios发送http请求,根据后端数据结构,对axios进行了封装,通过统一的拦截器进行拦击处理,减少业务开发过程中过多的业务逻辑处理,包括后端的错误提示,登录超时自动跳转,发送请求loading效果避免重复提交。
采用vuex对状态进行管理,减少了部分接口请求次数,比如导航栏,通过状态管理对用户登录状态进行管理,在需要登录后才能进行的操作可以即使弹出登录框。对vue的相关知识点,比如数据双向绑定,组合式Api,生命周期函数,状态管理,路由,watch,父子组件,组件封装,表单校验,页面布局,css编写等有了更加深刻的认识,此项目将所学的前端知识进行了综合运用。
app端,使用uniapp结合vue3项目开发,了解移动端开发跟pc页面开发的不同,页面布局,考虑各种不同大小屏幕兼容性问题。