计算机科学与技术论文

1、1湖南广播电视大学 计算机科学与技术 专业本科毕业论文（设计）题 目： ASP.NET 动态网站设计 网络课程的设计与开发 学 号： * 姓 名： * 分 校： *电大 教 学 点： * 指导教师： 刘 * 湖南广播电视大学教务处 制2湖南广播电视大学毕业作业写作过程记录表（此页由学生填写）选题经过为学习 ASP.NET 这种编程语言，而开发的网站。对完全不懂 ASP.NET的学者一个平台。调研与材料准备1、对 ASP.NET 学习网进行研究2、参阅有关书籍资料，了解 ASP.NET 发展史3、针对写作重点进行研究4、跟指导教师探讨初稿写作文章分四部分，各部分标题如下：第一章 绪 论第二章 总

2、体设计与结构分析第三章 前端系统具体设计与实现第四章 后台内容管理详细设计与实现第一次修改内容在充实内容的基础上，根据老师要求，规范论文格式，并在语法、语句、文字上的作进一步的规范第二次修改内容行文思路需进一步梳理清楚，对网络结构进行划分。第三次修改内容主要对概念性的内容进行添加补充，进一步充实论文内容。继续加强逻辑性，增加说服力。3湖南广播电视大学毕业作业评审表指导教师评语 指导教师（签名）： 年 月 日指导成绩初审意见初审教师（签名）： 年 月 日初审成绩终审意见 终审教师（签名）： 年 月 日终审成绩4湖南广播电视大学毕业论文（设计）答辩记录表答辩主持人答辩小组成员答辩小组秘书答辩日期年

3、 月 日教师提问学生回答1.23.答辩 记 录4.答辩小组评语 答辩主持人（签名）： 年 月 日答辩成绩5目目 录录第一章第一章 诸论诸论.81.1 课题来源.81.2 使用工具介绍.91.3 使用技术.9第二章第二章 总体设计与结构分析总体设计与结构分析.102.1 颜色搭配.102.2 特色模块.102.3 网页的整体结构划分.102.4 访问者及管理流程图.10第三章第三章 前端系统具体设计与实现前端系统具体设计与实现.123.1 首页设计.123.2 模拟测试.133.3 视频模块.143.4 意见反馈.15第四章第四章 后台内容管理详细设计与实现后台内容管理详细设计与实现.164.1

4、 创建数据库.164.2 创建数据表.164.3 连接数据库公共类.184.4 管理登陆界面.204.5 试卷管理模块.224.6 公告管理模块.244.7 意见管理模块.244.8 WIKI管理模块.25第五章第五章 课题总结课题总结.26致谢致谢.27参参 考考 文文 献献.286摘要摘要随着 ASP.NET 开发软件的迅速成长，普及范围也越来越广，凭借方便、快捷诸多开发优点，带动了各个行业的迅速发展，而该如何学习、并掌握该开发语言成为了一大难点，本毕业设计基于 Web 形式实现制作学习 ASP.NET 网站。该网站使用开发平台为 VS2008，其后台数据库使用了功能强大的 SQL Ser

5、ver2000,程序代码由 C#语言来进行编写。该网站组成模块包括：视频课程模块、模拟测试模块、实例库模块、BBS 论坛模块等等，实现了初学者对 ASP.NET 的了解。关键字：ASP.NET、SQL Server、ADO.NET、JavaScript、Dreamweaver、Photoshop。7AbstractWith the the ASP.NET development software rapid growth, the penetration range is more and more widely, with many development advantages of con

6、venient, 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 dat

7、abase 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、Photosh

8、op、Flash.8第一章 绪论1.11.1 课题来源课题来源互联网作为信息双向交流和通讯的工具，而且成为各个行业所青睐的一种推广产品的渠道，这是一种性价比高、效果好、便利诸多优点的方式。这也是一种非常好的学习渠道，可以学习经验，交流成果，所以把一些教育材料放入互联网是非常有必要的。而学习一种编程语言更需要多交流、多问、多写、多看等等，由此为本毕业设计的由来ASP.NET动态网站设计 。建立这个 ASP.NET 学习网站，不仅可以方便学习，也起到了推广和宣传ASP.NET 语言，更多人不会因为找不到学习资料而烦恼了。1.31.3 使用工具介绍使用工具介绍本网站是基于 ASP.NET 2.0 开

9、发网站平台所开发，它是 2005 年 12 月 16 日微软公司在中国正式发布的三大产品之一。作为新一代企业级开发平台，ASP.NET 2.0 具有功能强大，运行可靠且易学、易用的特点。虽然 ASP.NET 2.0 是从 ASP.NET 1.1 版本发展而来，但是新版本已经对原版本做了全面的革新（新版本与老版本不兼容） 。在扩大网站功能，增强可靠性、可扩展性以及提高运行效率等方面都取得了突破性的发展。它标志着.NET 时代已经到来，网络的应用开发从此进入了一个全新的阶段。本网站所运用的数据库为 Microsoft SQL Server 2000，SQL Server2000 是基于服务器端的中

10、型的数据库，可以适合大容量数据的应用，在功能上、管理上也要比 Microsoft Access要强大的多。在处理海量数据的功率，后台开发的灵活性，可扩展性等方面强大。因为现在数据库都使用标准的 SQL 语言对数据库进行管理，SQL Server 2000 提供的非常傻瓜的缺省安装和使用模式，其上手难度并不比 Access 大。另外，SQL Server 2000 可以兼顾小、中、大规模的应用，有着远远比 Access 强大的伸缩性。本网站排版工具Dreamweaver CS4，Dreamweaver 软件由美国著名的网站应用开发工具生产商 Adobe 与 2005 年 6 月推出并正式投入市场

11、，已经发展的相当成熟，其 CS4 版本新增了各种令人惊喜的功能，改进了 JavaScript 核心对象和基本数据类型支持，更快速、准确地编写 JavaScript。通过集成包裹 JQuery、Prototype 和 spry 在内的流行 JavaScript 框架，充分利用 Dreamweaver CS4 的扩展编码功能。新增的实时视图在真是的浏览器环境中设计网页，同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对。方便开发者编码快捷、更清晰。Flash 软件由 Macromedia 公司推出的世界级主流多媒体网络交互动画软件，它可以制9作高品质的矢量图和交互式动画，支持动画、声音以及交互具

12、有强大的多媒体编辑功能，是目前使用最为广泛的网页动画制作和网站建设软件之一，具有广泛的应用。版面设计Photoshop。是一个由 Adobe Systems 开发和发行的图像处理软件。Photoshop 主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以更有效的进行图片编辑工作。该网站使用版本为 Photoshop CS4，CS4 版本充分利用无与伦比的编辑与合成功能、更直观的用户体验以及大幅工作效率增强。1.4 使用技术使用技术(1) JavaScript，JavaScript 这是一种由 Nerscape 的 LiveScript 发展而来的源兴华继承的面向对象的动态类型的区

13、分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，为浏览用户提供更流畅的浏览效果。这是网页中常用的一种技术。(2) ADO.NET，这是一个广泛的类组，用于在以往的 Microsoft 技术中访问数据，这是 NET编程环境中优先使用的数据访问接口。ADO.NET 可让开发人员以一致的方式存取资料来源（如 SQL Server 与 XML） ，以及透过 OLE DB 和 ODBC 所公开的资料来源。ADO.NET会提供最直接的方法，让开发人员在.NET Framework 中进行资料存取。(3) Ajax，Ajax 的核心是 JavaScript 对象 XmlHttpRequest。他是

14、一种支持异步请求的技术，简而言之，XmlHttpRequest 是您可以使用 JavaScript 向服务器提出请求并处理响应，而不阻塞用户。 10第二章 总体设计与结构分析2.12.1 颜色搭配颜色搭配在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面，网站都由主色调加辅色调搭配组成的，根据和谐、均衡和中线突出的原则。本网站由蓝色为主，橙色、红色为辅，突出重点。2.2 特色模块特色模块该网站是建立在网络的平台上，通过网络的连接，可以访问到该网站，它突破了时空的界限，只要有网络，随时随地的学习。该网站有一下特色模块：1、教学视频；针对教科书的内容，进行详细

15、的讲解。2、模拟测试；对所学知识其掌握程度，进行测试。3、实例库；可下载整个程序全部代码。4、论坛；对不懂的问题进行提问，师生交互，学术交流。2.22.2 网页的整体结构划分网页的整体结构划分网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉，本网站围绕学习 ASP.NET 的思想，将共分为：课程首页、视频讲堂、实验中心、学以致用、编程参考、模拟测试、参考资料、我的工具、实例库。如下图：2.32.3 访问

16、者及管理流程图访问者及管理流程图1112第三章 前端系统具体设计与实现3.13.1 首页设计首页设计 首页显示重点。通过如下图显示，把主要的内容都已经展示。首页设计有以下两个步骤：1.打开 Photoshop CS4，对其版面进行设计。选好主题、色调，再搭配好相关的材料，进行排版,排好版面之后，在 Photoshop CS4 中使用切片工具，对版面进行切片，要求精度、便利、结构完整，切好后，存储 web 和设备使用格式进行生成，生成图片 gif、或 jpg 格式图片。2.打开 DreamweaverCS4 对其文字、图片进行排版，编写 CSS,对一些标签的属性进行设置，整理成 Photosho

17、p 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();mykeys0=CGI阶段;mykeys1=脚本语言阶段;mykeys2=组件技术阶段;mykeys3=

18、程序设计语言;mykeys4=应用程序平台;mykeys5=ADO.NET及类库;mykeys6=公共语言运行库;mykeys7=Visual Studio.NET开发环境;mykeys8=命名空间;var score=new Array();var totalscore=0;var flag=1;var answer=new Array();for(var i=0;imykeys.length;i+) answeri=;var every=form.elements;var lastname=;for(var i=0;ievery.length;i+)if(everyi.type=text)

19、14var item=parseInt(.substr(1);answeritem-1+=everyi.value;for(var i=0;ianswer.length;i+)if(answeri=) answeri=未答;var message=填空题测试结果afont-size: 14px;color: #006666;font-weight: bold;text-decoration: none;.textfont-size:14px;message+=填空题测试结果;/var returnvalue=题号正确答案您的答案得分;var returnvalue=题号正

20、确答案您的答案;3.33.3 视频模块视频模块 param name=FlashVars value=vcastr_file=&LogoText=APS.NET视频&BufferTime=3 / embed src=Flvplayer.swf allowfullscreen=true flashvars=vcastr_file=&LogoText= APS.NET视频 quality=high pluginspage=http:/ type=application/x-shockwave-flash width=500 height=4003.43.4 意见反馈意见反馈

21、15代码展示:if (this.txt_stuno.Text.Trim() = | this.txt_stuname.Text.Trim() = ) Response.Write( window.alert(请填写完整！); ); else /以下将最新的GUEST号写入INFOTABLE string updatestr = ; updatestr = insert into suggesttable(subject,suggest,datetime) values( + this.txt_stuno.Text.Trim() + , + this.txt_stuname.Text.Trim(

22、) +,+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_courseGO打开 SQL Server 2000

23、查询分析器，执行该条脚本代码，如图：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

24、 Chinese_PRC_CI_AS NULL ,teacherPassword nvarchar (100) COLLATE Chinese_PRC_CI_AS NULL ,CONSTRAINT PK_adminTable PRIMARY KEY CLUSTERED (id) ON PRIMARY ) ON PRIMARYGO172. 模拟测试表 shiTiTable标号字段名数据结构说明1shiJuanHaoNvarchar(50)试卷编号2tiXingNvarchar(50)题型3tiHaonvarchar题号4tiWenntext(16)提问5xuanXiangAntext(16)选项

25、 A6xuanXiangBntext(16)选项 B7xuanXiangCntext(16)选项 C8xuanXiangDntext(16)选项 D9daAnnvarchar(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

26、_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

27、_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 PRIMARYGO3. 成绩表 stuChengJiTable标号字段名数据结构说明1stunoNvarchar(50)学号2stunamenvarch

28、ar(50)学生姓名3shiJuanHaonvarchar(50)试卷号4tiXingnvarchar(50)题型5testTimenvarchar(50)测试时间6chengJinvarchar(50)成绩创建代码：18CREATE 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_

29、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 PRIMARYGO4.维基百科

30、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

31、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 PRIMARYGO4.34.3 连接数据库公共类连接数据库公共类在 ASP.NET 中连接数据库就要用到 ADO.NET 了，创建了一个 Data

32、AccessSql 类，通过该类就可以访问数据库，对数据进行查询、插入、修改、删除等操作。1.打开数据库：private static void openConnection(SqlConnection conn)19 if (conn.State = ConnectionState.Closed) conn.ConnectionString= ConfigurationManager.ConnectionStringsjygc_courseConnectionString.ConnectionString;try conn.Open(); catch (Exception e) throw

33、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.T

34、ext; 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(); SqlCom

35、mand 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时

36、自动关闭连接。 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管理登陆页面管理登陆页面在对网站进行管理时，需要通过登陆进行身份认证，只有有权限的用户才能进入管理界面。如下

37、图显示：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

38、 * 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 (Sessionadminlogin = null)22 Sessionadminlogin = ok; Response.Redi

39、rect(./jsgl/shiTiGuanLi.aspx); /教师管理 else oda.Close(); Response.Write(alert(用户名或密码错误！请重新输入用户名和密码！);); this.TextBox1.Text = ; this.TextBox2.Text = ; this.TextBox1.Focus(); return; 登陆页面中调用了公共类DataAccess中查询语句，对数据库进行访问。4.54.5 试卷管理模块试卷管理模块该网站中每学习完一课，有着对该学习点的考核，可以通过测试，得出其掌握程度，所以模拟试卷非常有必要。在网站后台管理系统中，有着对试卷的

40、管理：添加、修改、删除等。重要代码展示：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.Clo

41、se();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 shiTiTab

42、le(shiJuanHao,tiXing,tiHao,tiWen,xuanXiangA,xuanXiangB,xuanXiangC,xuanXiangD,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,xu

43、anXiangB,xuanXiangC,xuanXiangD,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() + ,简

44、答题, + 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(s