毕业设计.docx
《毕业设计.docx》由会员分享，可在线阅读，更多相关《毕业设计.docx（22页珍藏版）》请在冰豆网上搜索。
毕业设计
专科毕业设计
题目：
系部：
专业：
姓名：
LJD
学号：
指导教师：
2012年12月28日
毕业设计独创性声明
该毕业设计是我个人在导师指导下进行的研究工作及取得的研究成果。
文中除了特别加以标注和致谢的地方外，不包含其他人或其它机构已经发表或撰写过的研究成果。
其他同志对本研究的启发和所做的贡献均已在论文中作了明确的声明并表示了谢意。
作者签名：
日期：
年月日
毕业设计使用授权声明
本人完全了解青岛滨海学院有关保留、使用毕业设计的规定，即：
学校有权保留送交毕业设计的复印件，允许被查阅和借阅；学校可以公布全部或部分内容，可以采用影印、缩印或其它复制手段保存该毕业设计。
保密的毕业设计在解密后遵守此规定。
作者签名：
导师签名：
日期：
年月日
摘要
网站是企业向用户和网民提供信息（包括产品和服务）的一种方式,网页制作是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。
企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是Internet上宣传和反映企业形象和文化的重要窗口。
本网站的建设是以“学校课程”为主题，一门热门的课程也是需要宣传的，这么才会得到更多人的关注，同时也扩展了这门课程的深度和广度。
本网站运用了AdobeDreamweaverCS3的快速布局做静态网站，AdobePhotoshopCS3的简单美工效果和图片大小的处理，AdobeFlashCS3完成的一些简单的动画效果，最后运用ASP.NET和Access处理的留言板的建设，使本网站更加的面向学生，更加快捷的帮助学生了解该课程的一些新闻。
关键词:
首页留言板ASP.NETAccess
目录
1绪论1
1.1背景1
2相关技术概括3
2.1ASP.NET介绍3
2.1.1开发工具ASP的优势3
2.1.2ASP的特点3
2.1.3语言相容性能3
2.1.4隐密安全性高4
2.1.5易于操控数据库4
2.1.6面向对象学习容易4
2.1.7对象名称功能描述4
2.2ACCESS2003技术简介5
3网站的系统分析6
3.1网页的界面设计6
3.2网站需求分析6
3.2.1建站目的6
3.2.2网站实现功能7
3.3网站的总体规划7
3.3.1制作网页的一般步骤7
3.3.2网页包括的元素8
3.4数据库设计思想9
3.4.1数据库的选择9
3.4.2数据库设计10
4详细设计11
4.1主页设计11
4.1.1主页的设计11
4.1.2静态页面操作流程图12
4.2留言板功能12
4.2.1人机界面12
4.3管理员功能13
4.3.1登陆界面13
4.3.2操作流程图15
5编码实现16
5.1管理员登录代码16
5.2发表留言代码17
6存在问题19
总结20
致谢21
参考文献22
1绪论
网页设计作为用户界面交互设计的延伸，是在新的媒介的新的技术下实现的一个全新的设计创作领域。
因此，设计创作网页还应遵循网页特有的背景特点的结构思路，具备实际操作的易用功能的外观设计的时尚与贴切。
伴随着网络的出现，网页逐渐融入人们的生活。
快速及时的在线留言，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。
它打破了地域限制，真正使信息得以共享，改变了人们的工作和生活方式。
制作网页是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段。
网上购物突破了传统商务的障碍，无论对消费者、企业还是市场都有着巨大的吸引力和影响力，在新经济时期无疑是达到“多赢”效果的理想模式。
人们对信息的需求有了更新，更高的要求，而网页由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。
所以网页也逐渐成为一种新兴的教育资源。
也正是由于网络实现网站的数据信息能够进行实时交互，保证网站数据的实时性。
1.1背景
首先读书就是为了获得知识，学习了ASP动态网页设计，当然就是要能做一个精美的网页。
在此次毕业设计中，能使我更加了解ASP.NET强大的功能和更好的使用。
通过此次设计能够知道静态网页和动态网也的区别。
诚然，此次设计的网页，一方面是为了完成毕业作业，但更重要的是把我所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我更好的掌握和使用好ASP的核心工具和技术，以便提高对网页知识的更深层了解。
第三点也是最要的一点是，把我在书本上学到的知识充分运用到此次设计之中。
使我的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面，以达到老师要求的效果和学以致用。
随着Internet的快速发展，遍布全球，将世界各地各种规模的网络连接成一个整体。
世界各个角落都有它的存在，我们便可以利用它，帮助我们快捷地去传递一些有价值的信息，随着网络用户的不断增加，用户的要求不断提高及计算机科学的迅速发展，是网络信息越来越丰富，越来越人性化。
既然是越来越人性化，就应该知道网民需求的是什么东西，为了能更好的了解社会各界人士的需要，我们给网站做了更加细致的安排，我们在网站中添加留言板，这样的互动可以让我们知道将来我们需要做什么样的工作。
本设计主要完成Web服务器端的设计实现管理课程安排、相关的课程内容、客户留言、以及后台管理等ASP页面及整个实验网站的组织建立和测试工作。
2相关技术概括
2.1ASP.NET介绍
本系统开发工具是ASP与数据库技术，ASP技术被广泛运用在动态网页设计中。
这项技术也以优异的性能得到了大多程序开发者的青睐。
2.1.1开发工具ASP的优势
ActiveServerPages：
“动态服务器网页”，一般简称为“ASP”，ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE或Netscape）都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，不像VBScript或JavaScript是在客户端（Client）的浏览器上执行，若使用VBScript来设计程序，客户端（client）在IE浏览器中可以显示程序执行的结果，可是，客户端（client）若使用Netscape浏览器就无法显示VBScript的执行结果。
2.1.2ASP的特点
任何开发工具皆可发展ASP，只要使用一般的文书编辑程序，如Windows记事本，就可以编辑。
当然，其他网页发展工具，例如，FrontPageExpress、FrontPage等也都可以；不过还是建议你用记事本来写，既省钱又方便，若是使用那些所见即所得的网页编辑来写ASP，可能会发生一些意想不到的离奇状态。
通吃各家浏览由于ASP程序是在网络服务器端中执行，执行结果所产生的HTML文件适用于不同的浏览器。
2.1.3语言相容性能
ASP与所有的ActiveXScript语言都相容，除了可结合HTML，VBScript、JavaScript、ActiveX服务器组件来设计外，并可经由“plug-In（外挂组件模组）的方式，使用其他厂商（ThirdParty）所提供的语言。
2.1.4隐密安全性高
如果我们在浏览器中直接查看网页的原始代码，就只能看到HTML文件，原始的ASP程序代码是看不到的！
这是应届ASP程序先于网站服务（WebServer）端执行后，将结果转换成标准HTML文件，再传送到客户端（Client）的浏览器上，因此，我们所辛苦撰写的ASP程序并不会轻易地被看见进而被盗用。
2.1.5易于操控数据库
ASP可以轻易地通过ODBC（OpenDatabaseConnectivity）驱动程序连接各种不同的数据库，例如：
Access、FoxPro、dBase、Oracle等等，另外，ASP亦可将“文本文件”或是“Excel”文件当成数据库用。
2.1.6面向对象学习容易
ASP具备有面向对象（object-Oriented）功能，学习容易，ASP提供了五种方便能力强大的内建对象：
Request、Response、Sever、Application以及Session，同时，若使用ASP内建的“Application”对象或”Session”对象所撰写出来的ASP程序可以在多个网页之间暂时保存必要的信息。
2.1.7对象名称功能描述
RequestResponseServerSessionApplicationObjectContext从客户端取得信息将信息送给客户端提供一些Web服务器工具储存在一个Session内的用户信息，该信息仅可被该用户访问在一个ASP-Application中让不同的客户端共享信息可以用来配合MicrosoftTransaction服务器进行分布式事务处理。
2.2ACCESS2003技术简介
Access2003就是关系数据库开发工具，数据库能汇集各种信息以供查询，存储和检索。
那么什么叫数据库呢？
数据库（Database）是由一些有意义和有关系的数据（data）所组合而成。
一个数据库中，包含了许多条记录（Record），而每条记录是由多个字段（Field）所组成，不同的字段存放这不同的数据。
所以数据库的严格定义是一组相关记录的集合，而字段则是最基本的数据项，也是数据库中最小的单位。
在计算机中用来帮我们管理数据库的系统，我们称之为数据库管理管理系统（DatabaseManagementSystemDBMS）。
数据库管理系统是架构在一个或多个数据库之上，并针对数据库中的数据进行管理运用。
Access的优点在于它能使用数据表示图或自定义窗体收集信息，数据表示图提供了一种类似于Excel的电子表格，可以使数据库一目了然。
另外，Access允许创建自定义报表用于打印或输出数据库中的信息。
Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。
如上所述，Access作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。
3网站的系统分析
3.1网页的界面设计
个人网站慢慢走向社会舞台，网站除了具有传播信息的功能外，还往往代表个人的形象。
网站建设商业化和广告化的趋势，对网页设计的艺术性提出了更高的要求。
虽然HTML语言提供了对常用Windows标准控件的支持，但是，由于Windows标准控件的形状和颜色十分单一，网页的视觉效果可能会很差。
若在网页的设计中主动配合Windows标准控件的形状和颜色，网页的创作空间就会受到限制。
因此，有必要实现网页中的自定义控件，以满足网页设计艺术化的要求。
与传统媒体不同，网页除了文字和图像以外，还包含声音、视频和动画等新兴多媒体元素，更借助由代码语言编程所实现的各种交互式效果，增加了网页界面的生动性和复杂性，也使得网页设计者需要考虑更多页面元素的排布、优化。
一般来说，网页的界面主要由下面几个因素构成：
（1）文字：
文字元素是信息传达的主体部分。
网页中的文字主要包括标题、信息、文字链接、几种主要形式。
标题和传统媒体中信息传达的基本作用相同，是内容的简概说明一般比较醒目、优先编排。
文字作为占据页面重要比率的元素，同时又是信息重要载体，它的字体、大小、颜色和排布对页面整体设计影响极大。
（2）图形：
图形在网页界面中具有重要作用。
合理的运用图形。
可以生动直观、形象地表现设计主题。
网页中常用的图形格式包括jpg和gif，这两种格式压缩比高，得到了规范浏览器的支持，下载速度快，具有跨平台。
3.2网站需求分析
3.2.1建站目的
Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的，易于被人们所接受的信息检索手段，WorldWideWeb（简称WWW）发展十分迅速，成为目前世界上最大的信息资源宝库。
据估计，目前Internet上已有上千万个Web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的Web站点对于一个机构的发展十分重要。
近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在Internet中的广泛应用，Web站点向用户提供的服务将越来越丰富，越来越人性化。
因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。
提高公司知名度，扩大公司规模，因此建立属于自己的网站是必然的。
3.2.2网站实现功能
本网站给网民提供一个了解课程的平台，网民可以与管理者及时地交换意见，产生互动，管理者也可以及时对网站进行更新维护。
前台客户系统功能：
（1）用户可以浏览精品课程的一些基本的信息。
（2）用户可以浏览精品课程的新闻。
（3）用户可以查看精品课程的联系方式。
（4）用户可以浏览留言板的帖子。
（5）用户可以随时发表自己的言论。
后台管理系统功能：
（1）修改、删除留言板帖子。
（2）可以和留言者进行互动交流。
3.3网站的总体规划
3.3.1制作网页的一般步骤
首先，你应该明确制作网页是为了干什么。
比如，你是公司的职员，想通过网页来对公司进行广告宣传；再假设你正在做一个项目，想和外地的工程师通过网页讨论该项目。
如果你要制作个人网页，那么你可能想通过个人网页在网上进行传播，从而展示自己，并和网友交朋友。
这就是你的目的。
我这次做这个网页就是为了给大家更清楚的了解精品课程的一些相关内容，从而使网民更加快捷的了解该课程。
其次，组织好你的网页内容。
试想，你把自己的照片和内容都堆在一起，别人将无法明白你想干什么，说不准，连你自己都糊涂了。
如果组织得好，用户从你的网页中获取信息就容易得多。
对于那些很重要的信息，用户只需要简单的操作就能得到。
一般来说，组织好网页的关键是要对网页建立层次分明、条理清楚的结构图。
脑子里有了这样一张结构图，就会对网页很明白，并且有助于制作网页。
而后，要确定你的网页所具有的外观和特色，目的就是让用户被你的网页所吸引。
如果你只是要把很多漂亮的画面堆在一起，而不管内容，那将没人看。
应该让你的网页不仅漂亮，更重要的是实用。
怎么把照片和内容有机的结合到一起，这也正是你的网页特色所在。
然后，开始制作网页。
具体操作时，首先要创建个人站点，再充分利用Dreamweaver的功能建立各个网页。
最后，等网页做好了，就该发布站点了。
站点发布后，为了保持站点的吸引力，要经常修改网页的内容（添加新的内容，更换已过时的图像等），就要更新和维护你的站点了。
3.3.2网页包括的元素
无论是初次领略Internet风光的新手，还是经常上网冲浪的老手，在初次设计网页之前，都必须先认识一下构成网页的基本元素。
只有这样，才能在真正的设计工作中得心应手，根据需要合理的组织和安排网页的内容，从而达到期望的目标。
设计网页的目的主要是发布信息，因此，作为信息载体的文本和图像也就成了网页的基本组成部分，超级链接是Web的核心，使它将万维网中无数的网页链接在一起，如果没有它，Web就无从谈起，此外，表格、动画、音乐和交互表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。
（1）文本
文本一直是人类最重要的信息载体和交流工具，网页中的信息也以文本为主，与图像相比，文字虽不如图像那样能够很快的引起浏览者的主意，但却能准确的表达消息的内容和含义，为了克服文字固有的缺点，人们赋予了网页中文本更多的属性，如文字、字号、颜色、底纹和边框等，通过不同格式的区别，突出显示重要的内容，此外，用户还可以在网页中设计各种各样的文字列表来清晰表达一系列项目，这些功能都给网页中的文本赋予了新的生命力。
（2）图像
图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格的作用。
用户可以在网页中使用GIF、JPEG、PNG3种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。
（3）超级链接
超级链接技术可以说是万维网流行起来的最主要的原因，它是从一个网页指向另一个目的端的链接，例如指向另一个网页或相同网页上的不同位置，这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或本网页中的其他位置，其载体通常是文本，图片或图片中的区域，也可以是一些不可见的程序脚本。
当浏览者单击超级链接时，其目的端将显示在Web浏览器上，并根据目的端的类型以不同方式链接。
例如，当指向一个AVI文件的超级链接被单击后，该文件将在媒体播放软件中打开;如果是指向一个网页的超级链接，则该网页将显示在Web浏览器上。
（4）表格
在网页中表格用来控制网页中信息的布局方式。
这包括两方面：
一是使用行和列的形式来布局文本和图像以及其他的列表化数据；二是还可以使用表格来精
（5）css+div
3.4数据库设计思想
3.4.1数据库的选择
Access的优点在于它能使用数据表示图或自定义窗体收集信息，数据表示图提供了一种类似于Excel的电子表格，可以使数据库一目了然。
另外，Acces允许创建自定义报表用于打印或输出数据库中的信息。
Access也提供了数据存储库，可以使用桌面数据库文件把数据库文件置于网络文件服务器，与其他网络用户共享数据库。
如上所述，Access作为关系数据库开发具备了许多优点，可以在一个数据包中同时拥有桌面数据库的便利和关系数据库的强大功能。
3.4.2数据库设计
（1）管理员表：
该表主要是记录管理员登录的用户名和密码；
图3-1管理员表
（2）管理员回复留言表：
该表记录管理员去回复网民的信息；
图3-2管理员回复留言表
（3）网民信息登记表：
该表记录网民在留言板上的一些基本信息，这些信息有的是隐藏的，为的是保管一些网民的私人信息等；
图3-3网名信息登记表
（4）网民留言表：
该表记录网民的一些意见和学术交流等信息；
图3-4网民留言表
4详细设计
4.1主页设计
4.1.1主页的设计
每一个网站专注人的视线就应该有一个亮丽的首页，首页的设计专注于简单大方，给人一种舒适的视觉感，同时可以给网民提供信息服务，能够快捷的将本网站所有的信息快速的传递，共享给浏览者有用的东西！
图4-1主页设计图
首页包含了首页、课程简介、理论教学、实践教学、创新教育、教学辅助资料、教学视频、留言板，其中留言板可以实现在线留言功能。
其中还有图片展示，可以让浏览者更直观更清晰的了解我们的课程网站。
4.1.2静态页面操作流程图
图4-2静态页面流程图
4.2留言板功能
4.2.1人机界面
此部分实现管理者以及网民的留言功能。
网民不用登录可以在此版块进行留言，可以对我们的服务提供意见的平台，实现大家共同的交流平台。
管理者必须登录去回复网名的信息，也可以删除不好的信息！
图4-3留言板设计
进入学术交流页面，点击“发表留言”进入留言板界面，带有“*”标记的地方必须要添加内容，电子邮箱要根据邮箱格式填写！
写完内容后，觉得可以了，就可以提交留言，如果感觉有误，当然也可以单击清除留言！
4.3管理员功能
4.3.1登陆界面
此部分主要是管理员对后台网民的留言进行回复和删除。
一般人员是不可以进行此操作的。
图4-4管理员登录
管理留言界面
图4-5留言板
管理员只要把管理员帐号和密码填写正确就可以进入管理员登录页面了，管理方面任由管理员自己选择。
4.3.2操作流程图
图4-6留言板流程图
5编码实现
5.1管理员登录代码
protectedvoidButton1_Click（objectsender,System.EventArgse）
{if（Page.IsValid）
{stringuserpassword=FormsAuthentication.HashPasswordForStoringInConfigFile（userpwd.Text,"md5"）;obj.open（）;
mycommand=newOleDbCommand（"select*from[zhoulang]wherezhoulangname='"+username.Text+"'",obj.myconn）;
rs=mycommand.ExecuteReader（）;
if（!
rs.Read（））
{obj.myconn.Close（）;
Msg.Text="此用户帐号不存在";
return;}else
{if（userpassword!
=rs["zhoulangpwd"].ToString（））
{obj.myconn.Close（）;
Msg.Text="对不起,你输入的密码有错误";
return;}else
{obj.myconn.Close（）;
Session["zhoulang"]=username.Text;
Response.Redirect（"index.aspx"）;}
rs.Close（）;}
mycommand.Dispose（）;
obj.myconn.Close（）;
obj.myconn.Dispose（）;}}}}
5.2发表留言代码
protectedvoidButton1_Click（objectsender,System.EventArgse）
{if（Page.IsValid）
{obj.open（）;
stringsql="InSertInTO[guestbook]（username,email,qq,title,content,face,addtime,ip）values（'"+username.Text+"','"+email.Text+"','"+qq.Text+"','"+title.Text+"','"+FormatString（content.Text）+"','"+face.SelectedItem.Value+"','"+DateTime.Now+"','"+Request.UserHostAddress+"'）";
mycommand=newOleDbCommand（sql,obj.myconn）;
try
{mycommand.ExecuteNonQuery（）;
mycommand.Dispose（）;
obj.myconn.Close（）;
obj.myconn.Dispose（）;Response.Write（""）;}
c
升级会员 