1、计算机网络课程设计报告设计题目:网站设计学 院 经济与管理学院 专 业 信息管理与信息系统 班 级 信管091 学 号 3090561012 姓 名 李国祥 指导教师 严 峻 2011年6月27日 2011年7月1日目录1. 设计内容及需求分析11.1设计内容11.2需求分析12.基本思路及所涉及的相关理论13.方案设计13.1总体框架结构设计13.2数据库设计14.站点具体设计步骤2 4.1网络配置24.2构建站点34.3页面设计及相关功能的实现45.网站测试65.1连接站点65.2运行结果76.遇到的问题及解决办法107.个人总结117.1个人体会117.2待改善方案11参考文献111.
2、设计需求及分析1.1设计内容个人网站设计要求:具有文字、图像、声音;能够实现页面之间的链接;能够实现页面与后台数据库的简单数据交互;网页数不少于15页1.2需求分析该题目要求设计出一个具有数据交互功能的动态网站,我选择了设计社区论坛网站(信管091班级社区),该网站能够实现基本的用户注册和登录功能,登录用户可以在论坛内不同的版块发表文章,也可以对文章添加回复,由于论坛需要对用户进行认证,这就需要有个后台数据库来进行信息的存储,所发表的文章和相关回复也要存储到数据库内,进而链接到网页,双方动态更新。另外网站还具有音乐播放、站内资源统计等功能。要实现IE浏览,还需要在操作系统内安装IIS功能。2.
3、 基本思路及所涉及的相关理论本网站采用Dreamweaver+Access开发,由于动态网页的功能实现起来相对来说比较复杂,代码庞大,而Dreamweaver“不用手写代码”就能创建动态页面、实现记录的插入和更新,而且数据库的开发灵活、方便。论坛总体具有注册、日志、留言和评论功能。动态页面主要依靠ASP.NET来实现,而WIN7操作系统可以方便的安装IIS和ASP.NET功能,所以在WIN7环境开发。3. 方案设计3.1总体框架结构设计首 页登 录注 册写 文 评 论留 言邮 件资 料3.2数据库设计站点使用的数据库(位置为D:xinguan091dat)建立了四个基本表(栏目、用户、文章、回
4、复)用来存储相关数据,并在表的基础上设计相关查询,是表与表通过主键连接,以提供相关数据在网页上的显示功能,从而实现了数据库与网页内容的动态交互和更新。(例:用户表结构如下)4. 站点具体设计步骤4.1 网络配置 WIN7环境下安装IIS服务器和开发环境:开始控制面板程序打开或关闭WINDOWS功能选择Internet信息服务,如图所示,并完成安装。4.2构建站点(1)计算机右键管理服务和应用程序IIS添加网站,设置如图(2)启动Dreamweaver,文件面板内新建站点xinguan091,设置服务器技术为ASP.NET VB,文件存储指向D:xinguan091,URL地址http:/loc
5、alhost:100/;在应用程序数据库添加OLE DB连接,数据库指向D:xinguan091dat,完成和数据库的绑定。4.3页面设计及相关功能的实现。(1)设计主页模板,并在主页相关位置“绑定数据集”,以显示数据库内相关信息。(例:用户名项绑定数据集Ztre.YHNAME) 其他如文章浏览,资源数统计,浏览用户信息等功能也通过此来完成。代码为(2)设计用户注册界面,并通过服务器行为来“插入记录”到数据库。(例如:插入“用户名”到表“YH”的子列“YHNAME”。)这样就可实现到数据库的数据插入和更新。(3)发表文章、留言及评论的功能实现与用户注册类似。(例:用户写入的文章,存储入数据库相
6、关表项中)代码为MM:Insertrunat=serverCommandText=ConnectionString=DatabaseType=Expression=CreateDataSet=falseDebug=true Parameter Name=LMID Value=%# IIf(Request.Form(LMID) Nothing), Request.Form(LMID), ) % Type=Integer / Parameter Name=ZTNAME Value=%# IIf(Request.Form(ZTNAME) Nothing), Request.Form(ZTNAME),
7、 ) % Type=WChar / Parameter Name=ZYTEXT Value=%# IIf(Request.Form(ZTTEXT) Nothing), Request.Form(ZTTEXT), ) % Type=WChar / Parameter Name=YHID Value= Type=Integer / (4)静态页面切换,编辑按钮的行为方式,添加URL指向文件,便可实现页面间的切换功能。(5)插入背景音乐, 插入标签,选择HTML标签,选择页元素中的bgsound,指向文件地址。 (6)加入电子邮件链接,直接插入即可,将邮箱地址设为站主邮箱,访问网站时点击按钮即可启动
8、outlook发送邮件。5.网站测试5.1连接站点打开IIS,将所建站点xinguan91的默认文档,添加网站主页文件index.aspx,查看主机IP地址为192.168.199.1,在浏览器地址栏输入网页地址http:/192.168.199.1:100/。5.2运行效果(1)从浏览器打开网站后,显示首页如图(2)点击右上方栏目版块,实现不同版块间的切换(3)用户注册界面(4)会员功能在账号栏输入账号和密码,成为登录用户,可实现会员的相关操作查看资料显示会员还可以在相关版块发布文章也可以对文章进行回复操作(5)资源统计功能网站可以对发布的文章总数和某一篇文章的回复数进行统计6.遇到的问题及
9、解决办法在本次试验中,网络配置方面没有遇到什么问题,主要问题在于对软件dreamweaver的操作,出现的主要问题有(1)构建站点时的服务器选择错误。在进行站点定义时,由于不了解相关的服务器技术要求,未选择相关服务器,经过查阅资料知道我所涉及的论坛类动态网站采用ASP.NET VB技术,所以对站点又进行重新定义。(2)数据的连接。在应用程序绑定数据库时,选择OLE DB连接后,程序选择成了Microsoft Jet 3.51 OLE DB Provider,致使数据库脚本无法创建,后得知我所采用的ACCESS 2003数据库的驱动程序为Microsoft Jet 4.0 OLE DB Prov
10、ider,重新部署后,成功的创建了连接脚本。(3)数据库与网页的数据动态交互失败。网页发表数据无法写入数据库,所绑定的数据集无法在网页上显示。无法写入是因为在数据连接属性内没有将权限改为Readwrite,于是只能读取而无法写入;在网页显示失败是数据库设计不够好,有些表忘记设置唯一标识的主键,从而使视图查询没有形成表与表之间的连接,改善设计即可解决问题。(4)用户登录验证失败。在输入用户名和密码登录网站时,密码错误也可以登录。这是由于在登录设计时的数据集筛选只选取了用户名而未选取密码,再添加密码到筛选变量。(5)除此之外,还有一些相类似的问题,例如服务器控件、标签设置等。主要原因都是由于对dr
11、eamweaver软件还不能轻车驾熟,通过查阅相关书籍和教程,向该软件的专业人士询问,可使问题尽量得到解决。7.个人小结7.1个人体会网站设计是一项很繁琐的过程,从页面设计、数据库连接到功能实现,各项内容都有很多工作要完成,再加上之前接触开发软件dreamweaver并不多,相关操作还不是很熟悉,从而遇到了很多问题。这时我总是积极的查阅资料,了解操作方式。实践了才知道方法,从设计网站之初,也就是最基本的页面设计做起,慢慢的摸索门路,循序渐进、这样就在后边避免了一些不必要问题。自己也加强了知识的掌握,并且提高了学习和实践的能力。7.2 待改善方案网站设计用了五天时间,这就不避免还有些许方案需要改善。本论坛基本实现了登录、写文、评论等基本功能,但一个五脏六腑俱全的论坛远不止这些功能。本网站还需要注入管理员的功能,以实现文章的删除;还有图片上传下载功能;另外,在文章显示方面,若文章数过多,加入了分页显示则更好。诸如此类的问题还亟待解决。参考文献1Dreamweaver CS5中文版完全自学手册/教传艳/北京:人民邮电出版社/2011 2Dreamweaver CS4+ASP动态网站开发从基础到实践/李睦芳/北京:机械工业出版社/20103Dreamweaver+ASP网络编程学习笔记/杨志/北京:电子工业出版社/200811