毕业设计网站

1、Xxx毕业设计（项目报告）题 目XXX网站的设计和实现指导教师： XX职称：XX学生姓名： XX 学号：XX专 业:XX院（系）：完成时间：2012年4月27日2012年4月27日1、项目开发目标11.1项目来源11.2开发目标12、项目总体设计22.1技术框架设计.2.2功能模块设计.3、项目功能描述4、项目技术总结4.1技术创新及特点4.2个人收获与体会.2.3819.19错误！未定义书签1、项目开发目标1.1项目来源北京小动物保护协会（简称Asap ”），是经民政局批准成立的一家专门从事宠物行业推广和小动物 保护的公益性民间组织。协会在一批有识之士的大力帮助下， 充分发挥其专业优势和社会

2、影响，积极开展健康有益，集专业化、职业化及趣味性于一体的服务和活动，致力于使北京市保护小动物协会真正成为关爱动物的新家 园，为这些可爱的小动物们营造一个更加美好的生活空间。本项目就是为ASAP制作的公益网站,是与他人合作共同实现，本人负责前台静态页 面设计布局及动物领养及绝育申请两个主要表单的设计和功能实现， 同时对站内文字图片 信息进行审核。1.2开发目标地球上，每一种物种都有其生存的权利，都是大自然的子孙，不分大小强弱，数量多 寡，它们在生物学上的意义和价值 都是同等的，人类没有权利和理由以不平等之心去对 待其他物种，虐待甚至杀害它们以满足自己贪婪的私欲。很多人觉得动物就是低人一等， 这种

3、“人类优先”的物 种歧视观念根深蒂固，它不但影响着动物的生存，还影响着人类 的发展。保护动物，善待动物，尊重它们的生命，人与动物和谐发展，是我们的职责。人和动物同住在地球村上，动物是我们人类的朋友，我们应该要尊重动物的生命，爱 护它们。不要为了自己的私欲和贪婪而去残害和虐待一群无辜的动物，在这个艰难的世界里动物是最弱势的一群，当它们被残害的时候，连申诉的能力和机会都没有，我们没有 权利去杀害它们的生命，没有理由去虐待它们，人类应该要放低“人类优先”的物种歧视观念，爱及生灵，尊重生命，让我们一起去保护动物，善待动物，共同促进人与动物和 谐发展。开发本网站主要是为了为中国的小动物保护公益事业做出自

4、己的一份贡献。本系统可作为动物保护中心的管理与对外宣传网站， 包含动物的免费绝育，免费领养， 信息公告发布等功能，分为前台页面和后台管理系统。前台页面需要实现：新闻资讯展示网站公告展示绝育公告展示合作医院展示待领养动物展示领养动物申请动物绝育申请等功能；动物绝育表单提交功能可实现动物领养申请动物领养申请功能可他实现动物绝育申请申请进度查询绝育申请的审批功能；使用管理员用户名密码登陆后可进入后台，后台需要实现 ：网站信息的查看与更新，留言的查看与管理，i申请表单的查看与管理(审批，绝育，给予审批意见等)2、项目总体设计2.1技术框架设计本网站采用的是LAMP体系。选择LAMP的原因是：选择开源免

5、费的 MySQL :与其他的大型数据库例如 Oracle、DB2、SQL Server等相比，MySQL自有它的不足之处， 如规模小、 功能有限(MySQL Cluster的功能和效率都相对比较差)等，但是这丝毫也没有减少它受欢迎的程度。 对于一般的个人使用者和中小型企业来说，MySQL提供的功能已经绰绰有余，而且由于MySQL是开放源码软件，因此可以大大降低总体拥有成本。又因为目前In ternet上流行的网站构架方式是LAMP ( Lin ux+Apache+MySQL+PHP/Perl/Pyth on )和 LNMP ( Linux+Nginx+MySQL+php/perl/Python

6、 )，即使用 Linux 作为操作系统， Apache 和 Nginx 作 为Web服务器，MySQL作为数据库，PHP/Perl/Python作为服务器端脚脚本解释器。由于这四个软件 都是免费或开放源码软件(FLOSS)，因此使用这种方式不用花一分钱(除开人工成本)就可以建立起 一个稳定、免费的网站喜用。在这里我们选择的是最为流行的免费架构LAMP。在搭建数据库时，我们选择数据引擎的依据是首先了解每种引擎的特性：MyISAM Mysql的默认数据库，最为常用。拥有较高的插入，查询速度，但不支持事务InnoDB事务型数据库的首选引擎，支持ACID事务，支持行级锁定BDB源自Berkeley D

7、B，事务型数据库的另一种选择，支持COMMIT和ROLLBACK 等其他事务特性Memory所有数据置于内存的存储引擎，拥有极高的插入，更新和查询效率。但是会占用和数据量成正比的内存空间。并且其内容会在Mysql重新启动时丢失Merge将一定数量的MyISAM表联合而成一个整体，在超大规模数据存储时很有用Archive非常适合存储大量的独立的，作为历史记录的数据。因为它们不经常被读取。Archive拥有高效的插入速度，但其对查询的支持相对较差Federated将不同的Mysql服务器联合起来，逻辑上组成一个完整的数据库。非常适合分布式应用 Cluster/NDB高冗余的存储引擎，用多台数据机器

8、联合提供服务以提高整体性能和安全性。适合数据量大，安全和性能要求高的应用CSV逻辑上由逗号分割数据的存储引擎BlackHole黑洞引擎，写入的任何数据都会消失，一般用于记录binlog做复制的中继EXAMPLE存储引擎是一个不做任何事情的存根引擎。它的目的是作为 MySQL源代码中的一个例子，用来演示如何开始编写一个新存储引擎。同样，它的主要兴趣是对开发者。EXAMPLE 存储引擎不支持编索引。了解每种引擎的特性后，我们选择MyISAM为常用引擎，个别数据表使用InnoDB弓摩。使用到其技术有：(1) 本项目采用PHP编码，可以创建支持跨平台及 Web服务器的动态网页，增强了 Web 页面程序

9、的独立性、兼容性和可重用性。(2) 所运用软件，静态页面采用了 Myeclipse和DreamerWeaver软件实现各种功能。(3) 在一些功能的设计上采用了 Javascript技术，实现了一些特效，增加不同的效果。(4) 在项目中的界面的设计上大部分采用DIV+Css的方式设计页面呢，以提高页面的美18观性。2.2功能模块设计O，:、admi noXuser系统用例图系统结构图这些功能的作用：前台：信息查看：查看网站信息，网站新闻信息回复分享：可以对网站的新闻进行评论，并分享到微博等社交网站绝育表单：可以为自己的宠物申请一份绝育表单，通过后可到医院进行免费绝育 领养表单：可以查看网站的待

10、领养小动物信息，挑选喜欢的进行领养申请，通过后 可进行领养申请进度查询：申请者可以在绝育页面输入手机号，点击查询自己的绝育申请的审 批进度后台：栏目内容的浏览，添加，更改，删除。新闻栏目内容的浏览，添加，更改，删除。 网站公告内容的浏览，添加，更改，删除。待领养动物的浏览，添加，更改，删除。合作医院的浏览，添加，更改，删除。绝育公告内容的浏览，添加，更改，删除。动物领养申请表单的浏览，审批，拒绝，删除 动物绝育申请表单的浏览，审批，拒绝，删除表中的各部分的名称，数据类型和说明如下面的表所示表 1 主表（archives）字段名数据类型说明idchar(20)编号（主键）typeidchar(2

11、0)栏目编号flagchar(20)标签ismakeInt是否审核clickint点击量titlechar(100)标题Shorttitlechar(100)短标题WriterChar(100)作者LitpicChar(200)缩略图PubdateTime发布时间Sen ddateTime审核通过实践Descripti onChar (100)文早描述WeightInt权重表2文章附加表(addon_articie)此表是archives的附加表 aid是archives表id的外键字段名数据类型说明AidInt文章id (外键)TypeidInt所属栏目IDBodyText文章内容Useri

12、pVarchar(20)发布者IP表3动物附加表(addon_anima)此表是archives的附加表 aid是archives表id的外键字段名数据类型说明aidint文章id (外键)Namechar(20)动物昵称Sexchar(20)动物性别Ageint动物年龄ColorVarchar(100)动物毛色TypeidInt栏目IDDescriptText描述CharacterVarchar(100)性格PubdateTime发布日期UpdateTime更新时间表4医院附加表(addon_hospita)此表是archives的附加表 aid是archives表id的外键字段名数据类型说

13、明AidInt医院id (外键)TypeidInt所属栏目UrlVarchar (100)医院链接Pho neInt医院电话AddressAvrchar(100)医院地址PubdateTime发布时间UpdateTime更新时间表5绝育申请表（form jueyu）字段名数据类型说明NameVarchar宠物姓名WeightVarchar宠物体重ColorVarchar宠物毛色HealthVarchar宠物健康状况User nameVarchar申请人姓名Pho neInt申请人电话addressVarchar申请人地址Descripti onText简要说明PhotoVarchar宠物照片路

14、径SexVarchar申请人性别PubdateTime申请时间UpdateTime修改时间表 6 领养申请表（formingyang）字段名数据类型说明Namevarchar(20)姓名AgeInt年龄SexVarchar性别Occupati onalVarchar职业Compa nyVarchar工作单位AddressVarchar地址Pho neInt电话Name 1Vahchar家庭成员1姓名Sex 1Varchar家庭成员1性别Age 1age家庭成员1年龄Relatio nship 1Varchar与其关系有5位家庭成员信息此处省略4人的OOOLikeVarchar家庭成员喜欢动物吗

15、Opi nionVarchar家庭各成员对领养动物 的意见HelpVarchar家庭各成员能否给予照 顾动物帮助AidInt动物编号Ani urlVarchar动物主页链接表7管理员信息表（teste）字段名数据类型说明IdInt管理员编号（主键）Usertypint管理员类型PwdVarchar 经加密后的密码UseridVarchar管理账号Un ameVarchar管理员称呼Tn ameVarchar该类型名称EmailVarchar管理员邮箱TypeidInt类型编号Log in timeTime最后登录时间Logi nipVarcahr最后登录时IP表8友情链接（flink ）字段名

16、数据类型说明IdIntr友情链接id （主键）UrlVarchar链接URLWebn ameVarchar网站名称MsgVarchar附加信息LogoVarchar友情链接logo地址DtimeTime发布时间TypeidInt链接类型idIscheckInt审核是否通过表9栏目列表（type）字段名数据类型说明IdInt 栏目id （主键）TopidInt排序Type nameVarchar栏目名称TypedirVarchar栏目链接Default nameVarchar栏目默认页Temp in dexVarcar栏目首页模板TemplistVarchar栏目列表页模板Tamparticle

17、Varchar栏目文早模板KeywordsVarchar栏目关键词Descripti onVarchar栏目描述ContentText栏目内容表 10adm in type (compa ny)字段名数据类型说明Ra nkIntID （主键）Tyen ameVarchar管理员类型名称SystemInt系统内置管理员类型还 是用户自己添加Purviewsvarchar(200)专业名称Purviewsvarchar(100)管理员权限3、项目功能描述所有前台页面使用div+css模式布局，并加入js特效，增强页面美观性前台页面首页如下图1所示：北统布保护小钮输傍会Beijing t& prot

18、ect the Associatnon cl Small Animal鉅吝帰协会豎笏由会首页关于我们新闻中心體心处益联黑我mQ协会新闻籬塩斯蒂芬.ajZ-Q4-24缈毎北京帝无主动擁肖手术走点单拉名单(2012-04-24- 爱心在魅芮无主功阪蟄jg育话动(2012-04-24：!晾击堰护，砒躺富期戢JL咲零花钱胸矣g2032-04-24北点市棵护屮她脈盒左起恫岀注云李花烧购 竝打掇斯斋芬呵阳翳KS旦潮斯鬲芬阿斯蒔苍是的呵什赫累旦生蝕打撤 陋旦法爱的邑初舸斯蒂芬昭助藉芬储旦法敝旦法敝旦绘网世骁的范瘡HDfe h电网站公告 NOTICE免奏絶自单通吉同愎畫心Bi月活动同畑爰补曰2月活动同畑賢心曰

19、3冃活动重庄月較狗药品捐助地大弗奶加春恫宿杀陌目V爱心同城日g j祈浪朋爱心公益；凉探护i动糊旅会+加乏壬起吒很快乐険它墓金幕艮 生员:舸11述舌凤祭，一起长盍Li北京同缺畫心日4月若肃北京市棣护小前物协会与祈况淺號益舌就共同主也胡四月说鯛物找姝 宴尖会小捋痢軀韦L典可遥的插味存郡劇邱旷饶睡&人士良 快出动吧.C2D12-04-24J ；!晾冋皿爰心曰4月话动2Q1S-W-H1北京同煤誓心曰3月活功C2012-0q-2(lJ _北京冋煤爱心曰2月蓉助口tJLAEW-何爱猫分会扯JftHW啣痢闻护的吕CAAfiffi分会U 就 A1ickiftB4& Atw&tfliCin美容師分会北京市保护小

20、动物称倉 美容师命舍China. PrnliaairiruJ (.rfHwnrr Aa*dh?r匕:二图1首页展示首页用来展示网站主题，包括导航栏，图片轮换模块，微博调用及友情链接，新闻展示模块。如下图2所示微博模块:(5新浪朋北京保护小幼物协会*与新浪娅盜活动共同主亦椚四同潇独动糊筠隸 J只司爱的通味等着跟你回冢“北東的爱心人士快 2-04-24IZ012-04-242012-04-242012-04-24希望快快找到温牘的家.川曹菌艾F北京漂高小翩家！黠陶米水浇 花:求扩!【北祟】対关卷毛倬 慷小黑猫求领粽小猫像根了畫千与 千寻里面的煤球儿君，眼神肓点小 惊悚，身体健猪洽可遜，馳猫 糕用猫

21、砂，不劉礬雕，在阳光 点巧克力芭。速專柔件见图帧糅电 话 13480SB1572 00340000叭分事到HOPE爱描分会图2功能模块如下图3所示导航栏:美苔师悔会首页关于我们新闻中心爱心公益联系我们动物网站宠物网站宠物医院图3导航栏主要二级页面 如图4所示新闻信息模块:新闻中心北宜同城爱心LM月活动北京市保护d逊馳刍与蔚痕她赭旺动共同空威椚四冃滄浪訓枷緬濟文洪会印将开址.何蛙心愀】北京册翌心日4月活动图4新闻页面如图5所示爱心公益模块:长沙市巾动物临容ffisUKS无处可去记善从卡圧刪动旳恨护悔会瞬，收吝:冻良揃1的厲瞬衣站潼通”酣后匮怨“这2012-tM-SI 1冲拒莎跆爱心祸吾动S0l2

22、-04-2q.1 1201稗北京市无主动拥铠同手權査单位名单(2012-04-24 rSB fl超臧苣W囹书穴谛哀功删际2flB2-D4-2 积杨开展专业似 职业化、理味性于一 体的健康有左的眼务和活动是北京市保护小动晰会克正成対关蓋动物摘家囲対这些可耋樓唸中请o动棉换养审機申请At准浜养崗城魅右日Mt 於 HiM协芝主要任务包括宣传市政府有关野生小动物保护、彖养小动物管理的规章制度；大力开展小动物保护、家养小动物的科学饲养、训鈣及卫生防疫等工作，开展宣传教育、动协保护和交图5爱心公益主要表单通过div与table的多层嵌套实现，主要表单如下:动物列表页面为多重选项列表，如下图 6所示: MS

23、 爱心处益 动物领养流浪动物筛选:20种类全部流浪狗年龄全部成年谎浪猫 亘也幼年性别全部公胖妞图6动物筛选动物领养页面如下图7所示:宠物名胖妞图7动物领养的页面领养表单填写页面如下图8所示：28W|!性别篦-身份证号*关于领人与您同住的家庭咸员姓営姓名姓容性别性别性别年龄年龄与基黄系与其关弓其关图8领养表单绝育表单填写之前通过js判断条件，同意各项协议内容后方可跳转到申请页面 如图9所示：4.凡黑怀孕的母猫需要做引产时.志愿肴需另交纳5。元作为引产费用“5谙您攥带动物去票面指左的动物医院做绝育手术，当月票当月有散，多起作废.我已阅读开同意以上事项.图9条件判断绝育表单页面如下图10所示:竺动物

24、绝育申晴单流浪猫囂片申 iWi：简要说明:温磬提示二申清提交后，谱在?个工作日內查询进廛，笄依据审樓意见遊行后续操作。审置表格图10绝育申请用户通过注册时的电话号码查询申请进度，如图11所示:绝育单进度査询：倚输.扎审谨人手机号码进行查询- 查询沁;图11进度查询管理员通过后台中绝育表单管理申请如图 12所示:1A26 伏态：乘审核性别男饲养经验有0家人喜欢动物吗？如果顎养人因故不能臆颐动物，螺人 能否蛤予帮勖7能动柳躺号38查看宠掬信息共4页/35条记录苜页1 Z 3 4 T页末页审核拒绝删除提交|图12申请管理文章页面评论顶踩分享功能如下图13所示:来源：三湘都市报顶一下踩一下II100

25、. OCft0 . OMiI- T-:盍浪也宝贝家是那个遍暧的地方丁一皓：机年收義別。杀流浪猫狗老夫妇建起说痕动物之家发表评论分拿到：国谓自觉il守互联网t畝的政葷法规，严禁发布色悟、晨力反动滤害论评仰：中立好评0差评回源玛 b 7 y 対、-1踐瞬j图13文章评论通过已建立的后台CMS内容管理系统，修改完善网站模块及具体信息内容发布的全部文档列表管理页面如下图 14所示：添加文档删交档 稱件审孩栏目言連 更韻遞 更新如 交阜回收站所有栏目咬揺I按（使用鼠标右密弹出菜单）ID文章标題更新时氟类目点击HTML报限发布人議作185d谕i俣扌PM动馳会去1腿捐團蒜菇束 OR2C1S-O4-24专项洲

26、163已生廉开議潮览dnin* 1? * 0 V1821O北京鹿生云砌亞朕2C12-C4-2含作医险2已生咸开站浏览焙应1.811 n北点龄山水动物医2012-04-24舍作医险20D已生戒歼就浏览ASAP尸如13010：!僚怕蓉试昔刃韵物同完SO 12-04-21台作医陕1&1邑生廉开議测览ASAT1791301204-24合作医陪79已生慮开他測览ASAT178北豈歳緒庫动物盲蛊201204-24合作医险12S已生成开放浏览屈贬归厲*HT北点中也幽關完SO 12-0斗-24舍作酥74已生g开顽漱览厲研”区017B0北克爰之甌幽医H13012-04-24合作医除79已生咸开敲測览ASA?17

27、51d漁抚播采动医?芫SO 12-04-24舍作医陕92已主國开锁測览ASAT初国附1741a北审帝寿伴（蛊備阳宇201204-24合作医陕eo已生庙ASAF图14发布的全部文档列表管理页面友情链接管理模块如下图15所示:更情诜接管H壇i雌】网詁类型管理】友荷髓按预览彌手：不限类住捜案1网站恥詁医EmMl时闫状在順犀2006-11-27首贡1【恵改】tWJIE1熬物医院20081 H2T首页1!更改側$务动韧阿站200B1I-11首页1更枚佛$余遂迭师消】$握删關女1页/躱记录图15友情链接管理功能页面4、项目技术总结4.1技术创新及特点1. 使用到的PHP技术：(1) PHP是免费的：和其它技术相比，PHP本身免费。(2) PHP的快捷性：程序开发快，运行快，技术本身学习快。嵌入于HTML因为PHP可以被嵌入于HTM语言，它相对于其他语言，编辑简单，实用性强，更适合初学者。跨平台性强：由于PHP是运行在服务器端的脚本可以运行在 UNIX,、LINUX、WINDOWS下。效