全文总字数：1465字

1. 研究目的与意义及国内外研究现状

在互联网技术逐渐渗入社会生活各个层面的今天，愈来愈多的学生在选择专业时更加青睐于互联网专业，很多同学想要通过编程来创造价值。

算法是编程的基础，面对不同问题的时候，最佳算法就像是程序中的灵魂，可见对于计算机的同学来说，算法训练很是重要。

那么，学习算法有什么方式呢？除了算法基础的学习之外，就是大量的练习，在实际运用中去感受算法带给程序的灵魂。

2. 研究的基本内容

在线代码测评系统的web端页面，从以下几个角度设计该系统的Web端：1. 结合使用该系统的老师以及同学们对产品的需求，进行需求分析和产品设计；2. 优化交互，更便于老师和同学操作；3. 考虑到南京信息工程大学最新一版的OJ的代码可维护性和可迭代性比较弱，加强这版系统整体的可迭代性和可维护性，将前端代码进行模块化和组件化，方便之后对系统的维护。

3. 实施方案、进度安排及预期效果

实施方案：1. 完成web端页面设计稿，并请指导老师审阅，最后定稿2. 开始设计页面路由，以及不同用户角色的权限设定3. 封装页面通用组件，便于后期的开发4. 开始系统地开发OJ的web端进度安排：1. 2月之前完成页面的设计稿，并且定稿2. 2月15号之前完成页面的路由设置、角色的权限限定以及通用组件的封装3. 4月份之前完成页面的第一版开发（包括跟后端接口的联调），正式部署上线测试预期效果：对系统整体的要求是能够提供学生们的基础练习以及教师课程模块以及练习模块的使用，代码架构基本完善，对后期维护NuistOJ的同学有一定的学习和参考的作用！

4. 参考文献

[1] react官方文档 https://react.docschina.org/docs/hello-world.html

[2] ant design of react官方文档https://ant.design/docs/react/introduce-cn

[3] mobx官方文档 https://cn.mobx.js.org/