基于JS语言的Wolf Encyclopedia网站的设计和实现.pdfVIP

目 录 第一章 概述 1 1.1 项目开发的背景 1 1.2 项目开发的目的 1 第二章 网站分析 3 2.1 网站的基本功能描述 3 2.2 用户流程分析 3 2.3 可行性分析 5 2.3.1 技术可行性 5 2.3.2 经济可行性 5 2.3.3 社会可行性 6 第三章 项目网站设计原则与实现 7 3.1 总体设计原则 7 3.2 轮播图界面模块 7 3.3 按下第一个Read More 按钮后的恐狼界面模块 9 3.4 折叠效果展示模块 10 3.5 Some species of wolves 介绍模块 13 3.6 Cool Wolf 展示模块 15 3.7 部分消息模块 18 3.8 休闲小游戏模块 20 第四章 项目测试23 4.1 软件测试的目的和方法 23 4.2 测试的具体方法 24 总结 28 参考文献29 致 谢30 i 第一章 概述 1.1 项目开发的背景 现如今不管是国内还是国外的人们，都经常喜欢拿动物来比喻某 种品质或者特征，比如雄狮是霸气、勇敢的象征，猴往往用来比喻很 灵活，牛是憨厚勤劳的形象，而绵羊通常代表温柔。 曾经在网上看到过这样一段话: “狼，它没有狮子老虎强壮，也 没有大象那庞大的身躯，但至少我从来没有在马戏团看到过它的身 影 ”。 狼是经常出现在各种文学作品或者影视形象里面的动物，狼群被 认为是团结、坚韧、拼搏的代名词，不少公司的企业文化都强调一个 “狼性”，但实际上人们对狼这种动物并不是很了解，至少大多数人 没有了解得那么全面 ，甚至在人们固有的思想中，狼基本上都是邪 恶、贪婪的生物，这也导致了我们在阅读一些文学作品或者影视剧的 时候，常常可以看到被挂上罪名的狼，但现实生活中的狼，真的是人 们所说的冷若冰霜、十恶不赦的动物么？ 1.2 项目开发的目的 狼是一种很有魅力的动物，在全世界的范围内，喜爱者众多，或 许人们喜欢狼的原因各种各样，但基本上一提到对狼群的印象，第一 反应就是“团结”，狼群之所以能够那么团结，是因为它们有着一套 十分森严的等级制度，生活在同一狼群里面的个体，都遵循这套制 度，各成员之间为了生存和哺育后代而进行社交、相互合作，其能力 仅次于聪明的灵长类动物。 但是现代甚至再往前人们普遍提到关于狼的成语都是什么鬼哭狼 嚎、狼心狗肺、狼狈为奸、引狼入室等贬义的 ，只知道狼是凶残的生 物，但我不这么认为。 随着误解狼、贬低狼的人数不断增加，导致一代又一代的人对狼 这一生物 的理解越来越错误 。为了缓解这一现象 ，本网站从狼的形 象、狼的历史地位、狼的个别 品种还有值得人学习的狼品质、狼的衍 - 1- 生故事、狼的起源 ，六个大方面进行了设计，基本实现了用户在浏览 本项目的时候 ，能够清晰并且正确的了解狼这一生物，另外为了更好 的优化用户的浏览体验，特意添加小游戏功能界面，提高用户的探索 乐趣及兴致。 本项目前台采用HBuilder X 进行页面制作，通过使用JavaScript 以及swiper.js 还有J Q u e r y 实现动态网页的效果, 本文中除了有对 项目的总体设计、详细设计、功能实现等主体部分外，在这之前还介 绍了动态背景、小游戏等的基本内容及实现情况。 Wolf Encyclopedia 网站的开发目的是为了让人们对狼的了解回归 正轨，为了那些喜爱狼这一生物的人们提供方便的查阅条件 。对项目 的实际情况进行调研之后，再进行详细的需求分析，收集现有的狼品 种资料，以及查阅爱狼人士的个人观点看法，做出第一个围绕狼这一 生物的专属资料浏览网站。后期会逐渐更新资料以及新进消息，开发 可供爱狼人士齐聚互相交流的社交功能，随着本项目的不断完善开 发，人们对狼的了解将会回归正轨，爱狼人士则会越来