【Asp.net精品源码栏目提醒】:本文主要为网学会员提供“基于Asp.net和JQquery的课件下载系统 - 实施方案”,希望对需要基于Asp.net和JQquery的课件下载系统 - 实施方案网友有所帮助,学习一下!
基于
Asp.net 和 JQquery 的课件下载系统 赵震奇 无锡机电高等职业技术学校 江苏 无锡 214028 摘要:基于 Internet 的课件下载系统使用
Asp.net 开发 采用 B/S 模式实现对大文件的上传和下载。
该系统通过后台对课件资源的维护,利用 C的 ADO.NET 课件资源的详细信息保存在 SQL Server 2000 数据库中,用户在前台可以浏览这些信息,在登录后能下载课件资源。
关键字:C语言,JQuery,Gridview 分页查询 1 引言 随着网络技术的广泛应用,课件下载平台也越来越丰富,成为老师的备课助手。
然而,由于中小学的课程标准的统一性, 这些课件下载平台大多数是面向中小学教师的。
随着课改的深入开展,在制定了统一的课程标准,职业教育方面的课件下载平台也就有了迫切性。
该 1课件下载系统属于某个国家级课题的子课题的一部分。
2 JQuery 概述 随着 WEB2.0 及 Ajax 思想在互联网上的快速发展传播, 陆续出现了一些优秀的 Js 框架,其中比较著名的有 Prototype、YUI、JQuery、mootools、Bindows 以及国内的 JSVM 框架等,通过将这些 JS 框架应用到我们的项目中能够使程序员从设计和书写繁杂的 JS 应用中解脱出来,将关注点转向功能需求而非实现细节上,从而提高项目的开发速度。
JQuery 是继 prototype 之后的又一个优秀的 JavaScript 框架。
它是由 John Resign 于2006 年初创建的,它有助于简化 JavaScript 以及 Ajax 编程。
有人使用这样的一个比喻来比较 prototype 和 JQuery: 而 prototype 就像 Java, JQuery 就像 ruby. 它是一个简洁快速灵活的 JavaScript 框架,它能让你在你的网页上简单的操作文档、处理事件、实现特效 2并为 Web 页面添加 Ajax 交互。
它具有如下一些特点: 1、代码简练、语义易懂、学习快速、文档丰富。
2、JQuery 是一个轻量级的脚本,其代码非常小巧,最新版的 JavaScript 包只有 20K左右。
3、JQuery 支持 CSS1-CSS3以及基本的 xPath。
4、JQuery 是跨浏览器的,它支持的浏览器包括 IE 6.0 FF 1.5 Safari 2.0 Opera9.0。
5、可以很容易的为 JQuery 扩展其他功能。
6、能将 JS 代码和 HTML 代码完全分离,便于代码和维护和修改。
7、插件丰富,除了 JQuery 本身带有的一些特效外,可以通过插件实现更多功能,如表单验证、tab 导航、拖放效果、表格排序、Data Grid,树形菜单、图像特效以及 Ajax 上传等。
JQuery 的设计会改变你写 JavaScript 代码的方式,降低你学习使用 JS 操作网页的复杂度,提高网页 JS 开发效率,无论对于 js 初学者还是资深专家,JQuery 都将是您的首选。
JQuery 适合于设计师、 开发者以及那些还好者, 同样适合用于商业开发, 可以说 JQuery适合任何 JavaScript 应用的地方,可用于不同的 Web 应用程序中。
3 系统分析 1 功能结构 系统采用 ASP.NETC和 JQuery 相结合,将高职校各门课程的课件讲义、电子教案、参考资料、试卷习题等十六种分类自动分类,并存放在服务器中,同时将每个上传的课件的相关信息记录到数据库服务上,包括课件名称、运行环境、资料类别、添加时间、更新时间、文件大小、课件格式、上传会员、审核状态、审核评语、推荐等级、下载地址、适用专业、适用年级、下载次数、点击次数等。
系统前台(首页):用户登录、站内统计、课件搜索、友情链接、
精品课程、分类。
二级网页:热门课件讲义下载、课件讲义中心。
三级网页:课件的详细信息,包括课件名称、运行环境、资料类别、添加时间、更新时间、文件大小、课件格式、上传会员、审核状态、审核评语、推荐等级、下载地址、适用专 3业、适用年级、下载次数、点击次数。
系统后台:后台登录、系统配置、修改密码、系统维护等。
如图 1 所示。
图 1 系统后台管理界面 2 数据库结构 采用 SQL SERVER 2000,建立名称为“CourseWareDownLoadSystem”的数据库,包括课件信息表coursesInfo、用户信息表userInfo、课程信息表KCInfo、类型信息表typeInfo 、 等 级 信 息 表 rankInfo 、 专 业 信 息 表 professionInfo 、 年 级 信 息 表gradeInfo、公告信息表boardInfo、投票信息表noteInfo等。
如图 2 所示。
图 2 数据库中主要的表及相互关系 3 特点1、登录后才能下载和统计下载次数 判断 SessionLoginUserID是否存在,如果不存在则显示“请先登录或注册”,如果存在则显示问候语,同时提供本地下载地址,为了防止用户用课件地址直接下载,此地址的格式应为“Download.aspx?IDXXX”,由 Download.aspx 根据 ID 的值找到数据库的真实下载地址,然后以字符流的形式下载文件,同时在数据库在更新此课件的下载次数,并将此次下载情况存在下载表中,以便于该用户再次下载时不会重复扣分。
实现效果因为用了JQuery 技术,界面比较美观,如图 3图 5 所示。
图 3 未登录状态 图 4 登录窗口 图 5 登录后状态2、TreeView 动态目录树的创建 编写一个名称为 InitTree 的方法,首先建立根结点,循环读取课程名称表,建立相应“课程名结点”,然后读取类型表,在前一结点上建立“类型子结点”。
如图所示。
源代码如下: private void InitTree //根结点加载函数 TreeView1.Nodes.Clear //TV为TreeView控件 TreeNode T_root new TreeNode T_root.Text 课程管理系统 T_root.ImageUrl images/base.gif T_root.SelectAction TreeNodeSelectAction.None //在选定节点时不引发任何事件 TreeView1.Nodes.AddT_root dvKC DBFun.GetDataViewselect from KCInfo dvType DBFun.GetDataViewselect from typeInfo foreach DataRowView drv in dvKC //遍历所有课程 TreeNode Fst new TreeNode Fst.Text drvkcName.ToString Fst.ImageUrl images/ico_jingpin.gif Fst.SelectAction TreeNodeSelectAction.Expand// 切换节点的展开和折叠状态。
T_root.ChildNodes.AddFst foreach DataRowView drv2 in dvType //遍历所有类型 TreeNode Fst2 new TreeNode Fst2.Text drv2typeName.ToString Fst2.ImageUrl images/file.gif Fst2.NavigateUrl /Admin/Manage.aspxkcid drvID.ToString typeid drv2ID.ToString Fst2.Target main Fst.ChildNodes.AddFst2 实现效果如图 6 所示。
图 6 后台主界面左侧的动态目录树 3、Gridview 分页查询 ViewState 是
ASP.NET 中用来保存 WEB 控件回传时状态值一种机制,即当 ASP .NET 中的表单被提交时,表单会随所有表单值一同重新出现。
利用此原理,就可以在回传时将查询数据状态保存在一个变量中。
Gridview 查询分页后数据不一致的问题就得以解决。
具体实现步骤: (1)加载时“动态绑定”方法,将 SqlDataSource 类型的SqlDataSource1控件中的 SelectCommand 设为 (2)在后台代码中,定义公共字符串属性strsqllh,代码如下: public string strsqllh //取数据 get if ViewStatestrsqllh null //访问课件信息表 return SELECT ID courseName updateTime fileSizemadeSurrounding isChecked FROM coursesInfo where kcIDRequestkcidand typeIDRequesttypeid else return ViewStatestrsqllh.ToString // 给strsqllh赋值 set ViewStatestrsqllh value 3 在页面装载或查询时,将strsqllh动态绑定到SqlDataSource1上。
SqlDataSource1.SelectCommand strsqllh GridView1.DataBind4 结束语 在解决了一系列如登录后才能下载、统计下载次数、点击次数防刷新、TreeView 目录树的创建、Gridview 分页查询、JQuery 弹出窗口、大文件上传等难题后,设计并实现了课件下载系统。
实验证明,通过百位用户的并发上传下载测试,系统稳定。
5 参考文献1 张风祥关于课件误区若干问题的探讨,全国计算机新科技与计算机教育论文集第 14 卷上集M.西南交通大学出版社,2006.2 单东林,锋利的 jQuery人民邮电出版社200923.3 刘刚.基于 Web 的课件上传下载分类搜索系统的设计与制作.安徽教育学院学报,2004.作者简介赵震奇,男,生于 1976 年,无锡机电高等职业技术学校讲师 硕士 江苏 无锡 214028
上一篇:
微软.NET程序员高级培训教程系列资料
下一篇:
懂秋,在红尘深处.....