计算机科学与技术论文

湖南广播电视大学 计算机科学与技术 专业本科毕业论文 设计 题 目 ASP NET 动态网站设计 网络课程的设 计与开发 学 号 姓 名 分 校 电大 教 学 点 指导教师 刘 湖南广播电视大学教务处 制 精选文库 2 湖南广播电视大学毕业作业写作过程记录表 此页由学生填写 选题经过 为学习 ASP NET 这种编程语言 而开发的网站 对完全不懂 ASP NET 的 学者一个平台 调研与材 料准备 1 对 ASP NET 学习网进行研究 2 参阅有关书籍资料 了解 ASP NET 发展史 3 针对写作重点进行研究 4 跟指导教师探讨 初稿写作 文章分四部分 各部分标题如下 第一章 绪 论 第二章 总体设计与结构分析 第三章 前端系统具体设计与实现 第四章 后台内容管理详细设计与实现 第一次 修改内容 在充实内容的基础上 根据老师要求 规范论文格式 并在语法 语句 文字上的作进一步的规范 第二次 修改内容 行文思路需进一步梳理清楚 对网络结构进行划分 第三次 修改内容 主要对概念性的内容进行添加补充 进一步充实论文内容 继续加强逻 辑性 增加说服力 精选文库 3 湖南广播电视大学毕业作业评审表 指 导 教 师 评 语 指导教师 签名 年 月 日 指导 成绩 初 审 意 见 初审教师 签名 年 月 日 初审 成绩 终 审 意 见 终审教师 签名 年 月 日 终审 成绩 精选文库 4 湖南广播电视大学毕业论文 设计 答辩记录表 答辩主持人 答辩小组 成员 答辩小组 秘书 答辩日期年 月 日 教师提问学生回答 1 2 3 答 辩 记 录 4 答 辩 小 组 评 语 答辩主持 人 签名 年 月 日 答辩 成绩 精选文库 5 目目 录录 第一章第一章 诸论诸论 8 1 1 课题来源 8 1 2 使用工具介绍 9 1 3 使用技术 9 第二章第二章 总体设计与结构分析总体设计与结构分析 10 2 1 颜色搭配 10 2 2 特色模块 10 2 3 网页的整体结构划分 10 2 4 访问者及管理流程图 10 第三章第三章 前端系统具体设计与实现前端系统具体设计与实现 12 3 1 首页设计 12 3 2 模拟测试 13 3 3 视频模块 14 3 4 意见反馈 15 第四章第四章 后台内容管理详细设计与实现后台内容管理详细设计与实现 16 4 1 创建数据库 16 4 2 创建数据表 16 4 3 连接数据库公共类 18 4 4 管理登陆界面 20 4 5 试卷管理模块 22 4 6 公告管理模块 24 4 7 意见管理模块 24 4 8 WIKI管理模块 25 第五章第五章 课题总结课题总结 26 致谢致谢 27 参参 考考 文文 献献 28 精选文库 6 摘要摘要 随着 ASP NET 开发软件的迅速成长 普及范围也越来越广 凭借方便 快捷诸多开发 优点 带动了各个行业的迅速发展 而该如何学习 并掌握该开发语言成为了一大难点 本毕业设计基于 Web 形式实现制作学习 ASP NET 网站 该网站使用开发平台为 VS2008 其后台数据库使用了功能强大的 SQL Server2000 程 序代码由 C 语言来进行编写 该网站组成模块包括 视频课程模块 模拟测试模块 实例库模块 BBS 论坛模块等 等 实现了初学者对 ASP NET 的了解 关键字 ASP NET SQL Server ADO NET JavaScript Dreamweaver Photoshop 精选文库 7 Abstract With the the ASP NET development software rapid growth the penetration range is more and more widely with many development advantages of convenient fast driven by the rapid development of the industry and how to learn and master the development of software has become a major difficultythe graduation design Web based form of production of learning ASP NET Web Site The site is using the development platform for VS2008 its back end database using a powerful SQL Server 2000 the program code to be written by the C language An integral module of the site include video course modules analog test module instance library module BBS forum module beginners ASP NET Keywords ASP NET SQL Server ADO NET JavaScript Dreamweaver Photoshop Flash 精选文库 8 第一章 绪论 1 11 1 课题来源课题来源 互联网作为信息双向交流和通讯的工具 而且成为各个行业所青睐的一种推广产品的 渠道 这是一种性价比高 效果好 便利诸多优点的方式 这也是一种非常好的学习渠道 可以学习经验 交流成果 所以把一些教育材料放入互联网是非常有必要的 而学习一种 编程语言更需要多交流 多问 多写 多看等等 由此为本毕业设计的由来 ASP NET 动态网站设计 建立这个 ASP NET 学习网站 不仅可以方便学习 也起到了推广和宣传 ASP NET 语言 更多人不会因为找不到学习资料而烦恼了 1 31 3 使用工具介绍使用工具介绍 本网站是基于 ASP NET 2 0 开发网站平台所开发 它是 2005 年 12 月 16 日微软公司 在中国正式发布的三大产品之一 作为新一代企业级开发平台 ASP NET 2 0 具有功能强 大 运行可靠且易学 易用的特点 虽然 ASP NET 2 0 是从 ASP NET 1 1 版本发展而来 但是新版本已经对原版本做了全面的革新 新版本与老版本不兼容 在扩大网站功能 增 强可靠性 可扩展性以及提高运行效率等方面都取得了突破性的发展 它标志着 NET 时代 已经到来 网络的应用开发从此进入了一个全新的阶段 本网站所运用的数据库为 Microsoft SQL Server 2000 SQL Server2000 是基于服务器端 的中型的数据库 可以适合大容量数据的应用 在功能上 管理上也要比 Microsoft Access 要强大的多 在处理海量数据的功率 后台开发的灵活性 可扩展性等方面强大 因为现 在数据库都使用标准的 SQL 语言对数据库进行管理 SQL Server 2000 提供的非常傻瓜的 缺省安装和使用模式 其上手难度并不比 Access 大 另外 SQL Server 2000 可以兼顾小 中 大规模的应用 有着远远比 Access 强大的伸缩性 本网站排版工具 Dreamweaver CS4 Dreamweaver 软件由美国著名的网站应用开发 工具生产商 Adobe 与 2005 年 6 月推出并正式投入市场 已经发展的相当成熟 其 CS4 版 本新增了各种令人惊喜的功能 改进了 JavaScript 核心对象和基本数据类型支持 更快速 准确地编写 JavaScript 通过集成包裹 JQuery Prototype 和 spry 在内的流行 JavaScript 框 架 充分利用 Dreamweaver CS4 的扩展编码功能 新增的实时视图在真是的浏览器环境中 设计网页 同时仍可以直接访问代码 呈现的屏幕内容会立即反映出对 方便开发者编码 快捷 更清晰 Flash 软件由 Macromedia 公司推出的世界级主流多媒体网络交互动画软件 它可以制 精选文库 9 作高品质的矢量图和交互式动画 支持动画 声音以及交互具有强大的多媒体编辑功能 是目前使用最为广泛的网页动画制作和网站建设软件之一 具有广泛的应用 版面设计 Photoshop 是一个由 Adobe Systems 开发和发行的图像处理软件 Photoshop 主要处理以像素所构成的数字图像 使用其众多的编修与绘图工具 可以更有效 的进行图片编辑工作 该网站使用版本为 Photoshop CS4 CS4 版本充分利用无与伦比的编 辑与合成功能 更直观的用户体验以及大幅工作效率增强 1 4 使用技术使用技术 1 JavaScript JavaScript 这是一种由 Nerscape 的 LiveScript 发展而来的源兴华继承的面向 对象的动态类型的区分大小写的客户端脚本语言 主要目的是为了解决服务器端语言 为 浏览用户提供更流畅的浏览效果 这是网页中常用的一种技术 2 ADO NET 这是一个广泛的类组 用于在以往的 Microsoft 技术中访问数据 这是 NET 编程环境中优先使用的数据访问接口 ADO NET 可让开发人员以一致的方式存取资料来 源 如 SQL Server 与 XML 以及透过 OLE DB 和 ODBC 所公开的资料来源 ADO NET 会提供最直接的方法 让开发人员在 NET Framework 中进行资料存取 3 Ajax Ajax 的核心是 JavaScript 对象 XmlHttpRequest 他是一种支持异步请求的技术 简而言之 XmlHttpRequest 是您可以使用 JavaScript 向服务器提出请求并处理响应 而不 阻塞用户 精选文库 10 第二章 总体设计与结构分析 2 12 1 颜色搭配颜色搭配 在网页设计中 根据和谐 均衡和重点突出的原则 将不同的色彩进行组合 搭配来 构成美丽的页面 网站都由主色调加辅色调搭配组成的 根据和谐 均衡和中线突出的原 则 本网站由蓝色为主 橙色 红色为辅 突出重点 2 2 特色模块特色模块 该网站是建立在网络的平台上 通过网络的连接 可以访问到该网站 它突破了时空 的界限 只要有网络 随时随地的学习 该网站有一下特色模块 1 教学视频 针对教科书的内容 进行详细的讲解 2 模拟测试 对所学知识其掌握程度 进行测试 3 实例库 可下载整个程序全部代码 4 论坛 对不懂的问题进行提问 师生交互 学术交流 2 22 2 网页的整体结构划分网页的整体结构划分 网页设计作为一种视觉语言 要讲究编排和布局 虽然主页的设计不等同于平面设计 但它们有许多相近之处 应充分加以利用和借鉴 版式设计通过文字图形的空间组合 表 达出和谐与美 一个优秀的网页设计者也应该知道哪一段文字图形该落于何处 才能使整 个网页生辉 本网站围绕学习 ASP NET 的思想 将共分为 课程首页 视频讲堂 实验中 心 学以致用 编程参考 模拟测试 参考资料 我的工具 实例库 如下图 2 32 3 访问者及管理流程图访问者及管理流程图 精选文库 11 精选文库 12 第三章 前端系统具体设计与实现 3 13 1 首页设计首页设计 首页显示重点 通过如下图显示 把主要的内容都已经展示 首页设计有以下两个步骤 1 打开 Photoshop CS4 对其版面进行设计 选好主题 色调 再搭配好相关的材料 进行排版 排好版面之后 在 Photoshop CS4 中使用切片工具 对版面进行切片 要求精度 便利 结构完整 切好后 存储 web 和设备使用格式进行生成 生成图片 gif 或 jpg 格 式图片 2 打开 DreamweaverCS4 对其文字 图片进行排版 编写 CSS 对一些标签的属性进行 设置 整理成 Photoshop CS4 当中看到的效果图 调用 JavaScript 效果代码 加上相应的 精选文库 13 链接 再到 VS2008 当中进行网页后台代码编写 对数据库进行关联 3 23 2 模拟测试模拟测试 代码有 JavaScript 来调试 代码如下 var yourscore new Array 0 0 0 0 var starttime new Date function getresultcheck form score per problem show var mykeys new Array mykeys 0 CGI阶段 mykeys 1 脚本语言阶段 mykeys 2 组件技术阶段 mykeys 3 程序设计语言 mykeys 4 应用程序平台 mykeys 5 ADO NET及类库 mykeys 6 公共语言运行库 mykeys 7 Visual Studio NET开发环境 mykeys 8 命名空间 var score new Array var totalscore 0 var flag 1 var answer new Array for var i 0 i mykeys length i answer i var every form elements var lastname for var i 0 i every length i if every i type text 精选文库 14 var item parseInt every i name substr 1 answer item 1 every i value for var i 0 i answer length i if answer i answer i 未答 var message 填空题测试结果a font size 14px color 006666 font weight bold text decoration none text font size 14px message 填空题测试结果 var returnvalue 题号正确答案您的答案得分 var returnvalue 题号正确答案您的答案 3 33 3 视频模块视频模块 param name FlashVars value vcastr file else 以下将最新的GUEST号写入INFOTABLE string updatestr updatestr insert into suggesttable subject suggest datetime values this txt stuno Text Trim this txt stuname Text Trim DateTime Now ToString try DataAccess excuteSql updatestr Response Write window alert 您的建议与意见已提交成功 谢谢您的支持 catch Response Write window alert 系统运行遇到问题 请稍候再试 精选文库 16 第四章 后台内容管理详细设计与实现 4 14 1 创建数据库创建数据库 创建一个数据库 asp course 用来保存本网站的数据 脚本代码如下 CREATE DATABASE asp course GO 打开 SQL Server 2000 查询分析器 执行该条脚本代码 如图 4 24 2 创建信息表创建信息表 网站中定义的数据库包含以下表 管理员信息表 adminTable 模拟测试表 shiTiTable 成绩表 stuChengJiTable 维基百科表 wiji 等 1 管理员信息表 adminTable 标号字段名数据结构说明 1idInt 编号 2teacherNameNvarchar 100 登陆账号 3teacherPasswordNvarchar 100 登陆密码 创建代码 CREATE TABLE adminTable id int NOT NULL teacherName nvarchar 100 COLLATE Chinese PRC CI AS NULL teacherPassword nvarchar 100 COLLATE Chinese PRC CI AS NULL CONSTRAINT PK adminTable PRIMARY KEY CLUSTERED id ON PRIMARY ON PRIMARY GO 精选文库 17 2 模拟测试表 shiTiTable 标号字段名数据结构说明 1shiJuanHaoNvarchar 50 试卷编号 2tiXingNvarchar 50 题型 3tiHaonvarchar 题号 4tiWenntext 16 提问 5xuanXiangAntext 16 选项 A 6xuanXiangBntext 16 选项 B 7xuanXiangCntext 16 选项 C 8xuanXiangDntext 16 选项 D 9daAnnvarchar 50 答案 10fenZhiNvarchar 50 分值 创建代码如下 CREATE TABLE shiTiTable shiJuanHao nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL tiXing nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL tiHao nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL tiWen ntext COLLATE Chinese PRC CI AS NULL xuanXiangA ntext COLLATE Chinese PRC CI AS NULL xuanXiangB ntext COLLATE Chinese PRC CI AS NULL xuanXiangC ntext COLLATE Chinese PRC CI AS NULL xuanXiangD ntext COLLATE Chinese PRC CI AS NULL xuanXiangE ntext COLLATE Chinese PRC CI AS NULL daAn nvarchar 50 COLLATE Chinese PRC CI AS NULL fenZhi nvarchar 50 COLLATE Chinese PRC CI AS NULL CONSTRAINT PK shiTiTable PRIMARY KEY CLUSTERED shiJuanHao tiXing tiHao ON PRIMARY ON PRIMARY TEXTIMAGE ON PRIMARY GO 3 成绩表 stuChengJiTable 标号字段名数据结构说明 1stunoNvarchar 50 学号 2stunamenvarchar 50 学生姓名 3shiJuanHaonvarchar 50 试卷号 4tiXingnvarchar 50 题型 5testTimenvarchar 50 测试时间 6chengJinvarchar 50 成绩 创建代码 精选文库 18 CREATE TABLE stuChengJiTable stuno nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL stuname nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL shiJuanHao nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL tiXing nvarchar 50 COLLATE Chinese PRC CI AS NOT NULL testTime nvarchar 50 COLLATE Chinese PRC CI AS NULL chengJi nvarchar 50 COLLATE Chinese PRC CI AS NULL CONSTRAINT PK stuChengJiTable PRIMARY KEY CLUSTERED stuno stuname shiJuanHao tiXing ON PRIMARY ON PRIMARY GO 4 维基百科 wiji 标号字段名数据结构说明 1idInt 编号 2wordNameVarchar 500 文本名 3wordDetailVarchar 5000 文本详述 4DateTimeTxtDatetime 8 创建时间 5referenceMediaVarchar 250 参考资料 6reasonVarchar 500 原因 创建代码 CREATE TABLE wiki id int IDENTITY 1 1 NOT NULL wordName varchar 500 COLLATE Chinese PRC CI AS NULL wordDetail varchar 5000 COLLATE Chinese PRC CI AS NULL DateTimeTxt datetime NULL referenceMedia varchar 250 COLLATE Chinese PRC CI AS NULL reason varchar 500 COLLATE Chinese PRC CI AS NULL CONSTRAINT PK wiki PRIMARY KEY CLUSTERED id ON PRIMARY ON PRIMARY GO 4 34 3 连接数据库公共类连接数据库公共类 在 ASP NET 中连接数据库就要用到 ADO NET 了 创建了一个 DataAccessSql 类 通过该类 就可以访问数据库 对数据进行查询 插入 修改 删除等操作 1 打开数据库 private static void openConnection SqlConnection conn 精选文库 19 if conn State ConnectionState Closed conn ConnectionString ConfigurationManager ConnectionStrings jygc courseConnectionStrin g ConnectionString try conn Open catch Exception e throw new Exception e Message 若抛出异常 则调用语句都 要作异常处理 try catch 打开数据库 2 对数据库进行操作 public static void excuteSql string sqlstr insert update delete SqlConnection conn new SqlConnection SqlCommand comm new SqlCommand try openConnection conn comm Connection conn comm CommandType CommandType Text comm CommandText sqlstr comm ExecuteNonQuery catch Exception e throw new Exception e Message finally comm Parameters Clear comm Dispose closeConnection conn 执行 sql 语句 3 读取数据 public static SqlDataReader dataReader string sqlstr 精选文库 20 SqlConnection conn new SqlConnection SqlCommand comm new SqlCommand SqlDataReader dr null try openConnection conn comm Connection conn comm CommandText sqlstr comm CommandType CommandType Text reader执行后 指针指向第一条记录前面 每执行一次reader Read 指针 后移一条记录 为有效记录时返回true dr comm ExecuteReader CommandBehavior CloseConnection 关闭 reader时自动关闭连接 catch Exception e closeConnection conn 出错时 先关闭数据库连接再抛出异常 throw new Exception e Message finally comm Parameters Clear comm Dispose closeConnection conn 此句将关闭阅读器 不能使用 在主调程 序中 获取reader数据后 应关闭reader 同时自动关闭连接 return dr 4 44 4管理登陆页面管理登陆页面 在对网站进行管理时 需要通过登陆进行身份认证 只有有权限的用户才能进入管理 界面 如下图显示 精选文库 21 下面就介绍登陆页面的主要代码 protected void Button1 Click object sender EventArgs e if this TextBox1 Text Trim Response Write alert 请输入登录名 this TextBox1 Focus return if this TextBox2 Text Trim Response Write alert 请输入密码 this TextBox2 Focus return string selectstr select from adminTable where teacherName this TextBox1 Text Trim and teacherPassword this TextBox2 Text Trim SqlDataReader oda DataAccess dataReader selectstr if oda HasRows oda Close Response Write alert 登录成功 if Session adminlogin null 精选文库 22 Session adminlogin ok Response Redirect jsgl shiTiGuanLi aspx 教师管理 else oda Close Response Write alert 用户名或密 码错误 请重新输入用户名和密码 this TextBox1 Text this TextBox2 Text this TextBox1 Focus return 登陆页面中调用了公共类DataAccess中查询语句 对数据库进行访问 4 54 5 试卷管理模块试卷管理模块 该网站中每学习完一课 有着对该学习点的考核 可以通过测试 得出其掌握程度 所以模拟试卷非常有必要 在网站后台管理系统中 有着对试卷的管理 添加 修改 删 除等 重要代码展示 protected void slsjh 选择试卷号 this ddl shiJuanHao Items Clear string selectshijuanstr select distinct shiJuanHao from shiTiTable SqlDataReader odr DataAccess dataReader selectshijuanstr while odr Read this ddl shiJuanHao Items Add odr GetString 0 ToString odr Close 精选文库 23 插入名词解释题 for int i 1 i 4 i string insertstr insert into qiTaShiTiTable shiJuanHao tiXing tiHao tiWen daAnYaoDian fenZhi values sjhstr Trim 名词解释 i ToString 5 DataAccess excuteSql insertstr 插入单选题 for int i 1 i 10 i string insertstr insert into shiTiTable shiJuanHao tiXing tiHao tiWen xuanXiangA xuanXiangB xuanXiangC xuanX iangD xuanXiangE daAn fenZhi values sjhstr Trim 单选题 i ToString 1 DataAccess excuteSql insertstr 插入多选题 for int j 1 j 5 j string insertstr insert into shiTiTable shiJuanHao tiXing tiHao tiWen xuanXiangA xuanXiangB xuanXiangC xuanX iangD xuanXiangE daAn fenZhi values sjhstr Trim 多选题 j ToString 2 DataAccess excuteSql insertstr 插入简答题 for int i 1 i 3 i string insertstr insert into qiTaShiTiTable shiJuanHao tiXing tiHao tiWen daAnYaoDian fenZhi values sjhstr Trim 简答题 i ToString 10 DataAccess excuteSql insertstr 插入论述题 for int i 1 i 2 i string insertstr insert into qiTaShiTiTable shiJuanHao tiXing tiHao tiWen daAnYaoDian fenZhi values 精选文库 24 sjhstr Trim 论述题 i ToString 15 DataAccess excuteSql insertstr 4 64 6 公告管理模块公告管理模块 公告栏 管理员可以公布一些重要的活动 还有一些节假日祝福语 通知学习者一些 即时信息 代码展示 string fbdate DateTime Now ToString 系统当前时间 string insertstr insert into informTable style title content isdate usern