毕业设计论文.docx
《毕业设计论文.docx》由会员分享，可在线阅读，更多相关《毕业设计论文.docx（22页珍藏版）》请在冰豆网上搜索。
毕业设计论文
姓名张楚煊__
专业班级10计算机信息管理2班
论文名称野生动物保护公益网_
指导教师__李俊平__
目录
一、选题背景3
1.1课题概述3
1.2技术背景3
1.3小组分工5
二、用户需求分析6
2.1需求功能6
2.2数据库需求分析6
三、摘要设计7
3.1系统流程设计7
3.2数据库设计9
四、详细设计10
4.1数据库设计10
4.2首页13
4.2.1统计已捐总人数和总金额14
4.2.2留言框和显示留言15
4.2.3捐款项目浏览17
4.3详细信息页面19
4.3.1信息的显示20
4.3.2在线捐款20
4.4在线支付21
4.5捐款来源22
五、关键技术23
六、安装与使用说明26
6.1开发环境26
6.2运行环境26
6.3安装说明26
6.4适用说明26
七、参考文献28
致谢29
一、选题背景
1.1课题概述
随着时代的发展人类砍伐森林、围湖围海造田、过度放牧等，直接造成了野生动物栖息地丧失,间接导致了野生动物的濒危。
20世纪以来，由于农药、鼠药、化肥、煤炭、石油的广泛使用，产生了大量工业“三废”和有毒物质，严重污染了大气、土壤和水体，野生动物健康受到损害，繁殖力日渐低下，许多江河湖泊已不再适于水生野生动物的生存繁衍。
某些生态位较高的野生动物因为食物链的关系也受到了程度不同的株连。
尽管造成濒危的原因有自然灾害及动物自身物种特化和遗传衰竭,但是人类的活动造成的占了大部分。
野生动物保护公益网主要是运用了ASP.NET、MySQL以及Javascript技术的开发环境中进行。
主要实现了捐款对象所需金额和已捐金额以及捐款人数的统计,还有实现在线捐款,网友支持（留言功能）,捐款对象详细信息查看,还有捐款金额来源查询。
界面主要运用DIV+CSS框架来规划布局,使用模板页来统一网站的风格。
1.2技术背景
ASP.NET概述：
ASP.NET是Microsoft.NETFramework的主打产品之一,它为易于开发的动态.NETweb应用程序提供基础结构.ASP.NET不仅是MicrosoftActiveServerPages（ASP）的后续产品,而且是统一的Web开发平台,为开发人员生成企业级Web应用程序提供所需的服务.与ASP相比,ASP.NET提供了出色的增强功能,还增加了许多新功能。
ASP.NET2.0（ActiveServerPage）是微软的.NET框架更新版本.NET2.0中的一部分，是一种重要的，流行的动态WEB开发技术。
MicrosoftSilverLight概述：
MicrosoftSilverlight是一个跨浏览器的、跨平台的插件，为网络带来下一代基于。
NETframework的媒体体验和丰富的交互式应用程序。
Silverlight提供灵活的编程模型，并可以很方便地集成到现有的网络应用程序中。
Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。
Jquery概述：
Jquery是继prototype之后又一个优秀的Javascript框架。
jQuery是一个兼容多浏览器的javascript库，核心理念是写的更少,做的更多。
jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。
jQuery包含以下特点：
1.动态特效
2.AJAX
3.通过插件来扩展
4.方便的工具-例如浏览器版本判断
5.渐进增强
6.链式调用
7.多浏览器支持，支持InternetExplorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了对InternetExplorer6,7,8的支持）
1.3小组分工
开发小组成员：
张楚煊、范晓丽、陈芳芳
本人负责部分：
数据库设计和创建，首页的布局和首页，捐款来源，在线捐款和在线支付
二、用户需求分析
濒危动物是一项珍贵的、不可替代的、可再生的自然资源，在维护生态平衡、促进经济发展、满足人民日益增长的物质和文化需求、发展对外关系、提高社会主义精神文明等方面发挥着重要作用。
经过多年来各种媒介的宣传,人们的保护意识也有所提高。
野生动物保护公益网是为了给公众提供一个平台,为人们可以献出自己的爱心多了一条途径。
无论是捐款还是留言支持,都是对野生动物保护的一种肯定。
2.1需求功能
系统基本功能包括：
[1]用户登录与注册
[2]管理员后台管理留言、用户（既删除权限）、上传项目与项目管理（修改和删除权限）
[3]捐款对象详细信息查看
[4]在线捐款和在线支付
[5]留言的发布与查看
[6]捐款金额来源查看
[7]个人资料的编辑
[8]查看用户各自的捐款信息
2.2数据库需求分析
系统的SQLSERVER数据库名称为GYData，主要有5个表。
分别有：
●用户信息表—UserInfo
●捐款对象信息—Animals
●捐款对象描述表---Design
●留言信息表—massage
●用户账户信息表----Account
三、摘要设计
3.1系统流程设计
网站前台功能模块图如图3-1所示：
图3-1网站前台功能模块图
网站后台管理模块图如图3-2所示：
图3-2网站后台管理模块图
网站系统流程设计如图3-3所示：
图3-3网站系统流程设计图
用户打开网站进入首页，有帐号的用户可以选择登录，没有帐号的用户可以选择注册。
若是匿名用户，可以浏览首页捐款对象的基本信息，了解目前位置已经有多少人捐款，一共多少钱金额，查看网民的支持留言和捐款对象的详细信息，捐款金额来源查看。
但没有发表留言、进行捐款权限。
用户登录成功后，若是普通用户，则能选择进入我的首页，可以进行编辑自己的资料，查看自己的捐款记录，也可在首页留言，和进行捐款。
若是管理员，除了前面所说的基本功能外，还能进入后台管理页面。
成功登录后台管理页面后，能拥有任意删除任何的项目，查看所有的用户和删除用户，任意删除留言，上传新的项目，修改用户的权限。
3.2数据库设计
图3-4数据库关系图
四、详细设计
详细设计主要是数据库设计、统计总捐款人数和金额、对象项目的展示、发布留言、留言的显示、项目详细信息、在线捐款、在线支付、图片的展示等功能，所有页面存放于名为Animals的文件夹中。
当用户打开网站时就可以一目了然的看清楚了总金额和总人数的捐款，可以查看各捐款的来源，是对来源数据的透明话，用户可以根据自己感兴趣对象进行查看详细信息和进行捐款，主要的流程如图。
图4-1捐款流程图
4.1数据库设计
系统的SQLSERVER数据库名称为GYData，主要有5个表。
1.动物信息表—Animals：
主要用来存放捐款对象的基本信息，其表结构如表4-1所示：
表4-1Animals表
字段名
数据类型
长度
约束
描述
AnimalID
int
11
PK
主键，自增
DescnID
varchar
50
FK
详细表的ID
Name
varchar
80
动物名称
Grade
varchar
50
濒危等级
Image
varchar
80
图片连接
NeedMoney
int
11
所需金额
Time
varchar
50
筹款时间
2.动物详细信息—Descn：
主要用来存放捐款对象的详细信息和濒危的原因，其表结构如表4-2所示：
表4-2Descn表
字段名
数据类型
长度
约束
描述
DescnID
varchar
50
PK
主键
Basic
varchar
1500
详细描述
Factors
varchar
1500
濒危原因
3.用户信息表—UserInfo：
主要用来存放用户的基本信息，其表结构如表4-3所示：
表4-3UserInfo表
字段名
数据类型
长度
约束
描述
UserName
varchar
255
PK
主键，匿名
Name
varchar
80
真实姓名
Email
varchar
255
邮箱
Phone
varchar
80
电话号码
AccountID
int
11
FK
用户帐号主键
City
varchar
80
城市
State
varchar
80
省份
4.用户留言信息表—Massages：
将用户发表的支持留言存放在这个表中，其表结构如表4-4所示：
表4-4Massages表
字段名
数据类型
长度
约束
描述
MassageID
int
11
PK
主键，自增
UserName
varchar
255
FK
用户表主键
AnimalID
int
11
FK
动物表主键
Contants
varchar
500
内容
Time
varchar
50
时间
aName
varchar
50
动物名称
5.用户帐号信息表—Account：
用户的捐款帐号的信息收拾存放在这个表里，其表结构如表4-5所示：
表4-5Account表
字段名
数据类型
长度
约束
描述
AccountID
Int
11
PK
主键，自增
Account
varchar
80
帐号
Name
varchar
80
匿名
Money
decimal
（18,0）
捐款金额
AnimalID
int
11
FK
动物表主键
HangName
varchar
50
开户银行
Time
date
捐款时间
Kind
varchar
50
帐号类型类型
4.2首页
首页Default.aspx，首页是任何用户都可以浏览的页面。
这个页面主要内容有，显示总捐款人数和金额，捐款对象项目的浏览，发表留言框，显示留言框，图片的展示。
整个界面设计如图4-1图所示
图4-2首页图
4.2.1统计已捐总人数和总金额
这个功能可以让用户打开网页时就可以及时的了解到网站一共多少人捐款和一共捐了多少钱。
界面如图4-1所示
图4-3统计数据图
这里是在Default.aspx.cs中适用查询语句：
SELECTSUM（Money）ASm1,COUNT（AccountID）ASp1FROMAccount来查找出总金额和总人数，在通过
while（dr.Read（））
{
this.money.Text=dr["m1"].ToString（）;
this.people.Text=dr["p1"].ToString（）;
}
将值传递到页面的相应控件中显示，我在这里使用this.money.Text=string.Format（"{0:
n0}",Convert.ToDecimal（this.money.Text））;来使金额显示的时候有分割号，还有这里的“我要捐款”按钮设置了一个锚，当用户点击时就会引导到下面捐款对象的项目显示去。
4.2.2留言框和显示留言
这个是给用户提供了一个发表心声的功能，用户可以通过加油大气的方式来支持对野生动物的保护。
如图4-3、4-4所示。
图4-4留言框图
图4-5网民支持图
用户在留言时会进行一个判断用户是否有登录的，没有登录的用户会提示用户要登录，并跳转到登录页面。
即该留言只能有帐号的用户使用。
留言发布实现代码如下图4-5
图4-6发布留言代码
用户发布成功后显示留言的立即就绑定了数据显示，这里我使用Repeater控件来显示，用SqlDataSource控件来绑定数据源。
在CSS中对此添加了滚动条。
当用户针对某项动物留言时，显示出该动物的名称用蓝色字样区分开来了，如图4-4中的雪豹。
4.2.3捐款项目浏览
捐款项目的浏览使用了一个DataList控件，以两列的形式展示项目。
每个项目包括项目名称、濒危登记、需要多少金额和已捐了多少金额、已捐的人数、图片、我要捐款的按钮等信息。
如图4-6所示。
图4-7项目浏览
用户点击“我要捐款”按钮会调整到项目的详细信息页面中去。
这里为datalist添加了翻页功能，用四个HyperLink控件分别是首页，上一页，下一页，尾页的连接，将数据库中的项目信息呈现到页面上，实现分页显示，将查询的数据字段绑定到4个HyperLink控件实现翻页功能，绑定代码如题4-7.
图4-8绑定翻页功能代码图
4.3详细信息页面
这是从首页中的项目浏览中点击“我要捐款“跳转过来的。
在首页只是给用户浏览一个大概的项目信息，这里则显示了相关的详细信息，除了首页有的信息，多了项目的描述，和造成濒危的原因。
除此之外这里也是捐款的页面。
界面如图4-8所示。
图4-9详细信息页面
4.3.1信息的显示
这个页面信息的显示分为两部分，一部分是基本的信息和图片，另一部分是详细的信息即详细的介绍和濒危原因。
通过后台代码SELECTx.name,x.grade,x.image,x.needmoney,x.basic,x.factors,y.smoneyFROM（SELECTSUM（Money）ASsmoney,AnimalIDFROMAccountGROUPBYAnimalID）ASyRIGHTOUTERJOIN（SELECTAnimals.AnimalID,Animals.NameASname,Animals.GradeASgrade,Animals.ImageASimage,Animals.NeedMoneyASneedmoney,Descn.BasicASbasic,Descn.FactorsASfactorsFROMAnimalsINNERJOINDescnONAnimals.DescnId=Descn.DescnId）ASxONx.AnimalID=y.AnimalIDWHERE（x.AnimalID=@aid2）"
来查询并显示在页面的Lalble。
4.3.2在线捐款
这里只是简单的提交信息，提交捐款的金额，和对动物的支持和祝福留言。
这留言会在首页中以针对动物留言的形式显示出来。
用户可以选择要捐款的金额。
当用户点击确认捐款，会将祝福提交保存到Massages表中，其他的则没有保存到数据库中，然后跳转到在线支付界面。
界面布局如图4-9
图4-10在线捐款
4.4在线支付
从详细页面中跳转到此页，在这个页面有个小提示用户他捐款的金额和捐款的对象，然后进行支付操作。
这里使用值在页面间传递来显示的。
用户填写了开户银行、银行卡类型和帐号后点击提交确认支付后，将信息存放发到Account表中并页面跳转到我的捐款记录页面。
界面如图4-10。
图4-11在线支付
4.5捐款来源
捐款来源是通过GridView控件，以列表的形式展示出来，列出所有有捐款的动物，动物的濒危登记，参与捐款的用户，所在城市，捐出金额，捐款的时间。
使用户可以了解到这些捐款来自哪里。
下图4-12所示
图4-12捐款来源
用户也可以通过“用户名“、”动物名“和”捐款时间“来搜索捐款金额来源信息。
这里搜素通过跳转到Search.aspx来进行查询，捐款来源页面和Search.aspx布局是一样的。
在Search.aspx中使用了DataSet对象和DataAdapter对象将模糊查询的结果绑定数据到GridView中显示。
、
五、关键技术
5.1值的传递与接收
在网站中经常会用到页面与页面之间的值传递和在后台代码中运用，在这里页面间值的传递是通过URL链接地址传递。
如在首页点击“我要捐款”中传递值到详细页面中，传递代码：
ButtonID="tbnJk"runat="server"Text="我要捐款class="needmoney"
onclick="Button1_Click"
PostBackUrl='<%#string.Format（"~/AnimalDetaily.aspx?
aid={0}",Eval（"AnimalID"））%>'/>
在详细页面中接收值stringaid1=Request.QueryString["aid"];
5.2Jquery的运用
5.2.1无需再捐款
由于在捐款系统中有一个是所需的捐款金额和已捐金额，当已捐金额超过了所需金额时，进入项目详细信息页面（即捐款页面）AnimalDaily.aspx不在支持捐款的功能，如图所示
图5-1捐款页面
这个功能我使用了Jquery的技术来实现的，代码如下：
$（document）.ready（function（）{
//判断是否达到需要金额
varsm=$（".lblsmoney"）.text（）;
varnm=$（".lblNeedMoney"）.text（）;
if（sm>=nm）{
$（".jkan"）.css（"display","none"）;
$（".row"）.css（"display","none"）;
$（".jm"）.css（"display","block"）;
}
else{
$（".jkan"）.css（"display","block"）;
$（".row"）.css（"display","block"）;
$（".jm"）.css（"display","none"）;
}
}）
5.2.1方便查看数据
系统中多次使用了GridView控件以表格的形式显示数据，为了方便用户清晰的查看数据，我使用了Jquery来对GridView的样式，并处理了鼠标移进移出的颜色区分，还有点击数据时也用颜色来区分，这样用户就可以清晰的查看了。
如图5-2。
图5-2信息查询浏览
实现的代码如图5-3
图5-3
六、安装与使用说明
6.1开发环境
●开发软件：
MicrosoftVisualStudio2010
MicrosoftSilevrlight
●数据库：
MicrosoftSQLServer2008
6.2运行环境
●客户端：
InternetExplorer/GoogleChrome/360Chrome
●服务端：
SQLServer2008或更高级版本/IIS5.1或更高级版本
6.3安装说明
VisualStudio2010的安装说明：
1.S2010ExpressCHS.iso再打开解压后的文件夹；
2.后的文件中双击安装文件进入安装；
3.装VisualWebDeveloper2010学习版进入加载安装组件；
4.护模式选项，选择修复或重新安装，点击“下一步；
5.装状态，安装完成点击“退出；
6.4适用说明
1根据需求选择打开或新建项目、网站；
2.选择添加到的目录，或是打开的目录；
3.在项目“右击”选择“在浏览器中查看”即可运行页面；
4.也可以在浏览其中http:
//localhost:
54006/目录/文件名.aspx
七、参考文献
●网站系统参考：
学习参考:
VisualStudio介绍：
SQLServer2008介绍：
效果功能参考:
Jquery学习查考：
●文献参考：
[1]李俊平何国坤薛海燕ASP.NET程序设计与web应用项目开发.北京:
清华大学出版社,2010.1
[2]李俊平郭玲.NET编程新技术（基于.NET4.0和VisualStudio2010）[3][印度] B.M.Harwani jQuery攻略北京：
人民邮电出版社，2010.10
[4]许宾，胡勇辉，凌志勇.ASP.NET2.0应用开发技术与典型实例[M].北京:
清华大学出版社,2008.11
[5]夏印贵．SQLServer数据库开发精典实例精解[M]．机械工业出版社，2006
致谢
在大学期间的最后一学期里，虽然我们不像以前在学校度过了，但是毕业设计没有因为人不在学校就没有认真的去完成。
相反的，我们小组从讨论主题到确认主题都在认真的交流着。
每天都找自己空闲的时间来完成设计。
果然上天不负苦心人，虽然我们的项目不是最好的，可是我们已经尽了最大的努力在规定的时间内完成，在这里我要感想我的组员，在这过程中难免有些争执，但是大家还是没有因此影响之间的感情，并且不耽搁设计的完成了。
这里要特别感谢我的指导老师李俊平老师，整个毕业设计过程和论文的写作过程都是在老师的悉心指导下完成的。
从论文的选题、系统设计思想、理论的构造以至最终的完稿，老师都给予了无私的帮助。
李俊平老师治学严谨，认真负责，为我营造了一种良好的精神氛围。
在老师的带领下我接受了全新的思想观念，树立了宏伟的学术目标，领会了基本的思考方式。
在论文完成之际，谨向老师致以衷心的感谢和崇高的敬意！
感谢学校对我的培育之恩，以及给我提供了良好的实操环境，使我有充足的空间去学习和设计，在这期间我学到了很多新的知识，也使我认识到了自己的不足之处，在以后的工作和学习中我会更加努力。
同时，谨向审稿的老师们表示衷心的感谢！
升级会员 