【作者】 余玮；

【导师】 王崇骏；

【作者基本信息】 南京大学 ， 工程硕士（软件工程方向）（专业学位）， 2016， 硕士

【摘要】 随着互联网技术在我国的快速发展,各类在线教育产品也进入了人们的生活。在线教育产品的用户不仅仅是学生,而是所有有学习意愿的人们,在线教育产品可以突破年龄和地域的限制,让人们更灵活的安排自己的时间,进行更加自主的学习。“网易100分”就是网易教育产品部门下的一款针对中小学的在线教育产品。越来越丰富的终端设备给Web应用产品的前端开发提出了更高的要求,为此本产品的开发采取了前后端分离的方式,减少前端开发对后台的依赖。此系统的前端部分使用了网易研发的NEI平台进行前后端分离,结合了NEJ框架、Regularjs、Statemanjs类库等技术进行应用前端的开发。本文围绕“网易100分”的前端部分的设计与实现,展开了下列工作：(1)介绍了本项目涉及的NEI平台、NEJ框架、Regularjs、Statemanjs类库、Freemarker模块引擎,介绍了他们的功能和基本原理。(2)对项目的需求进行了分析,根据分析结果对项目进行了主要功能模块划分,给出了前端部分的分层设计,并给出了每一层的具体设计描述,对于主要页面给出了页面原型设计和数据接口设计。(3)基于项目需求分析和前端架构设计,详细描述了基础功能模块、学习计划模块、习题作答模块的具体实现。更多还原

【Abstract】 With the rapid development of Internet technology in our country, all kinds of online education products begin to come into our daily life. The users of these online education products are not only students, but also every person who is willing to learn. With online education products, people can break the restriction of age and region. They make study more flexible and more independent. "Netease Full Marks" is an online question bank application designed for k12 students, developed by Netease Education Department.The diversity of browsers and mobile devices bring more challenge to the fontend development. So when we are developing this application, we try to separate the font and the backend, in order to reduce the dependence of the fontend on the backend. We use the NEI platform developed by Netease to do the separation, and do the fontend development with NEJ, Regularjs, Statemanjs etc.The following work has been done around the frontend design and development of "Netease Full Marks":(1) Introduction of NEI platform, NEJ frame, Regularjs, Statemanjs, Freemarkder template engine that are involved during the development, including their funcitons and fundamentals.(2) Analyzing the requirements of the product and conducting module division according to the analyse. Giving the frontend architecture design, UI prototype design and data interface design.(3) On the basis above, giving the description of the implement of basic function module, study plan module and test module.更多还原