青少年编程等级考试scratch真题答题考试系统源码网站
生活随笔
收集整理的這篇文章主要介紹了
青少年编程等级考试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" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" /><title>小航助學-教師端</title><meta name="viewport" content="width=device-width, initial-scale=1.0" /><link rel="stylesheet" href="../css/bootstrap.min.css" /><link rel="stylesheet" href="../css/comcss.css" /><script src="../js/jquery-2.1.1.js"></script><script src="../js/bootstrap.min.js"></script><style>input:focus {border-color: #66AFE9 !important;outline: 0;}</style> </head> <body style="margin: 0; font-size: 17px;"><div class="rowflex_left" style="height: 80px; background-color: white;"><img src="images/logoblack.png" style="height: 70px;margin-left:20px;" /></div><div class="rowflex_left" style="background-color: #3399FF; height: 500px; position: relative;"><img src="images/bg1021.png" style="width: 500px; margin-left: 130px;" /><div class="columnflex_center" style="width: 400px; height: 300px; background-color: white; border-radius: 5px; box-shadow: 2px 2px 4px lightgray; position: absolute; top: 100px; right: 15%;"><div style="width: 80%; text-align: center;"><span id="span_tel" style="font-size: 18px; margin-left: 10px;cursor: pointer;font-weight: 600;color:red;" onclick="login_tel()">手機登錄</span><span style="font-size: 18px; margin-left: 10px;">|</span><span id="span_user" style="font-size: 18px; margin-left: 10px; cursor: pointer;" onclick="login_user()">密碼登錄</span></div><div id="login_tel" class="columnflex_center" style="display: ;"><div class="inputout" style="margin-top: 30px;"><input type="text" id="ipt_tel" style="border: none; width: 95%;" placeholder="手機號" maxlength="50" /></div><div class="inputout" style="margin-top: 15px;"><input type="text" id="ipt_yzm" style="border: none; width: 60%;" placeholder="驗證碼" maxlength="6" /><div class="rowflex_center" style="width: 35%; border-left: 1px solid lightgray; cursor: pointer;" onclick="sendsms()"><span id="smsbt" style="cursor:pointer;color:black;">獲取驗證碼</span></div></div><div class="rowflex_center" style="width: 80%; height: 40px; background-color: #3399FF; border-radius: 5px; color: white; margin-top: 30px; cursor: pointer;" onclick="toMain('tel')"><span>登錄</span></div></div><div id="login_user" class="columnflex_center" style="width:100%;display:none;"><div class="inputout" style="margin-top: 30px;"><input type="text" id="ipt_userid" style="border: none; width: 95%;" placeholder="手機號/用戶號" maxlength="50" /></div><div class="inputout" style="margin-top: 15px;"><input type="password" id="ipt_pass" style="border: none; width: 95%;" placeholder="密碼" maxlength="20" /></div><div class="rowflex_center" style="width: 80%; height: 40px; background-color: #3399FF; border-radius: 5px; color: white; margin-top: 30px; cursor: pointer;" onclick="toMain('userid')"><span>登錄</span></div><div style="width:80%;text-align:right;margin-top:10px;margin-right:10px;"><span style="color:blue;cursor:pointer;" onclick="location.href='passreset.aspx'">密碼忘記了？</span></div></div></div></div><div class="modal fade" id="modal_msg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false"><div class="modal-dialog" style="width:34%; margin-left: 33%; margin-top: 10%;"><div class="modal-content"><div class="modal-header" style="background-color: #3399FF; color: white;"><button type="button" class="close" data-dismiss="modal"aria-hidden="true">×</button><h4 id="span_opstyle" class="modal-title">操作提示</h4></div><div class="modal-body"><div class="columnflex_center"><div class="rowflex_center" style="width:100%;margin-top:25px;text-align:center;height:60px;"><img src="images/warning.png" style="width:50px;" /><span id="span_msg" style="margin-left:8px;"></span></div><div class="rowflex_center" style="margin-top: 15px; margin-bottom: 20px;"><div class="rowflex_center" style="width: 120px; border-radius: 5px; background-color: #3399FF; height: 40px; color: white; cursor: pointer;" onclick="$('#modal_msg').modal('hide');"><span id="btname" style="font-size: 16px; font-weight: 700;">確定</span></div></div></div></div></div></div></div> </body> </html>?2.js代碼
//讀取Cookiefunction getCookie(name) {var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");if (arr = document.cookie.match(reg))return unescape(arr[2]);elsereturn 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，不填默認為linkdataUrl: '', // 如果type是music或video，則要提供數據鏈接，默認為空success: function () {// 用戶確認分享后執行的回調函數},cancel: function () {// 用戶取消分享后執行的回調函數}});//qqwx.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、系統體驗
了解更多關注我喲！！！
?
總結
以上是生活随笔為你收集整理的青少年编程等级考试scratch真题答题考试系统源码网站的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： LeetCode 1584 连接所有点的
- 下一篇： JAVA教育培训机构信息管理系统计算机毕