青少年编程等级考试scratch真题答题考试系统源码网站
使用H5+Jquery+C#制作了一个在线答题系统
一、功能结构
1.学生端-登录
2.学生端-答题
3.学生端-错题查看
4.教师版-系统登录（PC端、手机端）
5.教师端-试卷管理
6.教师端-试卷下载
7.教师端-评卷
二、效果演示
三、代码演示
1. html代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Login.aspx.cs" Inherits="webm_Login" %>
小航助学-教师端
手机登录
|
密码登录
获取验证码
登录
2.js代码
//读取Cookie
function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg))
return unescape(arr[2]);
else
return null;
}
function GetRequest() {
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
}
}
return theRequest;
}
var wxd;
var aurl = "";
var share;
$(document).ready(function (){
console.log(document.URL);
var Request = new Object();
Request = GetRequest();
share = Request['share'];
if (typeof (share) == "undefined") {
share = "0";
}
if (share == "1") {//分享进来的，已带share参数
aurl = document.URL;
document.getElementById("div2").style.cssText = "width:20%; margin: 5px;cursor:pointer;display:;";
} else { //系统登陆进来的 没有share参数
aurl = document.URL + "&share=1";
document.getElementById("div1").style.cssText = "width:20%; margin: 5px;cursor:pointer;display:;";
}
console.log(aurl);
$.ajax({
url: "aspapi.aspx/getWxConfig",
type: "post",
data: "{'url':'" + document.URL + "'}",
dataType: "json",
contentType: "application/json; charset=utf-8",
async: true,
success: function (data) {
var htmlstr = '';
console.log(data.d);
if (data.d!=null){
wxd=data.d;
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
appId: wxd.AppId, // 必填，公众号的唯一标识
timestamp: wxd.timestamp, // 必填，生成签名的时间戳
nonceStr: wxd.nonceStr, // 必填，生成签名的随机串
signature: wxd.signature,// 必填，签名
jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareQZone'] // 必填，需要使用的JS接口列表
});
wx.hideMenuItems({
menuList: ["menuItem:share:appMessage", "menuItem:share:timeline", "menuItem:copyUrl"] // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
});
wx.ready(function () {
wx_share('采花秘籍', document.URL, 'http://www.xiaohang.tech/images/flower.png', '复习课程、学习重难点知识、参与答题、每日登陆都会获取小红花哦，快来点击进入看看吧！');
});
wx.error(function (res) {
// config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
console.log(res.data);
});
}
}, error: function (err) {
console.log(err);
alert('数据加载出现错误...');
}, complete: function () {
console.log('complete')
}
});
})
function wx_share(title, link, imgurl, desc) {
//朋友圈
wx.onMenuShareTimeline({
title: title, // 分享标题
link: link, // 分享链接
imgUrl: imgurl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//微信好友
wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgurl, // 分享图标
title: title, // 分享标题
type: 'link', // 分享类型,music、video或link，不填默认为link
dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
//qq
wx.onMenuShareQQ({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgurl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
// qq空间
wx.onMenuShareQZone({
title: title, // 分享标题
desc: desc, // 分享描述
link: link, // 分享链接
imgUrl: imgurl, // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
}3、系统体验
了解更多关注我哟！！！
