动物保护协会网站设计与制作
目录
一、前言 1
（一）系统开发背景 1
（二）系统开发目标 1
（三）系统开发意义 1
二、需求分析 2
（一）需求获取 2
（二）需求功能分析 2
三、网站设计 3
（一）系统功能分析 3
（二）数据库设计 4
1. ER图设计 4
2. 数据库表设计 4
四、网站实现 5
（一）网站首页设计 5
（三）流浪动物信息展示功能设计 8
（四）浏览加盟页面 9
（五）联系我们页面 10
（六）注册页面设计 11
（七）管理登录界面设计 12
（八）后台管理页面设计 13
（九）后台管理页面设计 14
（十）后台会员管理功能设计 15
五、总结 18
致谢 19
参考文献 20
一、前言
（一）系统开发背景
自从现代技术越来越发达后，人们反而越来越忽视那些可爱的人类的朋友小动物们，他们没有任何错，反而很喜欢我们人类，然而人类却将这些视为理所当然，喜欢的时候待在身边逗乐，一不喜欢就随意的丢弃，造成流浪动物数量的大量增加。流浪动物在城市里面四处流荡，甚至在垃圾桶里翻找不健康的食物，从而更加加深细菌的增长，影响自身健康，极有可能引发流浪动物袭击人类的可能，使得人类染上狂犬病的机率大大增加。之所以流浪动物的日渐增长的最大原因是因为人们喜新厌旧，始乱终
*51今日免费论文网|www.jxszl.com +Q: &351916072&
弃随意丢弃，为了防止这样的情况继续恶化，将围绕这个主题制作一个保护流浪动物的公益网站，呼吁社会上的爱心的人士一起来保护这些可怜无家可归的小动物，让伤害减少一点，让爱多一点。
（二）系统开发目标
本网站主要分为分前台页面和后台页面，前台页面主要实现是信息展示功能，向公众宣传要保护动物，停止对它们进行交易和杀戮,减少人类随意丢弃小动物的行为。后台网站管理者可以通过后台系统实现最新新闻资讯的添加、更新以及删改，对志愿者信息的查看和维护还有浏览动物更新上传等等。
（三）系统开发意义
本网站的主要在于去反映社会不爱惜动物现状，让更多的人了解动物是人类的朋友，知道动物的重要性。通过浏览本网站，能让更多流浪动物得到更好的照顾，通过反映流浪动物数目增加，来让更多爱心人士知道去爱护和保护他们，从而让更多的小动物在爱的环境下健康成长，让世界少一点杀戮，多一点温暖。积极宣传这一正面形象，净化社会风气。
二、需求分析
（一）需求获取
需求分析前期，主要通过上网查阅资料观察实时新闻，查阅书籍，来了解现在流浪动物数量的增长状况。将获取信息归纳总结，进而得出最新数据，并将归纳的数据整理，罗列出主次序，然后开始分析该网站。
（二）需求功能分析
根据现阶段网站分为前台和后台管理两部分，前台主要实现的功能是向用户展示目前阶段流浪动物的数量增长情况，以及本协会目前所收养的流浪动物信息，后台主要是管理员对网站相关信息进行增删查该上传信息。具体来说主要有以下一些功能：
用户通过网址访问到保护网站协会的网站。
用户在浏览页面的过程中能对目前流浪动物的数据以及现状有个基本的认识和了解。
用户在浏览流浪动物页面时候，可选择自己喜欢的动物品种，凭喜爱进行领养，也可实行捐赠，也可以通过会员注册页面，成为本协会的志愿者，自愿加入到保护流浪动物的行列当中，也可以自主的发动爱心捐赠一些这些小动物的生活必需品，在联系我们页面有我们协会的地点以及联系方式。
后台管理页面主要是协会的管理员可用已经账号和密码登入到后台管理系统，对网站的信息和图片进行上传和更新作用。
管理者可以通过新闻上传来更新前端页面的新闻页面的信息，也可以更新流浪动物的可领养的基本信息。
管理者也可以在后台查看到本协会申请加入志愿者行列的基本信息，
管理者可以对新收养的流浪动物进行上传更新
管理者可对过时的信息进行增删查改功能，
其具体的功能模块图如图21和22所示：
图21 网页首页框架
图22 后台管理页面框架
三、网站设计
（一）系统功能分析
用户通过网址访问动物协会网站,首页主要是向用户展示现阶段流浪动物的现状,在关于我们页面主要是向用户展示动物保护协会的基本内容以及协会各种的加入情况,用户可以通过留言的方式来与我们沟通,给予本协会最好的建议,在浏览流浪动物页面可以看到目前本协会所收养的一些流浪动物们。新闻页面主要展示的是最新流浪动物的一些实时资讯,后台主要展示的是管理员通过用户名和密码登陆进后台管理系统页面,对新闻资讯进行增删查改删除等操作。对新收留的流浪动物进行更新上传等功能。该网站主要是向用户展示流浪动物目前阶段的动态实事,是一个展示型的网站。
（二）数据库设计
ER图设计
下面为数据库设计了它的ER图，具体如图31所示。
图31 ER图设计
数据库表设计
表31到36所示的为数据表。
表31新闻表（newlist）
名称
名称含义
类型
长度
是否空
主键是否
Id
编号
Int
11
否
是
newImg
图片
Varchar
100
是
否
Newtitle
新闻名称
Varchar
原文链接：http://www.jxszl.com/jsj/xxaq/49072.html
