web编程期末树莓派项目（五）——在线测试

最新推荐文章于 2022-04-02 18:58:27 发布

Philca

最新推荐文章于 2022-04-02 18:58:27 发布

阅读量350

点赞数 1

分类专栏： web编程

本文链接：https://blog.csdn.net/weixin_51076879/article/details/118104812

版权

本文介绍了使用树莓派完成的web编程期末项目——在线测试系统。系统包括学生端和教师端功能，如前端的提交和倒计时，后端的分数统计及数据库存储。教师可以上传JSON格式的习题，系统能显示学生答题的优良中差分布，通过图表展示。作者反思了编程学习的过程，认为此项目是理论与实践结合的良好实践。

摘要由CSDN通过智能技术生成

在线测试

学生端

前端

在这里插入图片描述

提交功能

 <script type="text/javascript">
            var socket = io();
            socket.on("stop_test",function(){
   
                submit_ans();
            });
            $(document).ready(function(){
   
                socket.emit('user_connected2',{
   uname:'<%=session.username%>',loginType:'<%=session.loginType%>'});
            });
            function mark(x) {
   
                var str = "#btn"+x;
                $(str).removeClass('btn-default');
                $(str).addClass('btn-danger');
                var str2 = '#marker'+x;
                $(str2).attr('onclick',"unmark('"+x+"')");
                $(str2).html('Unmark');
            }
            function unmark(x) {
   
                var str = "#btn"+x;
                $(str).removeClass('btn-danger');
                $(str).addClass('btn-default');
                var str2 = '#marker'+x;
                $(str2).attr('onclick',"mark('"+x+"')");
                $(str2).html('Mark');
            }
            function clr(x){
   
                for(var i=01;i<=4;i++){
   
                    var str="#"+x+i;
                    $(str).attr("checked",false);</