在线考试系统(Ext3.2+ssh2+mysql)

学了10来天的extjs,想了想得做出点什么东西出来,

于是写了个ssh2+ext的在线考试系统,现将源码公开免费下载,希望能与大家共同学习。

时间仓促,有不好的地方也欢迎大家指出!!

浏览器建议大家使用firefox和chrome测试

点我下载

来张erd图,大家凑合着看,呵呵

---------------------------------------------------------------------------------

首先我们来先看看登录框，虽说有点简单..

这里的验证码是这样实现的，首先写个获取验证码的函数:

function getVerifyCode(){//verifyCodeId是个图片divdocument.getElementById('verifyCodeId').innerHTML = '<a id="getCode" href="javascript:void(0);"><img class="img-verifyCode"' + 'src=verifyCode.action?num='+Math.random()+'/></a>';}

再给这个图片div加个点击监听函数，这样就可以点击图片刷新验证码了

Ext.get('getCode').on('click',function(){document.getElementById('getCode').innerHTML = '<a id="getCode" href="javascript:void(0);"><img class="img-verifyCode" '+'src=verifyCode.action?num='+Math.random()+'/></a>';});

---------------------------------------------------------------------------------

主菜单:采用border布局,这里简单说下如何让图片充满整个button？

可惜ext没有自定义button的图片大小的..(当时这个问题可是整了我一天！)

加上这个属性

iconCls : String

一个CSS类，设置一个背景图片，当前按钮将使用此图片作为图标 

所以我们只需要写好一个类选择器对应该button即可,

并且选择器里面的属性都加上 !important就行了，这样就使得ext的样式无效了

.start {background-image: url(img/start.png) !important;width: 96px !important;height: 96px !important;}

---------------------------------------------------------------------------------

考试界面:

题目的默认选项必须是4个,当然你还可以增加一个选项,

这里我根据后台返回的options的长度决定生成checkbox的数量

function DynamicCheckbox(optionsLen){var chs = ['A','B','C','D'];if(optionsLen == 5){chs.push('E');}var checkboxItem = [];for(var i = 0; i < chs.length; i++){var checkbox = new Ext.form.Checkbox({id:chs[i]+"id",name:'width-'+chs[i]+'-box',boxLabel:chs[i],listeners:{'render':(function(idx){return function(el){el.getEl().parent().addClass('width-'+chs[idx]+'-box');}})(i)//闭包函数}});checkboxItem.push(checkbox);//循环一次加入一个checkbox到数组}return checkboxItem;}

---------------------------------------------------------------------------------

后台管理:需要权限大于10才能进入