利用BeX5做随机抽取试题的考试系统

Masion · 发表于 2016-11-12 10:13:17

题库维护详细页的.w源码

<?xml version="1.0" encoding="utf-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window" component="$UI/system/components/justep/window/window"
design="device:pc;">
<div component="$UI/system/components/justep/model/model" xid="model" style="height:auto;top:24px;left:163px;" onParamsReceive="modelParamsReceive">
<div component="$UI/system/components/justep/data/bizData" xid="mainData"
directDelete="true" autoLoad="false" concept="YG_examBank" columns="" limit="20"
orderBy="fIndex asc,fType asc">
<reader action="/YGS/masion/logic/action/queryYG_examBankAction" xid="default1"/>
<writer action="/YGS/masion/logic/action/saveYG_examBankAction" xid="default2"/>
<creator action="/YGS/masion/logic/action/createYG_examBankAction" xid="default3"/>
<calculateRelation relation="calcCheckBox" xid="calculateRelation1"/>
<rule xid="rule1">
<col name="fType" xid="ruleCol1">
<required xid="required1">
<expr xid="default7">true</expr>
</required>
</col>
</rule>
</div>
<div component="$UI/system/components/justep/data/bizData" autoLoad="true"
xid="typeData" concept="YG_BasicInfor">
<reader xid="default4" action="/YGS/masion/logic/action/queryYG_BasicInforAction"/>
<writer xid="default6"/>
<filter name="filter0" xid="filter1">fType='试题类型'</filter>
</div>
<div component="$UI/system/components/justep/data/data" autoLoad="true"
xid="optionData" idColumn="fOption">
<column label="选项" name="fOption" type="String" xid="xid1"/>
<data xid="default5">[{"fOption":"A"},{"fOption":"B"},{"fOption":"C"},{"fOption":"D"}]</data>
</div>
</div>
<div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
xid="panel1">
<div class="x-panel-content" xid="content1">
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row1">
<div class="x-col x-col-fixed" xid="col1" style="width:120px;">
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect"
xid="gridSelect1" bind-ref="$model.mainData.ref("fType")" bind-labelRef="$model.mainData.ref("fType")"
defaultLabel="'单选题'">
<option xid="option1" data="typeData" value="fName"/>
</div>
</div>
<div class="x-col" xid="col3">
<input component="$UI/system/components/justep/input/input" class="form-control"
xid="input2" bind-ref="$model.mainData.ref("fQuestion")" placeHolder="题干内容"/>
</div>
</div>
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row2">
<div class="x-col" xid="col4">
<div component="$UI/system/components/justep/labelEdit/labelEdit"
class="x-label-edit" xid="labelEdit1">
<label class="x-label" xid="label1" style="width:120px;" bind-text="$model.mainData.label("fOPtionA")"/>
<input component="$UI/system/components/justep/input/input" class="form-control x-edit"
xid="input7" bind-ref="$model.mainData.ref("fOPtionA")"/>
</div>
<div component="$UI/system/components/justep/labelEdit/labelEdit"
class="x-label-edit" xid="labelEdit5">
<label class="x-label" xid="label5" style="width:120px;" bind-text="$model.mainData.label("fOptionB")"/>
<input component="$UI/system/components/justep/input/input" class="form-control x-edit"
xid="input11" bind-ref="$model.mainData.ref("fOptionB")"/>
</div>
<div component="$UI/system/components/justep/labelEdit/labelEdit"
class="x-label-edit" xid="labelEdit6">
<label class="x-label" xid="label6" style="width:120px;" bind-text="$model.mainData.label("fOptionC")"/>
<input component="$UI/system/components/justep/input/input" class="form-control x-edit"
xid="input12" bind-ref="$model.mainData.ref("fOptionC")"/>
</div>
<div component="$UI/system/components/justep/labelEdit/labelEdit"
class="x-label-edit" xid="labelEdit7">
<label class="x-label" xid="label7" style="width:120px;" bind-text="$model.mainData.label("fOptionD")"/>
<input component="$UI/system/components/justep/input/input" class="form-control x-edit"
xid="input13" bind-ref="$model.mainData.ref("fOptionD")"/>
</div>
<div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit" xid="labelEdit12">
<label class="x-label" xid="label12" style="width:120px;" bind-text='$model.mainData.label("fPoints")'></label>
<input component="$UI/system/components/justep/input/input" class="form-control x-edit" xid="input15" bind-ref='$model.mainData.ref("fPoints")'></input></div><div component="$UI/system/components/justep/labelEdit/labelEdit" class="x-label-edit" xid="labelEdit11">
<label class="x-label" xid="label11" bind-text='$model.mainData.label("fCorrect")' style="width:120px;"></label>
<span component="$UI/system/components/justep/select/checkboxGroup" class="x-checkboxs x-edit" xid="checkboxGroup2" bind-ref='$model.mainData.ref("fCorrect")' bind-itemset="optionData" bind-itemsetValue='ref("fOption")' bind-itemsetLabel='ref("fOption")'></span></div>
</div>
<div class="x-col x-col-33 x-col-offset-10" xid="col6">
<div xid="div1" style="text-align:center;margin-bottom:5px;border-style:solid solid solid solid;border-width:1px 1px 1px 1px;border-color:#C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;">
<img src="" alt="" xid="image1" style="height:200px;" bind-attr-src=' $model.mainData.val("fQuestionPic")'/>
</div>
<div xid="div3" class="upload-group">
<a component="$UI/system/components/justep/button/button" class="btn btn-default btn-block" label="上传图片" xid="button9">
<i xid="i9"></i>
<span xid="span11">上传图片</span></a>
<input class="form-control comment-pic-upd" xid="uploadFile" name="file" type="file" bind-change="uploadFileChange" accept="image/*"></input></div></div>
</div>
</div>
<div class="x-panel-bottom" xid="bottom1">
<a component="$UI/system/components/justep/button/button" class="btn btn-link btn-only-label x-dialog-button"
label="取消" xid="cancelBtn" onClick="{"operation":"wReceiver.windowCancel"}">
<i xid="i2"/>
<span xid="span2">取消</span>
</a>
<a component="$UI/system/components/justep/button/button" class="btn btn-primary x-dialog-button"
label="确定" xid="OKBtn" onClick="OKBtnClick">
<i xid="i1"/>
<span xid="span1">确定</span>
</a>
</div>
</div>
<span component="$UI/system/components/justep/windowReceiver/windowReceiver"
xid="wReceiver" style="left:443px;top:568px;"/>
<resource xid="resource2">
<require xid="require1" url="$UI/YGS/masion/process/examBank/canvasResize-master/binaryajax"></require>
<require xid="require2" url="$UI/YGS/masion/process/examBank/canvasResize-master/canvasResize"></require>
<require xid="require3" url="$UI/YGS/masion/process/examBank/canvasResize-master/exif"></require></resource></div>

复制代码

Masion · 发表于 2016-11-12 10:13:50

题库维护详细页的.js源码

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var Model = function(){
this.callParent();
};
Model.prototype.result = function(){
//这里实现返回的逻辑
return this.comp("mainData").getCurrentRow();
};
Model.prototype.OKBtnClick = function(event){
this.comp('wReceiver').windowEnsure(this.result());
};
Model.prototype.uploadFileChange = function(event){
if(!event.target.files){ //如果客户没有选择相关文件，直接返回
return;
}
/* var storeFileName=justep.UUID.createUUID();
var rowID=this.comp("statusData").val("rowID");*/
var self=this;
var uploadFile = event.target.files[0];
canvasResize(uploadFile, { //压缩图片
width: 400,
height: 0,
crop: false,
quality: 80,
callback: function(resizedPic, width, height) { //压缩成功后的回调
debugger;
self.comp("mainData").setValue("fQuestionPic",resizedPic);
/* justep.Baas.sendRequest({
"url" : "/TianCheng/TianCheng",
"action" : "uploadPic",
"async" : false,
"params" : {'resizedPic':resizedPic,'rowID':rowID,'storeFileName':storeFileName},
"success" : function(data) {
if(data.success=="上传文件成功！"){
self.comp("statusData").setValue("picUrl",rowID+'/'+storeFileName);
justep.Util.hint(data.success);
}
}
});*/
}});
};
Model.prototype.modelParamsReceive = function(event){
if(event.params.actionType=="new"){
this.comp("mainData").newData();
}else if(event.params.actionType=='edit'){
this.comp("mainData").loadData([event.params.data.currentRow],false);
this.comp("mainData").first();
}
};
return Model;
});

复制代码

Masion · 发表于 2016-11-12 10:14:21

题库详细维护界面的.css代码

.upload-group{
position: relative;
overflow: hidden; }
.upload-group .comment-pic-upd{
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 100%;
height: 100%;
/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); */
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
background: none;
border: none;
cursor: pointer;
}

复制代码

Masion · 发表于 2016-11-12 10:16:37

题库里面有图片，图片上传是在前端压缩的
相关的源码见附件

470772345 · 发表于 2016-11-14 10:13:28

顶一两个｀～～～

Masion · 发表于 2016-11-14 12:57:01

470772345 发表于 2016-11-14 10:13
顶一两个｀～～～

这你都发现了？

470772345 · 发表于 2016-11-15 12:12:39

Masion 发表于 2016-11-14 12:57
这你都发现了？

willydong · 发表于 2017-2-19 09:07:38

Masion 发表于 2016-3-19 17:13
客户要求关掉了

考试系统做完了么？有没有演示内容？合适的卖给我一份

googleman · 发表于 2017-2-20 20:23:25

好东西，谢谢分享！

xxg0313 · 发表于 2018-6-14 10:39:33

大哥bex5的考试系统项目能不能打包一份发我

		自动登录	找回密码
密码			注册