问答功能php,ThinkPHP5实现答题管理系统（四）

最新推荐文章于 2024-06-03 10:40:04 发布
最新推荐文章于 2024-06-03 10:40:04 发布
阅读量552 收藏
点赞数
文章标签： 问答功能php

我们之前三篇文章实现了模板+题目+选项的增删，现在我们要完成答题管理系统的答题模块啦。

一.UI及功能设计

既然是用户答题，就要有一张表专门用来存放用户答题的答案。我的设想是这样的，我们点击答题按钮的时候，就显示出第一题，判断是否是模板下最后一题，来显示名为next按钮的字体样式为下一题还是完成。并且，对后台传过来的qsn_type进行区分，type=0的单选显示单选框，type=1的多选显示复选框，type=2的问答显示文本域，大概是如下效果。

f8d18ca91c6f

单选.PNG

f8d18ca91c6f

多选.PNG

f8d18ca91c6f

问答.PNG

为此，next按钮要返回的json格式数据如下。

f8d18ca91c6f

构建json.PNG

用PHP构造一个二维关联数组，其中二维数组中，还有一个二维数组，第一索引表示题目的order_num排序，第二索引表示option_num选项内容以及order_num选项排序号，最后将这个内层二维数组与别的参数使用PHP的array_merge函数进行数组合并，返回给html页面。

二.数据库表设计(psg_qsn_r表)

f8d18ca91c6f

psg_qsn_r表.PNG

主要的就是choose对应用户选择的选项，1,2,3...对应A,B,C，如果是问答，存的就是一串字符串。

三.代码实现

首先是answer答题按钮的点击监听:

$('#btn-answer').click(function() {

// alert(id_array);

layer.msg('加载中', {

icon: 16,

shade: 0.01,

time: '9999999'

});

var url = "{:url('survey/answer_list')}";

var data = {

model_id: id_array //这里将当前的model_id数组传到后端

}

$.post(url, data, function(data) {

layer.close(layer.index); //关闭正在加载中弹出层

console.log(id_array);

if (data.code == 1) {

// alert(data.data[0].option_num);

if (data.data.bool_num == true) {

$('#next').text("完成");

}

$('#set-answer label[name="qsn_content1"]').css("width", "200px");

$('#set-answer label[name="qsn_content1"]').text(data.data.content);

if (data.data.qsn_type == 1) {

$.each(data.data, function(i, item) {

if (item.order_num == null) return false; //function中无法用break跳出 我们用return

//这边要将type也传过来 然后根据type来往anser_list中添加值

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

)

});

form.render('checkbox');

} else if (data.data.qsn_type == 0) {

$.each(data.data, function(i, item) {

if (item.order_num == null) return false; //function中无法用break跳出 我们用return

//这边要将type也传过来 然后根据type来往anser_list中添加值

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

)

});

form.render('radio');

} else if (data.data.qsn_type == 2) {

// if (item.order_num == null) return false; //function中无法用break跳出 我们用return

//这边要将type也传过来 然后根据type来往anser_list中添加值

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

'

)

form.render();

}

// alert(data.data.order_num);

getqsn_type(data.data.qsn_type);

getmodel_id(data.data.model_id);

getorder_num(data.data.order_num);

layer.open({

type: 1,

skin: 'layui-layer-rim', //加上边框

area: ['660px', '350px'], //宽高

content: $('#set-answer'),

cancel: function(index, layero) {

$('#answer_list').empty();

$('#next').text("下一题");

layer.close(index)

return false;

},

end: function() {

$('#answer_list').empty();

$('#next').text("下一题");

layer.closeAll();

}

});

} else {

layer.msg(data.msg, {

icon: 5

});

}

}, "json");

});

其中有对问题类型进行判别，并且对next样式作更改，然后是其对应的Controller层:

public function answer_list()

{//答题的首次加载

$model_id = input('post.model_id/a'); //tp5提交数组用/a来实现

if (empty($model_id)) {

returnjson([3, '请选择模板答题', '']);

}

$str_device_id = implode(',', $model_id); //数组拆分

$where['model_id'] = array('in', $str_device_id);

$qsn_list = db('qsn')->where($where)->order('order_num')->field('content,qsn_id,order_num,model_id,qsn_type')->select(); //获取问题内容

if (empty($qsn_list)) {

returnjson([2, '暂无题目,无法答题', '']);

}

$bool_num = false;

$max_order_num = db('qsn')->where($where)->max('order_num');

if ($qsn_list[0]['order_num'] == $max_order_num) {

$bool_num = true;

}

// $where1['qsn_id']=$qsn_list[0]['qsn_id'];

// // $qsn_list[0]['qsn_id存在

$option_list = db('qsn_detail')->where('qsn_id', $qsn_list[0]['qsn_id'])->field('option_num,order_num')->select(); //获取选项以及选项排序

//array_merge()合成两个数组

if ($option_list) {

$return_list = array_merge($qsn_list[0], $option_list);

$return_list['bool_num'] = $bool_num;

returnjson([1, 'success', $return_list]);

} else {//那就不是选项了 是问答题

$return_list = $qsn_list[0];

$return_list['bool_num'] = $bool_num;

returnjson([1, '问答题', $return_list]);

}

}

然后是View层next按钮的监听事件，跟这个差不多。

$('#next').click(function() {

var qsn_type = t_qsn_type;

var is_answered = false;

if (qsn_type == 1) {

var count = $("#set-answer input[type='checkbox']:checked").length

if (count == 0) {

is_answered = true;

}

$("#set-answer input[type='checkbox']:checked").each(function() {

choice.push($(this).val());

});

} else if (qsn_type == 0) {

var count = $("#set-answer input[type='radio']:checked").length

if (count == 0) {

is_answered = true;

}

$("#set-answer input[type='radio']:checked").each(function() {

choice.push($(this).val());

});

} else if (qsn_type == 2) {

var count = $("#set-answer #text").length

if (count == 0) {

is_answered = true;

}

$("#set-answer #text").each(function() {

choice.push($(this).val());

});

}

if (is_answered == true) {

layer.msg('请选择答案');

return;

}

alert(choice);

layer.msg('加载中', {

icon: 16,

shade: 0.01,

time: '9999999'

});

alert(choice);

var url = "{:url('survey/next_qsn')}";

var t_choice = choice;

var model_id = t_model_id;

var order_num = t_order_num;

var data = {

model_id: model_id,

order_num: order_num,

choice: t_choice,

qsn_type: qsn_type

}

$.post(url, data, function(data) {

layer.close(layer.index); //关闭正在加载中弹出层

form.render(null, 'answer');

choice = [];

console.log(id_array);

if (data.code == 1) {

if (data.data.bool_num == true) {

$('#next').text("完成");

}

// alert(data.data[0].option_num);

$('#answer_list').empty();

$('#set-answer label[name="qsn_content1"]').text(data.data.content);

// alert(data.data.order_num);

if (data.data.qsn_type == 1) {

$.each(data.data, function(i, item) {

if (item.order_num == null) return false; //function中无法用break跳出 我们用return

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

)

});

form.render('checkbox');

} else if (data.data.qsn_type == 0) {

$.each(data.data, function(i, item) {

if (item.order_num == null) return false; //function中无法用break跳出 我们用return

//这边要将type也传过来 然后根据type来往anser_list中添加值

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

)

});

form.render('radio');

} else if (data.data.qsn_type == 2) {

$('#answer_list').append(

// ' ' + item.order_num + ':' +

'

'

)

form.render();

}

getqsn_type(data.data.qsn_type);

getmodel_id(data.data.model_id);

getorder_num(data.data.order_num);

} else if (data.code == 2) {

layer.msg(data.msg, {

icon: 6

});

setTimeout('layer.closeAll()', 2000);

} else if (data.code == 3) {

layer.msg(data.msg, {

icon: 5

});

}

}, "json");

然后是Controller层代码。

//找出同一套模板下的order_num+1的题目

public function next_qsn()

{

$model_id = input('post.model_id');

$order_num = input('post.order_num');

$choice = input('post.choice/a');

$count_choice = count($choice);

$str_choice1 = implode('', $choice);

if (empty($str_choice1)) {

returnjson([3, '请答题', $choice]);

}

$qsn_type = (int) input('post.qsn_type');

$order_num = (int) $order_num;

$qsn_list = db('qsn')->where('model_id', $model_id)->where('order_num', $order_num)->field('content,qsn_id,order_num,model_id,flight_id,qsn_type')->find(); //获取问题内容

$psg_list['qsn_id'] = $qsn_list['qsn_id'];

$psg_list['model_id'] = $qsn_list['model_id'];

$psg_list['flight_id'] = $qsn_list['flight_id'];

$psg_list['qsn_type'] = $qsn_list['qsn_type'];

//这里要改，这里的detailID不是随机生成的 而是读取出对应题目的detail_id

$option_list = db('qsn_detail')->where('qsn_id', $qsn_list['qsn_id'])->field('detail_id')->select();//这里是二维数组

//这里的detail ID和date就随机生成了

//这里 我们应该count出option_list数组的长度，然后循环赋给psg_list中的detail_id,保证psg_qsn表中的detailID唯一

// returnjson([2, '恭喜您完成了答题', $option_list]);

$str_choice = implode(',', $choice);

for ($x = 0; $x < $count_choice; $x++) {

$psg_list['detail_id'] = $option_list[$x]['detail_id'];

$psg_list['psg_qsn_r_id'] = uniqid('psg_qsn_r_id', true);

$psg_list['choose'] = $choice[$x];

$psg_res = db('psg_qsn_r')->insert($psg_list);

}

//先要将当前问题插入psg_qsn表中 所以我们要先判断 然后看看能否插入psg_qsn表 否则对应的字段就是下一个的字段

$order_num = $order_num + 1;

//只查询一个数据 用find 否则返回的数据就是二维数组

$qsn_list = db('qsn')->where('model_id', $model_id)->where('order_num', $order_num)->field('content,qsn_id,order_num,model_id,flight_id,qsn_type')->find(); //获取问题内容

$bool_num = false;

$max_order_num = db('qsn')->where('model_id', $model_id)->max('order_num');

if ($qsn_list['order_num'] == $max_order_num) {

$bool_num = true;

}

if (empty($qsn_list)) {

returnjson([2, '恭喜您完成了答题', $choice]);

}

//qsn_list已经是一个数组了

$option_list = db('qsn_detail')->where('qsn_id', $qsn_list['qsn_id'])->field('option_num,order_num')->select();

//一个bool_num来判单是否是最后一题

//

if ($option_list) {

$return_list = array_merge($qsn_list, $option_list);

$return_list['bool_num'] = $bool_num;

returnjson([1, 'success', $return_list]);

} else {//是文本域

$return_list = $qsn_list;

$return_list['bool_num'] = $bool_num;

returnjson([1, '问答', $return_list]);

}

}

然后我们看看最终的效果。

四.效果一览

f8d18ca91c6f

1.gif

OK，完成啦

项目仅供测试学习使用，拒绝任何形式的商业用途，转侵删。

项目源码关注公众号Code In Java，回复"答题管理系统ThinkPHP版本"即可获取。除此之外，还有Java学习图谱，数据结构与算法资料等各种资料都可以在后台获取。

木子可昕
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
php mysql的在线答题_PHP+MySQL实现在线测试答题示例
weixin_33634886的博客
01-19 379
这个实例主要给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。读取答题列表：$sql = "select * from quiz order by id asc";$query = mysql_query($sql);while ($row = mysql_fetch_array($query)) {$answers = exp...
php商城系统文和答题_ThinkPHP5实现答题管理系统（一）
weixin_39658619的博客
12-20 315
最近实习做了一个PHP的项目练手，大概是一个答题管理的模板(已部署至www.songlei.online)，用了TP5+Jquery+layui来实现，由于整个系统功能模块有点多，所以我们逐个拆分出来。这次先做问题模板的添加和删除。如下图。模板.JPG1.前期准备TP5框架：在tp5的官网下载框架模板ThinkPHP5核心版编辑器:我选用的是VS code。因为相较于其它IDE，更加轻量级,别的集...
CSS+jQuery+PHP+MySQL实现的在线答题功能
12-13
在上一篇文章中，我们介绍了使用jQuery实现的测试题效果。那么本文将结合实例给大家介绍如何使用jQuery+PHP+MySQL来实现在线测试题，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知识。 源码下载：点此下载 quiz.php 在这里为了讲解方便，我将php和HTML混写在quiz.php文件中。首先和本站上篇文章：jQuery实现的测试答题功能一样，载入jQuery库和quizs.js文件，然后在适当的位置加上测试题html结构。 复制代码代码如下:<div id=”qui
PHP在线考试系统设计与实现
杭州.黄老师
12-27 4392
黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，免费项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师。
【全开源】考试答题系统源码（FastAdmin+ThinkPHP+Uniapp）
最新发布
2401_84413757的博客
06-03 567
考试答题系统作为一种新型的学习工具，以其便捷高效的特点受到了越来越多人的青睐。无论是学生还是教师，都可以从考试答题系统中获得实实在在的帮助。在这个信息化、网络化的时代，让我们充分利用考试答题系统这一优质资源，为自己的学习和工作加油助力！
基于PHP的在线考试系统
毕业设计大牛哥
01-01 1350
Java毕业设计、计算机毕业设计、毕业论文、毕业答辩、毕业设计资料、最新毕业设计,提供设计资料,设计方案,毕业文案,论文文档，php计算机毕业设计 java计算机毕业设计 c#计算机毕业设计 计算机毕业设计 毕业论文 毕业答辩 计算机毕业设计 小程序毕业设计， 基于SSM计算机毕业 设计基于SSH计算机毕业设计 基于SpringBoot计算机毕业设计 Mysql计算机毕业设计 管理系统 计算机毕业设计免费论文 计算机毕业设计免费源码 计算机毕业设计答辩PPT 计算机毕业设计开题报告 计算机毕业设
PHP实现一个在线选择答题系统
superw的博客
01-29 5905
业务中有一个在线调查，包括动态读取题目，答题完毕后台评分，并返回答题结果。这是一篇WEB综合应用文章，建议阅读本文的您应该具备HTML，jQuery以及PHP和MySQL等基本知识。 效果预览： 前端 主要借助query和quiz.js <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width.
Thinkphp开发开源学生考试答题系统微信问卷后台管理系统源码.rar
07-09
ThinkPHP开发开源学生考试答题系统微信问卷后台管理系统源码 【安装说明】 1、将源码解压后，导入根目录com.sql 2、然后修改数据库配置：ApplicationCommonConfconfig.php3、默认帐号、密码为 admin
学生在线考试系统thinkphp5+layui
04-21
基于thinkphp5和layui开发框架,分前后两端，后端管理发布考试。前端学生登录考试。现阶段支持单选和多选两种题型，后续扩展。系统自动判卷。考试定时，倒计时，学生成绩导出，查询等。 后台流程 1. 创建考题（录入...
Thinkphp微信考试答题问卷调查问卷系统源码.rar
07-09
ThinkPHP微信考试答题问卷调查问卷系统源码 程序以thinkphp为内核开发的微信问卷后台 管理系统,学生考试答题系统，调查问卷系统 安装说明： 1、导入com.sql 2、修改数据库配置： ApplicationCommonConfconfig.php 3...
QandA:答题系统，thinkphp5
03-11
总结，QandA答题系统是基于ThinkPHP5搭建的，利用该框架的优势，实现了用户管理、题目库管理、答题流程等功能。通过合理的系统设计和安全防护措施，保证了系统的稳定性和用户数据的安全。同时，系统具有良好的扩展性...
phpcms v9的问答模块插件
02-05
phpcms v9的问答模块插件，代码为utf8，经过测试可以用。 phpcms v9的问答模块插件，代码为utf8，经过测试可以用。
简单的答题小程序哦哦哦
10-31
这是一个答题小程序，基本实现了答题的功能，有一个目录，当然，页面不是很好看（给我点面子，不要讲丑，毕竟我是后端程序媛），点击目录进入相对应的答题页面，现在我的切换题目还是用的navigator，有缘人下载之后可以改成你想要的。还有一个答题卡，点击进去之后是所有本类目下的题目编号^-^。有一个收藏功能，获取用户信息之后的一个收藏，有一个查看答案（不想打字了，自己下载看看），还有一个错题反馈页面。恩恩额，适合入门的朋友们^-^。
基于ThinkPHP框架开发的简答在线答题系统PHP源码.rar
07-30
这是一个基于ThinkPHP框架开发的简单在线答题系统的PHP源码，非常适合初学者研究和学习，或者作为小型项目的起点。ThinkPHP是中国国内非常流行的PHP框架之一，它以简洁、高效的特性受到开发者喜爱，尤其适合快速开发...
问答功能php,ThinkPHP5实现答题管理系统（三）
weixin_39861918的博客
03-09 339
这是这篇系列的第三篇文章，实现的是对应模板下题目及选项的增删。一.数据库表设计qsn数据表.PNGdetail表.PNG一套模板下可能有很多道题目，一对多关系，model_id对应模板id，qsn_id为题目的主键，model_name对应模板名称，order_num对应模板下题目的排序号，content对应题目的内容，qsn_type对应题目的类型，这里有三种类型 type0为单选,type1为...
layui的radio属性或别的别的属性没显示出来的解决方法
热门推荐
天子驾六的博客
05-18 1万+
1、这是radio没有显示出来的情况 2、正常的应该是这样的 3、解决方法就是：使用form.render() 刷新界面 layui.use('form',function(){         var form = layui.form;                     //刷新界面 所有元素             form.render(); }); 4、它还有另...
php答题系统思路,ThinkPHP5实现答题管理系统（二）
weixin_42300956的博客
03-22 395
好的，现在我们来实现删除题目模板的功能，删除功能不难做，主要我们这次实现的是批量删除功能。一.思路整理首先我们删除模板是根据模板的id来删除的，不管是单项删除还是批量删除，我们这里使用layui获取当前行的功能就能获取模板的id其次不管单项删除还是批量删除，只要将id放入数组中，后端对数组进行遍历，就能达到单项删除/批量删除二.代码实现思路实现以后，我们上代码。View层:var id_array...
radio单选框回显、取值
u014644574的博客
06-12 2199
radio单选框回显、取值
前端$.each()函数的用法
qq_43320218的博客
03-29 1786
$.each（obj,function(attr,value){?? //code}）

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值