现在阅读也已经不限于纸质书籍,在互联网技术的推动下,在线阅读越来越受欢迎。在人们在线阅读各种内容的同时,需要收集用户的阅读信息,更好地去管理这些信息,通常这种系统称之为管理系统,扮演C端用户与后台数据之间的一个承接者的角色。本文将对整个系统的设计与研究进行阐述。首先,论文介绍了本系统用到的关键概念和技术原理,从技术选型上分析当前前端的主流技术,以及其优缺点。HTML5、CSS3和ES6都是当前Web最新的基本技术。渐进式框架Vue相较于传统开发不用去手动操作DOM,大大提升系统性能,且其组件化思想将开发者从之前前端开发的重复劳动中解放。数据传输使用AXIOS,其对Promise语法的支持是异步回调更容易处理。其次,论文分析了本系统的需求与设计。需求分为功能性需求和非功能性需求,功能性需求主要包括登录和权限管理、多功能表单和数据展示操作模块,是整个系统的基础功能。非功能性需求包括界面交互性,数据安全性,异常处理稳定性和系统的可扩展性。在系统的设计层面,使用了分层模型对系统进行整体设计,渲染层使用了 diff算法进行视图更新。本系统主要创新点在于在系统权限设计上使用角色管理模型,多功能表单使用组合模式加迭代模式的混合模式进行设计。角色管理模型将账号与权限进行解耦,使用角色作为一个中介者,更加灵活高效。多功能表单的设计使用了组合模式加迭代模式的混合模式,解决表单组件在页面使用上广度和深度的问题。接着,介绍对这些设计的实现,以及对数据展示操作模块的实现。最后,对整体系统进行不同角度的测试分析,验证功能的正确运行,目前该系统已经正式上线运营。