1-12xs07

Size: px

Start display at page:

Download "1-12xs07"

嗣孜平
7 years ago
Views:

1 ISSN 第 Computer 8 卷第 7 Knowledge 期 (2012 and年 Technology 3 月 ) 电脑知识与技术 Vol.8, No.7, March jslt@cccc.net.cn Computer Knowledge and Technology 电脑知识与技术 Tel: Web 表格批量数据录入的控制及实现鞠宏军 1 2, 杜丽娟 (1. 华北科技学院计算机学院, 北京 ;2. 华北科技学院电信学院, 北京 ) 摘要 : 该文结合实际应用, 以重修成绩单录入为例, 详细阐述了基于 Web 页面的批量数据录入控制及实现该方法有效避免了以往 Web 页面录入, 键盘输入和鼠标操作频繁交替, 输入焦点控制能力差, 数据上传有延时, 数据量大录入明显变慢的问题, 有效地提高了教务管理的工作效率, 具有良好的实用性先进性和推广价值该录入控制程序, 既可以直接应用于其他基于 asp.net 技术的管理系统中, 也可为 jsp php 等页面录入控制实现提供良好的设计思路关键词 :asp.net;web 页面 ; 数据录入 ; 管理系统中图分类号 :TP315 文献标识码 :A 文章编号 : (2012) Batch Data Inputing Control and Implementation of Web Table JU Hong-jun 1, DU Li-juan 2 (1.Department of Computer Science, North China Institute of Science and Technology, Beijing ,China; 2.Department of Telecom, North China Institute of Science and Technology, Beijing , China) Abstract: Combined with practical application and exampled with inputing of revampment credit, Web table -based.input control and im plementation of batch data are introduced in detail. The method proposed effectively avoids some defects such as frequently alternation of keyboard and mouse, difficult control of input focus, larger delay in data uploading and low speed with large volume of data entry. The method improves the efficiency of educatonal administration significantly and has good usability, advancement and promotional value. It not only can be directly applied to asp.net-based management system, but also offers idea for designment of Jsp, php related input control system. Key words: asp.net; web table; data input; management system 随着基于 B/S 结构信息管理系统应用的迅速普及,Web 页面的录入需求也越来越多, 如果少量分散固定样式的数据,Html 的 Form 表单提供了输入框单选复选菜单等多种录入选择, 比较容易实现, 但若需要录入的数据量比较大, 则处理比较困难, 即使实现了录入页面也不像单机 C/S 模式界面录入, 或者 Excel 录入那么方便经常会出现, 键盘输入和鼠标操作频繁交替, 输入焦点获取和控制能力较差, 受网络速度响, 数据上传有延时, 并且随数据量越大上传延时也越大本文结合重修管理系统期末考试考务管理系统的实际应用, 通过后台 Asp.net 对 Form 表单进行循环处理,JavaScript 输入框焦点控制, 提交数据的每条更新, 实现了和 Excel 类似的批量灵活动态实时的数据输入 1 重修成绩单录入需求分析重修是学生没有通过课程考核, 重新修读该课程, 并再次参加课程考核重修班级的成绩单填报比正常教学班级更复杂繁琐, 因为某班 100 人, 可能是由个自然班中不及格的学生所组合而成的如果用手工填报成绩, 每个自然班需要填写 4 份, 一个重修班就要写 120 多份成绩单即使每班填写 1 份再去复印, 也要填写份, 并且好多象课程名称系部班级等填写项都是重复的, 成绩汇总前的试卷按班级分拣也很麻烦, 不但工作量大重复繁琐, 而且容易出错因此, 重修班级的成绩更加需要适合在网上填报, 自动分班打印输出为方便教务管理人员任课教师及学生的使用, 重修系统采用 B/S 结构基于 web 页面的批量数据录入, 也有许多解决方案如 : 用友华表 cell 插件 FlexCell 控件神农氏 SmartGrid for Asp.net 表格控间等, 均可以实现页面表格的输入处理, 但以上各控件需要收费, 功能侧重 web 打印报表处理, 并且安装使用下载较复杂 ; 再有如 Jque ry Ext 的表格插件, 使用起来也比较复杂因此, 本例采用简单的 asp.net 循环, 和 JavaScript, 实现了 Web 页面的批量录入, 和实时上传 2 重修成绩单录入页面控制及实现在进行重修成绩填报时, 系统先按教师把所有学生数据读取到页面上, 再按姓名填写成绩并更新到数据库中 ; 同时, 各重修课程各教师重修的人数差别很大, 有的几个人, 有的上百人, 为方便处理, 录入成绩页面按每页 15 人分页处理, 每次刷新录入页面时, 收稿日期 : 基金项目 : 华北科技学院教研基金资助项目 ( ); 中央高校基本科研业务费专项资助项目 (2011B034) 作者简介 : 鞠宏军 (1973-), 男, 吉林辽源人, 华北科技学院计算机系教师副教授, 研究方向为计算机应用 ; 杜丽娟 (1976-), 女, 河北衡水人, 华北科技学院电信系讲师, 在读博士, 研究方向为计算机网络 1473

华北科技学院电信学院, 北京 101601) 摘要 : 该文结合实际应用, 以重修成绩单录入为例, 详细阐述了基于 Web 页面的批量数据录入控制及实现该方法有效避免了以往 Web 页面录入, 键盘输入和鼠标操作频繁交替, 输入焦点控制能力

2 Computer Knowledge and Technology 电脑知识与技术第 8 卷第 7 期 (2012 年 3 月 ) 需要先判断当前所在页数 ; 为防止数据上传的更新延迟, 系统采用每输入一个人成绩, 提交上传一次数据, 因此在提交处理程序和录入成绩页面中也要判断, 当前正在处理的记录是那一条 ; 为避免以往鼠标键盘交替输入的麻烦, 录入页面没有设置提交按钮, 每次输入数据回车, 激活提交 action 程序, 并且提交一条记录后, 光标通过 JavaScript 控制自动转到下一学生成绩输入框具体成绩输入页面关键代码如下 : pys=request("ys") rem 返回当前处理页面 pnum=request("num") rem 返回当前处理记录指针, 用于设置焦点 if pnum<>"" then pnum=pnum+1 pnum=1 rem 若第一次调用, 默认为第 1 条记录, 否则记录指针加 1 <body background="../image/bj.jpg"> <table width="720" border="1" align="center" cellpadding="0" cellspacing="0" class="ztt"> <td width="50"> 序号 </td> <td width="200"> 课程名 </td> sql="select cxcjbsy.id,cxcjbsy.kcm,xbb.xbmc,cxcjbsy.bjm,cxcjbsy.xh,cxcjbsy.xm,cxcjbsy.cxcj,cxskbjb.rkjs,cxskbjb.cxbj " sql=sql&" from (cxcjbsy inner join cxskbjb on cxcjbsy.cxbj=cxskbjb.id) inner join xbb on cxcjbsy.xbbh=xbb.xbbh where sql=sql" cxskbjb.rkjs= &pxm&"' ORDER BY cxskbjb.cxbj,xbb.xbmc,cxcjbsy.bjm,cxcjbsy.xh;" set rs=con.execute(sql) rem 根据教师姓名, 读取特定学生信息记录集 if not rs.eof then i=1 k=1 rs.movefirst do while not rs.eof if k>(pys-1)*15 then exit do k=k+1 i=i+1 rs.movenext loop rem 控制分页 num=1 do while (not rs.eof and num<=15) <form name="fm" method="post" action= "cj cl.asp?num==num&ys==pys&id==rs("id")"> rem 每人一 form, 并将当前页当前记录及 id 传至成绩更新处理程序 <td>=i</td> <td>=rs("cxbj")</td> <td>=rs("xbmc")</td> <td>=rs("bjm")</td> <td>=rs("xh")</td> <td>=rs("xm")</td> <td>=rs("cxcj")</td> <td><input name="cj" type="tex t" value=" =rs("cxcj")" size="4" maxlength ="4"/></td> </form> i=i+1 num=num

具体成绩输入页面关键代码如下 : pys=request("ys") rem 返回当前处理页面 pnum=request("num") rem 返回当前处理记录指针, 用于设置焦点 if pnum<>"" then pnum=pnum+1 pnum=1 rem 若第一次调用, 默认为第 1 条记录, 否则

3 第 8 卷第 7 期 (2012 年 3 月 ) Computer Knowledge and Technology 电脑知识与技术 rs.movenext loop if (pnum>num-1) then pnum=num-1 rem 如果指向最后一条, 则回车跳至第一条 </table> var pnum="=pnum"; //asp 变量传给 javascript document.form[pnum-1].cj.focus(); // 设置输入框焦点 if pys+0<>1 then <a href="cj.asp?ys==pys-1"> 上一页 </a> if not rs.eof then <a href="cj.asp?ys==pys+1"> 下一页 </a> </body> </html> 成绩更新处理程序如下 : pnum=request("num") pid=request("id") pcj=request("cj") pys=request("ys") if IsNumeric(pcj) then rem 如果数字正常更新, 否则更新为 null sql="update cxcjbsy set cxcj="&pcj&" where id="&pid sql="update cxcjbsy set cxcj=null where id="&pid con.execute(sql) response.redirect "cxcjcl.asp?num="&pnum&"&ys="&pys 成绩录入页面运行效果如图 1 所示图 1 重修成绩录入页面 1475

focus(); // 设置输入框焦点 if pys+0<>1 then <a href="cj.asp?

4 Computer Knowledge and Technology 电脑知识与技术第 8 卷第 7 期 (2012 年 3 月 ) 3 多行多列批量录入的扩展以上成绩处理只录入每条记录的成绩字段, 如果需要录入的数据是类似 excel 多行多列的, 只需在 form 中设置多个文本输入框, 在前 n-1 个输入框输入成绩并回车依次跳到下一框, 最后输入框输入数据回车时激活 action 处理程序即可例如, 四六级考试成绩处理, 输入听力阅读写作综合 4 个分数, 自动计算总成绩录入页面及提交处理程序代码扩展如下 function fun(snum,i) { if(i<4) { document.fm[snum-1].cj[i].focus(); document.fm[snum-1].zcj.value=parseint(document.fm[snum-1].cj[0].value)+parseint(document.fm[snum-1].cj[1].value)+parseint(docu ment.fm[snum-1].cj[2].value)+parseint(document.fm[snum-1].cj[3].value); // 当第 1-3 框输入时焦点转向下一框, 并计算更新总成绩列 } document.fm[snum-1].submit(); // 当第 4 框回车, 激活 action 成绩处理程序 } <form name="fm" method="post" action="yydjc l.asp?num==num&ys==pys&id==rs("id")"> <td >=i</td> <td>=rs("bjm")</td> <td>=rs("xh")</td> <td>=rs("xm")</td> <td><input name="cj" type="text" value="=rs("tl")" size="3" maxlength="3" onkeypress="if(event. keycode==13) {fun(= num,1);}"/> </td> rem 输入并回车时激活 javascript fun 函数 <td><input name="cj" type="text" value=" =rs("xz")% >" size="3" maxlength="3" onkeypress="if(event. keycode==13) {fun( = num,2);}"/> </td> <td><input name="cj" type="text" value="=rs("yd")" size="3" maxlength="3" onkeypress="if(event. keycode==13) {fun(= num,3);}"/> </td> <td><input name="cj" type="text" value="=rs("zh")" size="3" maxlength="3" onkeypress="if(event. keycode==13) {fun(= num,4);}"/> </td> <td><input name="zcj" type="text" value="=rs("zcj")" size="4" maxlength="3" disabled/></td> </form> var pnum="=pnum"; document.form[pnum-1].cj[0].focus(); // 提交数据后, 设置焦点为下一记录第 1 个框成绩更新处理程序如下 : pnum=request("num") pid=request("id") pcj=request("cj") pys=request("ys") mcj=split(pcj,",") cj1=mcj(0)+0 cj2=mcj(1)+0 cj3=mcj(2)+0 cj4=mcj(3)+0 con.execute("update yyks set tl="&cj1&", xz="&cj2&",yd="&cj3&",zh="&cj4&",zcj="&cj1+cj2+cj3+cj4&" where id="&pid) response.redirect "yydj.asp?num="&pnum&"&ys ="&pys 1476

下 function fun(snum,i) { if(i<4) { document.fm[snum-1].cj[i].focus(); document.fm[snum-1].zcj.value=parseint(document.fm[snum-1].cj[0].value)+parseint(document.fm[snum-1].cj[1].

第 8 卷第 7 期 (2012 年 3 月) Computer Knowledge and Technology 电脑知识与技术多行多列四级成绩录入页面运行效果如图 2 所示图 2 多行多列输入效果图 4 结束语本文结合基于校园网的重修管理系统重修成绩录入页面和基于校园网的期末考试考务管理系统考场教室录入的实际需求及应用详细分析了 B/S 模式下结合 Form 循环和

5 第 8 卷第 7 期 (2012 年 3 月) Computer Knowledge and Technology 电脑知识与技术多行多列四级成绩录入页面运行效果如图 2 所示图 2 多行多列输入效果图 4 结束语本文结合基于校园网的重修管理系统重修成绩录入页面和基于校园网的期末考试考务管理系统考场教室录入的实际需求及应用详细分析了 B/S 模式下结合 Form 循环和 JavaScript 焦点控制的数据批量录入方法该录入程序实现及操作简单控制效果较好是 Web 页面批量数据录入处理比较简洁实用的方法具有一定的实用性先进性及推广价值该方案较好地实现 B/S 模式的页面批量数据录入既可以直接应用于其他基于 asp.net 技术的管理系统中也可为 jsp php 等 web 数据录入控制实现提供良好的设计思路参考文献 [1] 郑齐心.ASP.NET 项目开发案例全程实录[M].2 版.北京:清华大学出版社,2010. [2] 洪石丹.ASP.NET 范例开发大全[M].北京:清华大学出版社,2010. [3] 庞娅娟,房大伟.ASP.NET 从入门到精通[M].2 版.北京:清华大学出版社,2010. [4] 炎士涛.ASP.NET 项目开发案例精粹[M].北京:清华大学出版社,2010. [5] 张领.ASP.NET 项目开发全程实录[M].北京:清华大学出版社,2008. [6] 余金山.ASP.NET 2.0+SQL Server 2005 企业项目开发与实战[M].北京:电子工业出版社,2008. [7] 李玉林.ASP.NET 2.0 网络编程从入门到精通[M].北京:清华大学出版社,2006. [8] 马苏拉.高校考试管理信息系统的设计与实现[J].计算机系统应用,2009(10): 上接第1469页参考文献 [1] TeleManagement Forum-TMF[EB/OL]. [2] GB921,version 3.5,Telecom Management Forum,eTOM-the Business Process Framework[S]. [3] GB920,Version1.5,Telecom Management Forum,New Generation Operational Support Systems (NGOSS) Architecture Overview[S]. [4] 卢捍华,王亚石,闵丽娟,等.基于 NGOSS 的 OSS/BSS 框架[J].电信科学,2009(10): [5] 宋丽萍.探讨 BOSS 三户模型的设计与实现[J].有线电视技术,2011(6): [6] Java2Platform,Enterprise Edition (J2EE) Overview[EB/OL]. [7] 杨树林,胡洁萍. Java EE 企业级架构开发技术与案例教程[M].北京:机械工业出版社,2011. [8] 陆荣幸,郁洲,阮永良,等.J2EE 平台上 MVC 设计模式的研究与实现[J].计算机应用研究,2003,20(3): 本栏目责任编辑代数据库与信息管理 1477

ASP.NET 项目开发案例全程实录[M].2 版.北京:清华大学出版社,2010. [2] 洪石丹.ASP.NET 范例开发大全[M].北京:清华大学出版社,2010. [3] 庞娅娟,房大伟.ASP.NET 从入门到精通[M].2 版.北京:清华大学出版社,2010. [4] 炎士涛.ASP.NET 项目开发案例精粹[M].北京:清华大学出版社,2010. [5] 张领.ASP.NET 项目开发全程实录[M].

Microsoft Word - A200904-291.doc

Microsoft Word - A200904-291.doc 基于 Access 的学生成绩查询系统的设计田立坤中国矿业大学 ( 南湖校区 ) 计算机学院信科系, 江苏徐州 (221008) Email:tianlikun1111@126.com 摘要 : 数据库技术是现代企业管理自动化的重要而关键的环节, 在日益信息化办公电脑