1．目的及意义

当今社会，计算机网络技术飞速发展，各行各业都离不开互联网技术，互联网带来了雨多的便利，其中网页是一个重点，许多公司企业，学校等都开启了自己的网页。Web的发展已经进入了一种良性的发展，之前各大浏览器的厂商为了争夺市场的占有率，会在各自的浏览器中加入各种各样的功能，并且并没有形成统一的标准[1]。相同的代码，可能在不同的浏览器上展现完全不同的效果，虽然现在现状依然存在，但是已经减少了许多，基本上不会有太多的不同（部分旧浏览器除外，比如IE7，IE8），这使得网页的开发有了较好的环境，可以用更少的时间，来完成比之前更好的页面。

现在HTML5的优势是非常明显的，除了上面说到的形成了很好的标准之外，还有就是可以做到多设备跨平台，做到自适应网页设计。响应式Web现如今已经不是陌生的话题了。让网站页面尽量兼容各类设备，适应各种分辨率的屏幕，确保良好的用户体验，是Web前端开发工程师必须要解决的重要问题[2]。响应式Web不仅满足了前端开发工程师的需求，还保证了用户无论在哪种阅读环境下都可以有一个良好的体验。

紧接着，HTML的另一个好处就是及时更新，当网页有所更新是，开发人员需要做的只是将网页的数据更新，这样客户端再次进入访问的时候，便会直接接受到更新的内容，并不用想各种软件或者app一样要求用户进行版本的更新，再加之HTML的缓存技术，这样可以让用户有更好的体验。

而接下来要做的练习系统，也就是在线考试系统并不是稀有的东西。现在在线考试系统的软件已经在各个学校越来越普及[3] ，学生可以通过登录网上考试系统，随时可以对自己所学的知识进行考核，然后非主观题可以及时的出成绩，从而是学生发现自己的短板，并且可以提供一系列相同的题目进行加强，从而提高自己的知识水平。对老师而言，阅卷也可以变得相对轻松，非主观题可以在系统中直接判断，老师可以直接审核主观题，并且不需要向现在这样，运用答题卡，之后在通过扫描的方式进行阅卷，这样既减少了学院购买机器的相关成本，又增强了老师的办公效率。毫无疑问，练习系统是一个多赢的方案。

{title}

2. 研究的基本内容与方案

{title} 基于HTML5的《C语言程序设计》练习系统的研发旨在开发一套在线练习系统，以供学生可以再web上进行《C语言程序设计》的练习以及考核，老师可以再web上进行题目的删改，试卷的提交，批阅，从而简化老师的工作量，提高学生的学习效率。

网页分为两个部分：前端，后端（含数据库）。前端，我准备使用React框架进行搭建，并完成开发。后端使用java，并利用Spring Boot框架进行开发，数据库使用MySQL进行数据的存储。

前端与后端选择的框架都是已经很成熟的框架，并且已经有许多网页正在运用。React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面，以便让学生答题的时候有更好的交互体验。React可以提前创建拥有各自状态的组件，再由组件构成更加复杂的界面，这样不同类型的题目提前做成组件进行分装，就可以在不同的题目之间相互切换，保证题目可以以优良的交互方式，展现在学生的面前。而Spring Boot技术可以更好的提供接口，优秀地完成与数据库的交互。

3. 参考文献

[1]韩敏.浅谈网页制作新技术HTML5[J].福建电脑,2018,34(09):106-107.

[2]程荣贇.基于HTML5技术的响应式Web设计浅析[J].电子世界,2017(22):79-80.

[3]伍四军.一种基于WEB的在线考试系统设计[J].科技广场,2017(11):47-50.

[4]丁介然,周宗昊,胡昊,郭家成.浅谈HTML5技术理念及其创新发展[J].科技经济导刊,2017(32):17-18.

[5]金强,王亮,方春华.计算机信息技术课程在线考试系统的设计与实现[J].软件工程,2018,21(11):59-62 58.

[6]沈锐,陈伯亨.HTML的技术现状与发展趋势[J].电脑迷,2018(11):154.

[7]Raúl Tabarés Gutiérrez. Understanding the role of digital commons in the web; Themaking of HTML5[J]. Telematics and Informatics,2018,35(5).

[8]刘美鹇.在线考试系统的设计与实现[J].电脑知识与技术,2016,12(29):96-98.

[9]刘红英.Web开发中HTML5技术的应用[J].信息与电脑(理论版),2017(05):63-65.

[10]王睿.浅谈HTML5的技术优势[J].辽宁师专学报(自然科学版),2017,19(01):40-41 77.

[11] 陈青云.HTML5与CSS3技术在网页制作中的应用及发展前景[J].信息与电脑(理论版),2018(16):1-2.

[12]Wei Yu,Yong Xu. Research on the application of HTML5 in the development of mobileinternet[J]. Journal of Intelligent amp; Fuzzy Systems,2018,34(2).

[13]严伟中.关于HTML5的核心技术研究与应用[J].网络安全技术与应用,2014(03):30 32.

[14]陆钻.基于HTML5和CSS3网页布局技术应用[J].无线互联科技,2016(10):128-129 140.

[15]曹金静,孙德刚.在线考试系统的设计与实现[J].现代信息科技,2019,3(02):14-16.

1．目的及意义

当今社会，计算机网络技术飞速发展，各行各业都离不开互联网技术，互联网带来了雨多的便利，其中网页是一个重点，许多公司企业，学校等都开启了自己的网页。Web的发展已经进入了一种良性的发展，之前各大浏览器的厂商为了争夺市场的占有率，会在各自的浏览器中加入各种各样的功能，并且并没有形成统一的标准[1]。相同的代码，可能在不同的浏览器上展现完全不同的效果，虽然现在现状依然存在，但是已经减少了许多，基本上不会有太多的不同（部分旧浏览器除外，比如IE7，IE8），这使得网页的开发有了较好的环境，可以用更少的时间，来完成比之前更好的页面。

现在HTML5的优势是非常明显的，除了上面说到的形成了很好的标准之外，还有就是可以做到多设备跨平台，做到自适应网页设计。响应式Web现如今已经不是陌生的话题了。让网站页面尽量兼容各类设备，适应各种分辨率的屏幕，确保良好的用户体验，是Web前端开发工程师必须要解决的重要问题[2]。响应式Web不仅满足了前端开发工程师的需求，还保证了用户无论在哪种阅读环境下都可以有一个良好的体验。

紧接着，HTML的另一个好处就是及时更新，当网页有所更新是，开发人员需要做的只是将网页的数据更新，这样客户端再次进入访问的时候，便会直接接受到更新的内容，并不用想各种软件或者app一样要求用户进行版本的更新，再加之HTML的缓存技术，这样可以让用户有更好的体验。

而接下来要做的练习系统，也就是在线考试系统并不是稀有的东西。现在在线考试系统的软件已经在各个学校越来越普及[3] ，学生可以通过登录网上考试系统，随时可以对自己所学的知识进行考核，然后非主观题可以及时的出成绩，从而是学生发现自己的短板，并且可以提供一系列相同的题目进行加强，从而提高自己的知识水平。对老师而言，阅卷也可以变得相对轻松，非主观题可以在系统中直接判断，老师可以直接审核主观题，并且不需要向现在这样，运用答题卡，之后在通过扫描的方式进行阅卷，这样既减少了学院购买机器的相关成本，又增强了老师的办公效率。毫无疑问，练习系统是一个多赢的方案。

{title}

2. 研究的基本内容与方案

{title} 基于HTML5的《C语言程序设计》练习系统的研发旨在开发一套在线练习系统，以供学生可以再web上进行《C语言程序设计》的练习以及考核，老师可以再web上进行题目的删改，试卷的提交，批阅，从而简化老师的工作量，提高学生的学习效率。

网页分为两个部分：前端，后端（含数据库）。前端，我准备使用React框架进行搭建，并完成开发。后端使用java，并利用Spring Boot框架进行开发，数据库使用MySQL进行数据的存储。

前端与后端选择的框架都是已经很成熟的框架，并且已经有许多网页正在运用。React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时 React 也可以高效地更新渲染界面，以便让学生答题的时候有更好的交互体验。React可以提前创建拥有各自状态的组件，再由组件构成更加复杂的界面，这样不同类型的题目提前做成组件进行分装，就可以在不同的题目之间相互切换，保证题目可以以优良的交互方式，展现在学生的面前。而Spring Boot技术可以更好的提供接口，优秀地完成与数据库的交互。