本系统能够便捷的将各类知识、文本、备忘记事存入系统中,而且不同用户之间的笔记可以互相分享,操作界面友好直观。访问速度快,有利于提高效率。实现用户随想随记功能、富文本编辑功能、笔记分享功能、组件管理功能、账号管理功能。
负责模块:
1.项目框架:利用Vue构建前端,Element-UI对页面进行布局,使用Vue-Router + Axios加载页面,利用Vuex 作为笔记系统集中式存储管理状态;
2.登录系统:基于路由拦截+本地存储+JWT实现前后端登录功能, 后端利用Bcrypt加密技术实现账号密码安全保障;
3. 富文本编辑:采用wangEditor实现富文本编辑功能,减少了50%开发时间;
项目优化:
1.解决跨域:利用CORS跨域资源共享机制处理AJAX只能同源使用的限制;
2.适配多端:基于Flex+@media实现移动端的适配,对手机端交互模式进行了专门的优化,便于跨设备同步数据;
3. 代码封装:使用中间件对令牌验证模块进行封装, 减少了大量重复代码的编写,提高了接近1倍的开发效率;
项目难点:前期需求不明确导致框架不符合,后通过细化需求分析,由原生js页面切换方式重构至V