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

原创 2012年08月04日 16:15:19

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

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

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

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

点我下载

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


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

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


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

function getVerifyCode(){//verifyCodeId是个图片div
		document.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才能进入














相关文章推荐

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

  • 2012年08月04日 16:16
  • 25.1MB
  • 下载

美斯坦福在线考试系统 长工职SCCE G2 SQLadvance测试题

美斯坦福在线考试系统 长工职SCCE G2 SQLadvance测试题 科目: SCCEG2SQLAdvance总分: 100分时间: 100分钟 一、单选题 ...

在线考试系统(二)---单选多选多种题型(radio和checkbox)

同一个页面有多个题型是如何实现的呢?首先就单选题来说,我们都知道radio单选框是以name来分组的,一个组里只能有一个radio被选中,所以在设计的时候,为了与后台之间的传值,就要根据一定的命名规则...

在线考试系统数据库设计 以及对菜菜深深的歉意 欢迎拍砖!

对于菜菜的课设 表示很大的抱歉 昨晚想了一晚 大致是总结了我的以下几点失误 1.以前不注意架构,代码没有层次,所以这次用三层,前面花了点时间 2.代码经过大变动,一口气把后台的改成了静态,我承认我...

科帮网Java在线考试系统ssh

  • 2016年03月03日 10:50
  • 7.43MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:在线考试系统(Ext3.2+ssh2+mysql)
举报原因:
原因补充:

(最多只允许输入30个字)