作者:狂风 | 来源:互联网 | 2023-05-17 17:07
经过一个星期的学习,时不时的抽点时间不断的完成微信公众号的开发,在这里,自己又添加了一个功能,即是用户的评论功能和做题的排位模式(不熟悉的朋友可以看看之前我的博客)。在接下来,我就对这两
经过一个星期的学习,时不时的抽点时间不断的完成微信公众号的开发,在这里,自己又添加了一个功能,即是用户的评论功能和做题的排位模式(不熟悉的朋友可以看看之前我的博客)。在接下来,我就对这两个功能进行一下介绍,也为需要的朋友提供点帮助。
首先,介绍下我的评论功能。。下面就是简单的界面显示:
在上图(1)中,就是最开始用户的一个界面:
很简单,当用户答完一个题目,进入到解析环节的时候,就可以对该题进行评论了,当评论完之后就会显示出来,这也就是从(1)到(2)的显示效果了。
介绍一下这个的原理:
(1)就是当用户点击评论查看/ 评论的按钮的时候,就会把下面的文本框显示出来,当再一次点击之后,下面的标签按钮就会隐藏起来。这其实就是运用了标签按钮的一个属性和简答的JS代码就可以完成了,下面就是代码,看了就会明白了,就不需要我多描述了。
这就是显示的标签,然后下面控制显示的JS如下所示:
function commentTextArea() //在这里添加判断是否评论成功的代码
{
var userName = document.getElementById("addcomment").value;
if (JTrim(userName) !=="")
{
document.commitcontent.submit();
alert("评论成功!");
}
else{
alert("什么都没留下,咋评论呢?");
}
}
function clearText() { //取消当前编辑的评论
document.getElementById("addcomment").value = "";
alert("评论取消");
}
function showbutton(){ //显示隐藏的按钮
if(document.getElementById("oid").style.display)
{
document.getElementById("oid").style.display='';
}
else{
document.getElementById("oid").style.display='none';
}
}
function JTrim(s) //检测是否只输入了空格
{
return s.replace(/(^\s*)|(\s*$)/g, "");
}
相信只有一点JS的基础就能够看懂的,,所以我就不啰嗦啦。。
下面家讲解一下如何动态的生成所评论的条数,因为这界面的显示是根据用户的评论数来生成的,所以这是一个动态的过程,当然用Ajax是比较简单的能实现,但是下面介绍一下如何用PHP代码就实现。(其实这和我之前的那学生签到,显示开启签到的人数的方法是一样的)下面是代码:
function GenerateRadioGroup($name,$info)
{
$html="";
for($i=0;$i {
$username=$info[$i]['student_name'];
$cOntent=$info[$i]['user_comment'];
$html.='';
$html.=$username.":".$content;
$html.='
';
}
return $html;
}
$html = GenerateRadioGroup("comment",$cominfo);
echo $html;
?>
简单讲解一下其中的参数的含义,其中的comment是用来标记给标签的一个统一的名字,因为都是关于评论的
,所以名字一样比较好处理。另外就是$cominfo,这就是从数据库中得到的一个用户评论的内容和条数等等信息的一个数组,通过这个就自然而然的可以拿到自己所想到的信息内容来提供显示了。下面是我的处理:
//得到评论的内容
$getcomment=new CommentData();
$cominfo=$getcomment::getAllComment($_SESSION['id']); //得到所有的评论行信息
好了,关于评论我就做了简单的处理,其实还有很多好玩的,比如还可以添加对某个用户的评论再进行评论显示,其实这也很简单,就是拿到数据库里面的内容,在评论用户的右边进行显示就好了。如果你们想有很好的方式,都可以的。。
(二)介绍一下关于竞速排名的功能的步骤
这个功能就是在用户做完一组题目(我这设置的是20个为一组,当然这个可以设置成用户自己想要的都可以,就只是变成了一个动态的而已,然后在处理排名的时候需要相对应的进行修改就可以了)后,然后按照胜率进行排序,当然如果胜率相同,就再按照时间的顺序进行排名,这也是很普通的排名的方法,如果你们有更好的排名方法都可以根据自己的需要来进行改变的。这都是小事,下面就是我的界面的显示:
哈哈。界面丑了点,大家别介意,但是那自行车可是动态的哦。。还不错。。。。能看就好啦。。。。
介绍一下原理:
先把代码贴出来:
session_start();
require_once '../Utils/MyDataBase.php';
require_once '../loaddata/RankListData.php';
$queryInfo=new RankListData();
$allStudentRankList=$queryInfo::quertAllRankInfo(); //得到所有的排名数据库中的信息
$number=0;
while(true){
if($allStudentRankList[$number]['student_openid']==$_SESSION['useropenid']){
$nowname=$allStudentRankList[$number]['student_name'];
$nowcurreny=$allStudentRankList[$number]['question_accuracy'];
$number++;
break;
}
else{
$number++;
}
}
?>
这就是得到所要显示的排名信息的内容了,这就是得到数据库中的内容而已,并没有什么技术在里面的,在while语句里面就是得到用户本身的信息,并且显示在第一排,这样就达到方便用户查看自己的排名了,做到人性化效果。
另外就是一个动态的生成排名标签了,这和上面提到的评论的效果都差不多的,所以大家可以看看上面代码就好了。
还是贴出来好了:
function GenerateRadioGroup($name,$info)
{
$html="";
for($i=0;$i {
$username=$info[$i]['student_name'];
$rightrank=$info[$i]['question_accuracy'];
$cishu=$i+1;
$html.=''."第".$cishu."名:";
$html.=$username.' '."正确率".$rightrank."%";
$html.='
';
}
return $html;
}
$html = GenerateRadioGroup("ranklist",$allStudentRankList);
echo $html;
?>
好了,这样就差不多把大部分的效果实现了,还有个就是用户做题所花费的时间怎么算的,很简单的,就是当用户开始的时候,记录下系统的时间,得到一个时间戳,然后再答完最后一题的时间又记录转换成一个时间戳,这样相减就得到了用户的做题时间:(PHP里面有个time() 的函数,就可以实现)
$_SESSION['finishtime']=time()-$_SESSION['starttime'];
这就是自己随便做的一些功能开发了,自己还会不断的想到一些功能就进行开发,然后记录下来,方便需要的朋友。。
很开心,这个星期没有白费,至少又学到了很多,继续努力,小伙伴们,一起加油吧!!!!!!!!!!!!!!!!!!