毕业设计论文.docx

1、毕业设计论文姓 名 张楚煊 _ _专 业 班 级 10计算机信息管理2班 论 文 名 称 野生动物保护公益网_ 指 导 教 师 _李俊平_ 目录一、选题背景 31.1 课题概述 31.2 技术背景 31.3 小组分工 5二、用户需求分析 62.1 需求功能 62.2 数据库需求分析 6三、摘要设计 73.1 系统流程设计 73.2 数据库设计 9四、详细设计 104.1数据库设计 104.2首页 134.2.1统计已捐总人数和总金额 144.2.2留言框和显示留言 154.2.3捐款项目浏览 174.3详细信息页面 194.3.1信息的显示 204.3.2 在线捐款 204.4在线支付 214

2、.5捐款来源 22五、关键技术 23六、安装与使用说明 266.1 开发环境 266.2 运行环境 266.3 安装说明 266.4 适用说明 26七、参考文献 28致 谢 29一、选题背景1.1 课题概述随着时代的发展人类砍伐森林、围湖围海造田、过度放牧等，直接造成了野生动物栖息地丧失,间接导致了野生动物的濒危。20世纪以来，由于农药、鼠药、化肥、煤炭、石油的广泛使用，产生了大量工业“三废”和有毒物质，严重污染了大气、土壤和水体，野生动物健康受到损害，繁殖力日渐低下，许多江河湖泊已不再适于水生野生动物的生存繁衍。某些生态位较高的野生动物因为食物链的关系也受到了程度不同的株连。尽管造成濒危的原

3、因有自然灾害及动物自身物种特化和遗传衰竭,但是人类的活动造成的占了大部分。野生动物保护公益网主要是运用了ASP.NET、MySQL以及Javascript技术的开发环境中进行。主要实现了捐款对象所需金额和已捐金额以及捐款人数的统计,还有实现在线捐款,网友支持(留言功能),捐款对象详细信息查看,还有捐款金额来源查询。界面主要运用DIV+CSS框架来规划布局,使用模板页来统一网站的风格。1.2 技术背景ASP.NET概述：ASP.NET是Microsoft.NET Framework 的主打产品之一,它为易于开发的动态.NET web应用程序提供基础结构.ASP.NET不仅是Microsoft A

4、ctive Server Pages(ASP) 的后续产品,而且是统一的Web开发平台,为开发人员生成企业级Web应用程序提供所需的服务.与ASP相比,ASP.NET提供了出色的增强功能,还增加了许多新功能。ASP.NET2.0 (Active Server Page) 是微软的.NET框架更新版本.NET2.0中的一部分，是一种重要的，流行的动态WEB开发技术。Microsoft SilverLight 概述： Microsoft Silverlight是一个跨浏览器的、跨平台的插件，为网络带来下一代基于。NET framework的媒体体验和丰富的交互式应用程序。Silverlight提供

5、灵活的编程模型，并可以很方便地集成到现有的网络应用程序中。Silverlight可以对运行在Mac或Windows上的主流浏览器提供高质量视频信息的快速、低成本的传递。Jquery概述：Jquery是继prototype之后又一个优秀的Javascript框架。jQuery是一个兼容多浏览器的javascript库，核心理念是写的更少,做的更多。jQuery的语法设计可以使开发者更加便捷，例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。jQuery包含以下特点：1.动态特效2.AJAX3.通过插件来扩展4.方便的工具 - 例如浏览器版本判断5.渐进增强6.链

6、式调用7.多浏览器支持，支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+（在2.0.0中取消了对Internet Explorer6,7,8的支持）1.3 小组分工开发小组成员：张楚煊、范晓丽、陈芳芳本人负责部分：数据库设计和创建，首页的布局和首页，捐款来源，在线捐款和在线支付 二、用户需求分析濒危动物是一项珍贵的、不可替代的、可再生的自然资源，在维护生态平衡、促进经济发展、满足人民日益增长的物质和文化需求、发展对外关系、提高社会主义精神文明等方面发挥着重要作用。经过多年来各种媒介的宣传,人们的保护意识也有所提高

7、。野生动物保护公益网是为了给公众提供一个平台,为人们可以献出自己的爱心多了一条途径。无论是捐款还是留言支持,都是对野生动物保护的一种肯定。2.1 需求功能系统基本功能包括：1 用户登录与注册2 管理员后台管理留言、用户（既删除权限）、上传项目与项目管理（修改和删除权限）3 捐款对象详细信息查看4 在线捐款和在线支付5 留言的发布与查看6 捐款金额来源查看7 个人资料的编辑8 查看用户各自的捐款信息2.2 数据库需求分析系统的SQL SERVER数据库名称为GYData，主要有5个表。分别有： 用户信息表UserInfo 捐款对象信息Animals 捐款对象描述表-Design 留言信息表mas

8、sage 用户账户信息表-Account三、摘要设计3.1 系统流程设计网站前台功能模块图如图3-1所示：图3-1 网站前台功能模块图网站后台管理模块图如图3-2所示：图3-2 网站后台管理模块图网站系统流程设计如图3-3所示：图3-3 网站系统流程设计图用户打开网站进入首页，有帐号的用户可以选择登录，没有帐号的用户可以选择注册。若是匿名用户，可以浏览首页捐款对象的基本信息，了解目前位置已经有多少人捐款，一共多少钱金额，查看网民的支持留言和捐款对象的详细信息，捐款金额来源查看。但没有发表留言、进行捐款权限。用户登录成功后，若是普通用户，则能选择进入我的首页，可以进行编辑自己的资料，查看自己的捐

9、款记录，也可在首页留言，和进行捐款。若是管理员，除了前面所说的基本功能外，还能进入后台管理页面。成功登录后台管理页面后，能拥有任意删除任何的项目，查看所有的用户和删除用户，任意删除留言，上传新的项目，修改用户的权限。3.2 数据库设计图3-4 数据库关系图四、详细设计详细设计主要是数据库设计、统计总捐款人数和金额、对象项目的展示、发布留言、留言的显示、项目详细信息、在线捐款、在线支付、图片的展示等功能，所有页面存放于名为Animals的文件夹中。当用户打开网站时就可以一目了然的看清楚了总金额和总人数的捐款，可以查看各捐款的来源，是对来源数据的透明话，用户可以根据自己感兴趣对象进行查看详细信息和

10、进行捐款，主要的流程如图。图4-1 捐款流程图4.1数据库设计系统的SQL SERVER数据库名称为GYData，主要有5个表。1. 动物信息表Animals：主要用来存放捐款对象的基本信息，其表结构如表4-1所示：表4-1 Animals表字段名数据类型长度约束描述AnimalIDint11PK主键，自增DescnIDvarchar50FK详细表的IDNamevarchar80动物名称Gradevarchar50濒危等级Imagevarchar80图片连接NeedMoneyint11所需金额Timevarchar50筹款时间2. 动物详细信息Descn：主要用来存放捐款对象的详细信息和濒危的

11、原因，其表结构如表4-2所示：表4-2 Descn表字段名数据类型长度约束描述DescnIDvarchar50PK主键Basicvarchar1500详细描述Factorsvarchar1500濒危原因3. 用户信息表UserInfo：主要用来存放用户的基本信息，其表结构如表4-3所示：表4-3 UserInfo表字段名数据类型长度约束描述UserNamevarchar255PK主键，匿名Namevarchar80真实姓名Emailvarchar255邮箱Phonevarchar80电话号码AccountIDint11FK用户帐号主键Cityvarchar80城市Statevarchar80省

12、份4. 用户留言信息表Massages：将用户发表的支持留言存放在这个表中，其表结构如表4-4所示：表4-4 Massages表字段名数据类型长度约束描述MassageIDint11PK主键，自增UserNamevarchar255FK用户表主键AnimalIDint11FK动物表主键Contantsvarchar500内容Timevarchar50时间aNamevarchar50动物名称5. 用户帐号信息表Account：用户的捐款帐号的信息收拾存放在这个表里，其表结构如表4-5所示：表4-5 Account表字段名数据类型长度约束描述AccountIDInt11PK主键，自增Account

13、varchar80帐号Namevarchar80匿名Moneydecimal(18,0)捐款金额AnimalIDint11FK动物表主键HangNamevarchar50开户银行Timedate捐款时间Kindvarchar50帐号类型类型4.2首页首页Default.aspx，首页是任何用户都可以浏览的页面。这个页面主要内容有，显示总捐款人数和金额，捐款对象项目的浏览，发表留言框，显示留言框，图片的展示。整个界面设计如图4-1图所示图4-2 首页图4.2.1统计已捐总人数和总金额这个功能可以让用户打开网页时就可以及时的了解到网站一共多少人捐款和一共捐了多少钱。界面如图4-1所示图4-3 统计

14、数据图这里是在Default.aspx.cs中适用查询语句：SELECT SUM(Money) AS m1, COUNT(AccountID) AS p1 FROM Account来查找出总金额和总人数，在通过 while (dr.Read() this.money.Text =drm1.ToString(); this.people.Text = drp1.ToString(); 将值传递到页面的相应控件中显示，我在这里使用this.money.Text = string.Format(0:n0, Convert.ToDecimal(this.money.Text);来使金额显示的时候有分割

15、号，还有这里的“我要捐款”按钮设置了一个锚，当用户点击时就会引导到下面捐款对象的项目显示去。4.2.2留言框和显示留言 这个是给用户提供了一个发表心声的功能，用户可以通过加油大气的方式来支持对野生动物的保护。如图4-3、4-4所示。图4-4 留言框图图4-5 网民支持图用户在留言时会进行一个判断用户是否有登录的，没有登录的用户会提示用户要登录，并跳转到登录页面。即该留言只能有帐号的用户使用。留言发布实现代码如下图4-5图4-6发布留言代码用户发布成功后显示留言的立即就绑定了数据显示，这里我使用Repeater 控件来显示，用SqlDataSource控件来绑定数据源。在CSS中对此添加了滚动条

16、。当用户针对某项动物留言时，显示出该动物的名称用蓝色字样区分开来了，如图4-4中的雪豹。4.2.3捐款项目浏览 捐款项目的浏览使用了一个DataList控件，以两列的形式展示项目。每个项目包括项目名称、濒危登记、需要多少金额和已捐了多少金额、已捐的人数、图片、我要捐款的按钮等信息。如图4-6所示。图4-7 项目浏览用户点击“我要捐款”按钮会调整到项目的详细信息页面中去。这里为datalist添加了翻页功能，用四个HyperLink控件分别是首页，上一页，下一页，尾页的连接，将数据库中的项目信息呈现到页面上，实现分页显示，将查询的数据字段绑定到4个 HyperLink控件实现翻页功能，绑定代码如

17、题4-7.图4-8 绑定翻页功能代码图4.3详细信息页面 这是从首页中的项目浏览中点击“我要捐款“跳转过来的。在首页只是给用户浏览一个大概的项目信息，这里则显示了相关的详细信息，除了首页有的信息，多了项目的描述，和造成濒危的原因。除此之外这里也是捐款的页面。界面如图4-8所示。图4-9 详细信息页面4.3.1信息的显示这个页面信息的显示分为两部分，一部分是基本的信息和图片，另一部分是详细的信息即详细的介绍和濒危原因。通过后台代码SELECT x.name, x.grade, x.image, x.needmoney, x.basic, x.factors, y.smoney FROM (SEL

18、ECT SUM(Money) AS smoney, AnimalID FROM Account GROUP BY AnimalID) AS y RIGHT OUTER JOIN (SELECT Animals.AnimalID, Animals.Name AS name, Animals.Grade AS grade, Animals.Image AS image, Animals.NeedMoney AS needmoney, Descn.Basic AS basic, Descn.Factors AS factors FROM Animals INNER JOIN Descn ON Ani

19、mals.DescnId = Descn.DescnId) AS x ON x.AnimalID = y.AnimalID WHERE (x.AnimalID = aid2)来查询并显示在页面的Lalble。4.3.2 在线捐款这里只是简单的提交信息，提交捐款的金额，和对动物的支持和祝福留言。这留言会在首页中以针对动物留言的形式显示出来。用户可以选择要捐款的金额。当用户点击确认捐款，会将祝福提交保存到Massages表中，其他的则没有保存到数据库中，然后跳转到在线支付界面。界面布局如图4-9图4-10 在线捐款4.4在线支付从详细页面中跳转到此页，在这个页面有个小提示用户他捐款的金额和捐款的对

20、象，然后进行支付操作。这里使用值在页面间传递来显示的。用户填写了开户银行、银行卡类型和帐号后点击提交确认支付后，将信息存放发到Account表中并页面跳转到我的捐款记录页面。界面如图4-10。图4-11 在线支付4.5捐款来源捐款来源是通过GridView控件，以列表的形式展示出来，列出所有有捐款的动物，动物的濒危登记，参与捐款的用户，所在城市，捐出金额，捐款的时间。使用户可以了解到这些捐款来自哪里。下图4-12所示图4-12 捐款来源用户也可以通过“用户名“、”动物名“和”捐款时间“来搜索捐款金额来源信息。这里搜素通过跳转到Search.aspx 来进行查询，捐款来源页面和Search.as

21、px布局是一样的。在Search.aspx中使用了DataSet对象和DataAdapter对象将模糊查询的结果绑定数据到GridView中显示。、五、关键技术5.1值的传递与接收在网站中经常会用到页面与页面之间的值传递和在后台代码中运用，在这里页面间值的传递是通过URL链接地址传递。如在首页点击“我要捐款”中传递值到详细页面中，传递代码：asp:Button ID=tbnJk runat=server Text=我要捐款 class=needmoney onclick=Button1_Click PostBackUrl= /在详细页面中接收值 string aid1 = Request.Qu

22、eryStringaid;5.2 Jquery的运用5.2.1无需再捐款 由于在捐款系统中有一个是所需的捐款金额和已捐金额，当已捐金额超过了所需金额时，进入项目详细信息页面（即捐款页面）AnimalDaily.aspx 不在支持捐款的功能，如图所示图5-1 捐款页面这个功能我使用了Jquery的技术来实现的，代码如下：$(document).ready(function () /判断是否达到需要金额 var sm = $(.lblsmoney).text(); var nm = $(.lblNeedMoney).text(); if (sm = nm) $(.jkan).css(display

23、, 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 信息查询浏览实现的

24、代码如图5-3图5-3六、安装与使用说明6.1 开发环境 开发软件：Microsoft Visual Studio 2010 Microsoft Silevrlight 数 据 库：Microsoft SQL Server 20086.2 运行环境 客户端：Internet Explorer / Google Chrome /360 Chrome 服务端：SQL Server 2008 或更高级版本 / IIS 5.1或更高级版本6.3 安装说明Visual Studio 2010的安装说明：1. S2010ExpressCHS.iso再打开解压后的文件夹；2. 后的文件中双击安装文件进入安装

25、；3. 装Visual Web Developer 2010学习版进入加载安装组件；4. 护模式选项，选择修复或重新安装，点击“下一步；5. 装状态，安装完成点击“退出；6.4 适用说明 1根据需求选择打开或新建项目、网站；2.选择添加到的目录，或是打开的目录；3.在项目“右击”选择“在浏览器中查看”即可运行页面；4.也可以在浏览其中http:/localhost:54006/目录/文件名.aspx 七、参考文献 网站系统参考： 学习参考: Visual Studio介绍：SQL Server 2008介绍：效果功能参考:Jquery 学习查考： 文献参考： 1 李俊平 何国坤 薛海燕ASP.

26、NET 程序设计与web应用项目开发.北京:清华大学出版社,2010.12 李俊平 郭玲 .NET 编程新技术（基于.NET 4.0和Visual Studio 2010）3 印度B.M.Harwani jQuery攻略北京：人民邮电出版社，2010.104许宾，胡勇辉，凌志勇.ASP.NET 2.0应用开发技术与典型实例M.北京:清华大学出版社,2008.115夏印贵SQL Server数据库开发精典实例精解M机械工业出版社，2006致 谢在大学期间的最后一学期里，虽然我们不像以前在学校度过了，但是毕业设计没有因为人不在学校就没有认真的去完成。相反的，我们小组从讨论主题到确认主题都在认真的交

27、流着。每天都找自己空闲的时间来完成设计。果然上天不负苦心人，虽然我们的项目不是最好的，可是我们已经尽了最大的努力在规定的时间内完成，在这里我要感想我的组员，在这过程中难免有些争执，但是大家还是没有因此影响之间的感情，并且不耽搁设计的完成了。这里要特别感谢我的指导老师李俊平老师，整个毕业设计过程和论文的写作过程都是在老师的悉心指导下完成的。从论文的选题、系统设计思想、理论的构造以至最终的完稿，老师都给予了无私的帮助。李俊平老师治学严谨，认真负责，为我营造了一种良好的精神氛围。在老师的带领下我接受了全新的思想观念，树立了宏伟的学术目标，领会了基本的思考方式。在论文完成之际，谨向老师致以衷心的感谢和崇高的敬意！感谢学校对我的培育之恩，以及给我提供了良好的实操环境，使我有充足的空间去学习和设计，在这期间我学到了很多新的知识，也使我认识到了自己的不足之处，在以后的工作和学习中我会更加努力。同时，谨向审稿的老师们表示衷心的感谢！