毕业设计文档.docx
《毕业设计文档.docx》由会员分享，可在线阅读，更多相关《毕业设计文档.docx（38页珍藏版）》请在冰豆网上搜索。
毕业设计文档
重庆信息技术职业学院
毕业设计
题目读书协会网站的设计与功能实现
选题性质：
设计□报告□其他
院系软件学院
专业信息管理专业
班级09级4班
学号0910060438
学生姓名罗方国
指导教师康开锋
教务处制
2011年8月27日
2011届软件学院
毕业设计选题审批单
年级09年级专业计算机信息管理班级4班
学生姓名
罗方国
学号
0910060438
选题
读书协会网站的设计与功能实现
选题性质
设计□报告□其他
选题论证：
校园读书协会网站是一个为校园师生提供图书信息，学习经验和问题交流平台的一个门户网站，在此网站里面用户可以看到我们校园读书协会的概况活动、协会相关新闻等，用户还可以在网站上看到相关的图书信息还可以在线看一些书籍，用户可以在次网站上下载相关的学习资料，还可以在交流平台上对学习的问题和经验、读书心得等讨论交流。
本系统采用B/S模式，用ASP.net+SQLServer数据库结合Dreamweaver和Photoshop开发。
指导教师初审意见：
签名：
2011年8月27日
毕业设计工作领导小组审批意见：
签名：
2011年8月27日
2011届软件学院
毕业设计开题报告及进度要求
年级09级班级信管4班
学生姓名
罗方国
学号
0910060438
指导教师
康开锋
选题性质
设计□报告□其他
选题
校园读书协会网站的设计与功能实现
选题的目的和意义：
随着互联网的发展,全世界网民正在急速增长，网络传播方式所起的作用越来越大，为了让更多人了解图书信息了解我们校园读书协会，建设此网站。
通过此网站广大的用户可以注册成为网站会员在网站上了解图书信息，在线阅读一些书籍，了解协会新闻等相关信息，此网站主要内容为以儒家文化为主的中国传统文化，所以次网站的最大意义是在传播和弘扬中国的传统文化思想，同是也提供用户在交流平台交流学习问题、经验和读书心得看法等。
选题研究的主要内容和技术方案：
协会网站是通过游览器游览页面像用户传递信息的一个门户网站。
我们研究的主要内容是准确快速有效的像用户传递用户想要的信息，并且制作专业整洁的网页和快速更新有用的信息吸引用户注册成为协会会员。
再就是提供交流的平台，前台是会员注册、登录、帖子列表内容等页面的设计，后台是数据库的设计链接，增删改查询帖子及回复以及对会员的管理等等。
本网站所使用的技术方案是：
用ASP.net+SQLserver，结合Dreamweaver和Photoshop。
用ASP.net+SQLserver实现网站的动态效果，用DIY+CSS布局页面，用Photoshop处理所需要的图片。
毕业设计工作时间
2011年9月20日至2011年12月25日
毕业设计工作日程安排
时间段
工作内容
2011年9月20日前
确定选题
2011年9月20日
选题上传至教务管理系统
2011年9月25日
撰写设计大纲（思路、框架），开题，下达任务
2011年12月4日
完成作品主题设计、测试等
2011年12月5日-10日
定稿、上交系部
2011年12月25日-30日
汇总材料上报，成绩发教务处
指导教师意见：
成果要求：
完整的作品（作品设计+文档说明）
签字：
2011年8月26日
重庆信息技术职业学院
毕业设计小组任务分配表
序号
姓名
班级
毕业设计工作任务分配
1
罗方国
4班
系统总体分析、设计，前台页面设计与制作、数据库总体设计，网站前台数据初始化，信息查询，数据显示。
重庆信息学院读书协会网站
罗方国
（重庆信息技术职业学院软件学院重庆万州404000）
摘要：
协会网站是一个提供给游览者图书相关信息和交流平台的门户网站，通过互联网游览了解重庆信息技术职业学院读书协会相关信息并且加入成为其中的会员，获取图书信息和在线看一些书，在网站的交流平台模块用户可以在平台上讨论交流学习的问题经验和读书心得，现在读书协会的会员只要上网游览协会网站就可以在线看书了解图书信息讨论读书心得参加协会举办的各种活动和获取协会的最新新闻。
用户能在网上浏览所图书和协会概况。
这能吸引用户的注册。
在设计时我把在读书协会网站分为读书堂页面和读书协会页面，本文详细介绍了在读书协会网站的实现原理及所用到的技术方案，在这里你将看到设计一个购物网站所要涉及到的一些问题及解决方案。
关键词：
读书协会网站互联网图书信息读书心得
1绪论1
2读书协会网站的需求分析2
2.1网站的功能及界面需求分析2
2.2网站的维护需求分析3
2.3网站软硬件环境3
3读书协会概要设计4
3.1任务目标5
3.2基本设计概念和处理流程6
3.2.1网站架构图6
3.2.2网站设计模式的基本描述7
3.3条件与限制5
3.4网站总体设计5
3.4.1处理流程6
3.4.2总体结构和模块外部结构7
3.4.3功能分配6
3.4.4功能说明7
3.5接口设计5
3.5.1用户接口6
3.5.2外部接口7
3.6数据库设计5
3.6.1逻辑结构设计6
3.6.2物理结构设计7
4读书协会网站的详细设计12
4.1网站前台设计12
4.1.1界面设计12
4.2网站后台设计17
4.2.1数据库设计17
5读书协会网站的测试20
5.1测试流程20
5.2测试方法和工具20
5.3测试结果20
6读书协会网站的发布20
6.1域名及空间的申请23
6.2网站的上传23
6.3游览网站23
7网站的维护26
7.1服务器及相关软硬件的维护26
7.2内容更新与维护26
7.3数据库维护26
7.4网站的安全维护26
8参考文献27
9致谢27
10附件27
1绪论
在日新月异的网络时代，信息技术的迅猛发展和广泛、深入地应用，推动了各行各业的技术进步，带来了新技术革命的蓬勃发展，也向教育提出了严峻挑战，推动着一次新的教育革命。
教育如何迎接信息技术发展的挑战，正是我们必须认真思考和探索试验的事情。
教育的迅速发展对教学手段和教育管理体系的要求越来越高，运用计算机多媒体和网络技术来促进教育的全面改革已势在必行。
现在，校园的信息化已成为学校发展的潮流，中小学校园网建设成为学校信息化建设的焦点。
“校校通工程”、“校园网络信息平台”、“校园论坛”等词语，在各种有关教育媒体、网络上随处可见，校园网建设也是一浪高过一浪，各级各类学校争相“触网”。
我校的读书协会网站就是在这样的社会大背景了建成的。
我校的读书协会网站是通过游览器游览页面像用户传递信息的一个门户网站。
我们研究的主要内容是准确快速有效的像用户传递用户想要的信息，并且制作专业整洁的网页和快速更新有用的信息吸引用户注册成为协会会员。
再就是提供交流的平台，前台是会员注册、登录、帖子列表内容等页面的设计，后台是数据库的设计链接，增删改查询帖子及回复以及对会员的管理等等。
此网站采用B/S三层架构设计，运用ASP技术，结合Dreamweaver、Photoshop、MicrosoftVisualStudio2008和SQLServerManagementStudio开发而成。
2读书协会网站的需求分析
2.1网站的功能及界面需求分析
（1）前台功能设置
读书协会首页包括|热点新闻|资料下载|协会图片|协会活动|协会公告；读书协会概况包括指导老师|协会会长|副会长|协会文化|协会目的；读书协会组织机构包括读书堂|读书协会|领导关怀包括领导人物|领导图片|领导激励话语；晨读运动包括晨读好处|晨读风采|晨读计划|弟子规；交流平台包括帖子列表|发表帖子|回复帖子|预览帖子|删除帖子；走进读书堂包括：
儒家书籍|道家书籍|法摘家书籍|古代诗歌|古代散文|财经图书|小说|英语学习|美图图组|精彩书。
图2-1读书协会主界面图
（2）后台功能
拥有独立的用户登录界面首页上通过链接形式连接到一个独立的页面进行用户登陆。
用户后台基本功能信息维护（个人信息，登陆密码，扩展内容等的更新和维护）图书、新闻信息发布/管理交流平台管理----主贴列表管理、帖子内容管理、回复列表管理、管理员信息管理、会员信息管理。
图2-2后台界面图
（3）界面需求分析
界面以淡紫色为主色调的清爽型风格，运用用星状和树状相结合的连接结构。
需要采用css+div布局，符合web2.0标准。
保证网站的整体浏览速度。
2.3网站的维护需求分析
（1）不断充实网站内容，使之始终同步反映协会的发展。
（2）及时回复访问者的EMAIL信件。
（3）不断增加网上在线服务功能。
（4）关注竞争对手的网上活动。
（5）网上宣传，包括友情链接、网络广告等。
2.4网站软硬件环境
（1）软件环境：
Windowsxpsp3/Windows7/redhatenterprise5
（2）硬件环境：
E7500+2G内存+320G硬盘+百兆网卡+百兆局域网
（3）开发工具Microsoftvisualstudio+SQLserver
3读书协会网站概要设计
3.1任务目标
重庆信息技术职业学院读书协会会长为了让更多的协会成员及广大师生对读书协会有更多的了解和带动更多的师生弘扬传统文化和儒家思想，委托我们开发小组为其开发一个读书专题门户网站。
本网站纯属于非营利性的，主要是为了向广大师生提供一个交流平台，提高读书协会的知名度。
，小组成员通过在后台添加数据到数据库，并通过前台将后台数据显示出来，做到及时更新，管理本网站。
3.2基本设计概念和处理流程
3.1.1网站架构图
系统的操作界面完全基于浏览器，体系结构采用了先进的用户界面层、业务逻辑层、数据存储层三层结构系统，基于实现，具有良好的跨平台性，系统采用基于Microsoft的一系列标准，通过使用第三方厂家提供的应用服务器中间件产品，使本系统可在各种硬件平台、操作系统、TomcatServer平台上进行方便的移植。
图3-1网站架构图
3.1.2网站设计模式的基本描述
（1）用户界面层：
在系统的用户界面层采用标准的浏览器形式，用户界面层与业务逻辑层通过TomcatServer，采用标准的HTTP协议进行通讯交互，从而使本系统可通过Internet进行本地操作与管理。
（2）业务逻辑层：
系统的业务逻辑层是本系统的实现业务逻辑与数据操作的核心部分。
系统中使用的主要技术是A、SQLserver（其均属于Microsoft的系列标准）。
（3）数据存储层:
系统的数据存储层是实现数据的逻辑管理与数据存储。
系统中的主要信息将存储在数据库系统中，包括各种关系属性信息。
采用三层结构的软件系统实现，有效地将系统的显示逻辑和业务逻辑分开，从而使得系统的结构更加清晰，系统维护时更加容易。
3.3条件与限制
有可能因无法购买域名及网络服务，而只在局域网内架设主机，在局域网内实现本项目之功能。
没有足够的知识和科技做基础，实现比较简单片面。
投资问题比较严重，不能对软件作出合理的投资计划，暂时只能是以非盈利为主了。
3.4网站总体设计
3.4.1处理流程
（1）用户端流程图：
图3-2用户端流程图
（2）管理员管理设计
如果游览的用户是管理员则验证其帐号是否正确如果不正确就返回从新验证，验证成功后管理员管理模块，管理会员帐号和留言版内容。
如下管理段流程图：
图3-3管理段流程图
（3）网站系统运行设计
当用户游览网站就呈现出网页信息，当用户对网站感兴趣时就转入注册页面然后更新数据库的信息，用户注册成功了到登录界面，检索数据库信息验证用户，验证成功之后转入主页。
管理员登录之后管理用户资料、板块信息和发帖页面等数据库的信息也随之更新。
用户发表帖子首先要先登录验证，验证成功后发表帖子呈现在帖子页面，数据库也更新。
如下网站系统运行流程图：
图3-4网站系统运行图
3.3.2总体结构和模块外部结构
（1）总体结构
此网站采用B/S三层架构设计，这三层架构包括表示层、业务逻辑层和数据访问层，而业务层我们则是设计的是用户界面即主页层，他负责将用户的数据传递给业务逻辑层和把业务逻辑层的数据传给表示层；下面是架构设计的第二层业务逻辑层，他实现业务逻辑规则和业务逻辑，并且完成应用程序所需要的处理，他主要负责处理来自数据存储的数据或者发送给数据储存的数据。
业务逻辑层的下层是数据访问层，他包含数据存储和它交互的组件或服务。
图3-5B/三层架构图
图3-5总体结构图
3.3.3功能分配
在需求说明中规定要实现的功能，对应的模块和程序实现如下：
表3-1程序实现表
模块、组件或子系统
功能和需求描述
查询
添加
修改
更新
默认页提供关于网站的基本信息
√
用户可以创建自己的帐户
√
√
必须先登录才能发表留言
√
√
√
管理员登陆后台
√
管理员在后台发布信息
√
√
√
√
用户即使不登录也可以查看网页信息
√
3.3.2功能说明
（1）模块功能列表：
表3-2模块功能表
序号
功能模块类别
功能模块
备注
1
用户端
个人信息管理
必须为已注册用户
2
信息浏览
必须为已注册用户
3
留言发表
必须为已注册用户
4
管理端
用户管理
需要管理端用户验证
5
留言管理
需要管理端用户验证
6
新闻管理
需要管理端用户验证
7
图书管理
需要管理端用户验证
8
图片管理
需要管理端用户验证
（2）个人信息管理功能模块：
表3-3个人信息管理功能模块
序号
功能列表
功能明细
1
用户登录
用户输入用户名和密码进行验证
2
用户注册
注册用户以登录系统
3
用户退出
用户退出登录状态
（3）信息浏览功能模块：
表3-4信息浏览功能模块
序号
功能列表
功能明细
1
查看信息列表
信息标题，公布日期，在一定时间内要有New标识
2
查看信息内容
信息标题，信息内容，信息图片，发布日期，阅读量
（4）留言发布功能模块：
表3-5留言发布功能模块
序号
功能列表
功能明细
1
查看留言
留言人头像，留言人名，留言内容，留言日期
2
发表留言
留言人ID，留言内容
（5）用户管理模块：
表3-6用户管理模块
序号
功能列表
功能明细
1
查看用户信息
头像，ID，用户名
2
管理用户
从数据库中删除用户信息
（6）留言管理功能模块：
表3-7留言管理功能模块
序号
功能列表
功能明细
1
查看留言
留言人名，头像，留言内容，日期
2
管理留言
删除留言
（7）新闻管理功能模块：
表3-8新闻管理功能模块
序号
功能列表
功能明细
1
查看新闻
新闻标题，新闻内容，发布日期，阅读数
2
修改新闻
修改新闻标题、内容，上传图片，修改日期
3
添加新闻
添加新闻标题、内容，上传图片，发布日期
4
删除新闻
删除信息
（8）图片管理功能模块：
表3-9图片管理功能模块
序号
功能列表
功能明细
1
查看图片
图片，标题，阅读数
2
修改图片
修改图片、标题
3
添加图片
添加图片、标题
4
删除图片
删除信息
3.5接口设计
3.5.1用户接口
在设计用户界面部分的时候,根据对本网站的需求分析，网站需要一个与用户进行信息沟通或互动的平台，而这个平台对于网站来说，是一个重要渠道，那么这个平台应该是一个友善的用户界面，才能达到服务广大游戏爱好者的友善交流。
而且这个设计用户界面时应做到简洁明了，具有可靠性和简单性，便于操作。
根据对本网站的需求分析后，在网络操作系统方面，外网选用windowsxp网络操作系统，内网选用Windows2003Server网络操作系统。
本小组目前所要建设的网站为动态网，该网站一般都具有用户留言与查看相关网页这项功能，用户留言与查看的主要目的是该网站的有关服务人员可通过表单来收集用户查看信息与留言信息，或者实现与用户的交互。
在设计这项功能的时候，可能会遇到一些无聊人士会乱对本网站进行乱评论，所以开发者要求用户要先进行注册，只有注册过的用户才有权对本网站进行评论，从而管理员可以在后台对用户进行管理，以防一些不好信息在网页中发表。
3.5.2外部接口
（1）软件接口
服务器程序可使用Microsoft提供的对SQLSERVER的接口,进行对数据库的所有访问.服务器程序上可使用SQLSERVER的数据库对重要数据进行的备份，防止数据被破坏而无法恢复。
服务器端采用C#语言来编写程序，通过JDBC驱动来访问数据库。
（2）硬件接口
在输入方面,对于键盘,鼠标的输入,可用Microsoft的标准输入/输出,对输入进行处理.
3.5.3内部接口
内部接口主要集中在两个方面，包括：
A、用户与请求之间的接口；B、SQLServer与T的接口；
用户与请求之间的接口通过IE来实现:
图3-5用户与请求之间的接口
SQLServer与Tomact的接口描述:
图3-6SQLServer与Tomact的接口描述
3.6数据结构设计
3.5.2逻辑结构设计
用户进入网站如果没有登录则只可以游览网站不可以进入交流平台，如果是登录用户则可以进如交流平台查看主贴列表内容、回复帖子信息、发表新帖子，如果是管理员登录则可以查看删除帖子内容。
3.5.2物理结构设计
物理数据结构设计主要是设计数据在模块中的表示形式.数据在模块中都以结构的方式表示；用户登陆信息：
用于用户登陆时接收输入,以及用户退出时服务器返回；后台发布信息：
用于板块信息发布时接收输入,以及管理员退出时服务器返回；留言处理：
用于前台用户发表留言信息的接收输入,以及处理后服务器返回到网站前台留言簿板块中，显示给用户；用户注册：
用于前台用户注册个人信息时接收输入，以及处理后服务器返回到后台用户管理显示给管理员；错误信息：
用于关于错误操作。
部分代码如下图：
SE[librily]
GO
CREATETABLE[dbo].[Topic]（
[TopicID][int]IDENTITY（1,1）NOTNULL,
[登录名][varchar]（50）NOTNULL,
[主贴标题][varchar]（50）NOTNULL,
[帖子内容][varchar]（5000）NOTNULL,
[CreateTime][varchar]（100）NULL,
[用户机IP][varchar]（50）NULL,
CONSTRAINT[PK_Topic]PRIMARYKEYCLUSTERED
CREATETABLE[dbo].[会员表]（
[用户名][char]（20）NOTNULL,
[密码][nchar]（20）NOTNULL,
[姓名][char]（10）NOTNULL,
[性别][char]
（2）NOTNULL,
[出生日期][char]（10）NOTNULL,
[家庭地址][char]（40）NOTNULL,
[证件][char]（10）NULL,
[证件号码][int]NULL,
[手机号码][nvarchar]（50）NOTNULL,
[E-Mail][char]（30）NOTNULL,
[个人爱好][char]（200）NOTNULL
）ON[PRIMARY]
（
[TopicID]ASC
）WITH（PAD_INDEX=OFF,STATISTICS_NORECOMPUTE=OFF,IGNORE_DUP_KEY=OFF,ALLOW_ROW_LOCKS=ON,ALLOW_PAGE_LOCKS=ON）ON[PRIMARY]
）ON[PRIMARY]
GO
SETANSI_PADDINGOFF
4读书协会网站的详细设计
4.1网站前台设计
4.1.1界面设计
网站前台框架图为：
图4-1网站前台框架图
4.1.2特效植入和界面美化
植入动态图片效果：
varPImgPlayer={
_timer:
null,
_items:
[],
_container:
null,
_index:
0,
_imgs:
[],
intervalTime:
5000,//轮播间隔时间
init:
function（objID,w,h,time）{
this.intervalTime=time||this.intervalTime;
this._container=document.getElementById（objID）;
this._container.style.display="block";
this._container.style.width=w+"px";
this._container.style.height=h+"px";
this._container.style.position="relative";
this._container.style.overflow="hidden";
varlinkStyle="display:
block;TEXT-DECORATION:
none;";
if（document.all）{
linkStyle+="FILTER:
";
linkStyle+="progid:
DXImageTransform.Microsoft.Barn（duration=0.5,motion='out',orientation='vertical'）";
linkStyle+="progid:
DXImageTransform.Microsoft.Barn（duration=0.5,motion='out',orientation='horizontal'）";
linkStyle+="progid:
DXImageTransform.Microsoft.Blinds（duration=0.5,bands=10,Direction='down'）";
linkStyle+="progid:
DXImageTransform.Microsoft.CheckerBoard（
升级会员 