迷你小百科网站的设计与实现-毕业设计

XX大学XX学院摘要随着人类科技的发展，越来越多的垃圾等副产物被人类制造出来，自然环境遭到大量的破环，许多以此为生的动植物失去了赖以生存的环境，甚至整个物种都已危在旦夕。为了保护这些濒危的动植物，本系统利用了现在的互联网技术，向人们科普身边的保护动植物。本系统基于Java语言进行后端系统的开发，并采用了MySQL进行数据存储。前端页面使用了Bootstrap框架，这是全球最受欢迎的框架。其功能非常强大，能够快速的设计出自己想要的网站。数据的交互使用了Ajax，能够减少数据的访问并减小服务器压力。本系统实现的功能有以下几个，首先是网站的首页，用来向人们展示各种动植物的信息。第二个是搜索功能，用户能根据相应的关键词搜寻自己想搜索的动植物的信息。第三个是登录与注册，用户与管理员登录后能实现各自的功能。第四个是社区功能，用户在社区能发表一些自己的想法与见解。同时也能对其他人的帖子做出一些操作。管理员则能够管理社区的内容。关键词：保护动植物；Web技术；MySQL；Java；SpringBoot

AbstractWiththedevelopmentofhumanscienceandtechnology,moreandmoregarbageandotherby-productshavebeencreatedbyhumans,thenaturalenvironmenthasbeengreatlydamaged,andmanyanimalsandplantsthatliveonthishavelosttheenvironmentonwhichtheylive,andtheentirespeciesisindanger.Thissystemdevelopstheback-endsystembasedonJavalanguage,andusesMySQLfordatastorage.ThefrontpageusestheBootstrapframework,whichisthemostpopularframeworkintheworld.Itsfunctionisverypowerful,anditcanquicklydesignthewebsiteyouwant.Ajaxisusedindatainteraction,whichcanreducedataaccessandreduceserverpressure.Thefunctionsofthissystemareasfollows.First,thehomepageofthewebsiteisusedtoshowpeopleallkindsofinformationaboutanimalsandplants.Thesecondisthesearchfunction,whereuserscansearchtheinformationoftheanimalsandplantstheywanttosearchaccordingtothecorrespondingkeywords.Thethirdisloginandregistration.Usersandadministratorscanrealizetheirrespectivefunctionsafterloggingin.Thefourthisthecommunityfunction,whereuserscanexpresstheirownideasandopinions.Atthesametime,youcanalsodosomeoperationsonotherpeople'sposts.Administratorscanmanagethecontentofthecommunity.Keywords：Protectanimalsandplants;Webtechnology;Mysql;Java;SpringBoot

目录TOC\o"1-3"\h\u1绪论 [6]。随后，美国国会于1900年通过的雷斯法案(LaceyAct)在管理野生植物方面迈出了重要一步。20世纪60年代，美国的环境保护运动促使美国创设了国家野生保护制度，成立了稀有和濒危物种委员会，并发布了63个濒临灭绝的植物和动物物种。美国国会于1966年正式通过了《濒危物种保护法》。这部《濒危物种保护法》在后面的工作中对保护濒危野生植物保护起到了非常重要的作用。1.3本文研究内容1.3.1论文结构本文主要分为以下几个部分：第一部分是绪论部分，介绍了项目的研究背景与国内外研究现状。第二部分是系统分析部分，从理论上分析系统的需求，模块等，分析产品的可行性。第三部分是系统设计部分，介绍系统的大概流程。第四部分是系统实现部分，介绍系统的开发过程。第五部分是系统测试部分，测试系统的功能。第六部分是总结与展望，对项目最后的总结和介绍开发过程中遇到过的哪些问题。1.3.2研究方法及手段1、文献研究法文献研究法通过查阅国内外的相关资料，分析国内外现有保护动植物的相关资料。例如通过国家出台的相关法律法规与设立的相关单位来分析国内对保护动植物的认知情况。2、比较分析法比较分析法将国内外的相关研究进行比较，分析其中的差异，也许还能找到一些更完美的方法。

2系统分析2.1可行性分析2.1.1经济可行性分析本系统所使用的开发工具为JDK1.8、MySQL、IntelliJIDEA、VisioStudioCode。这些软件都可以从其官网下载，而且都是免费的软件，此系统选用的开发模式成本也比较低。综上所述，系统从经济上是可行的。2.1.2技术可行性分析本系统实现的方式有Web技术、Java、MySQL、SpringBoot、MyBatis、Ajax等技术。SpringBoot可以用来简化开发过程。Mybatis能够提高数据库的运行效率。Ajax能够使网页的响应变得更快。综上所述，系统从技术上是可行的。2.1.3操作可行性分析本系统所使用的操作系统为Windows10，这是全球最受欢迎的操作系统，使用起来的门槛也比较小。综上所述，系统从操作上是可行的。2.2需求分析2.2.1关键技术本系统前端主要运用Bootstrap框架进行开发，后端使用SpringBoot框架，数据库使用MySQL数据库服务器，在开发语言上面使用了Java，开发工具主要是IntelliJIDEA和VisioStudioCode。1、Bootstrap简介Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。这是全球最受欢迎的前端开源工具库，它支持Sass变量和mixin、响应式栅格系统、自带大量组件和众多强大的JavaScript插件。基于Bootstrap提供的强大功能，能够快速设计并定制想要的网站。2、SpringBoot简介SpringBoot基于Spring4.0设计，不仅继承了Spring框架原有的优秀特性，而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性等问题得到了很好的解决。3、MySQL简介MySQL是一个关系型数据库管理系统，由瑞典MySQLAB公司开发，属于Oracle旗下产品。MySQL也是最流行的关系型数据库管理系统之一。在关系数据库中，数据将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。4、Ajax简介Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。使用JavaScript向服务器提出请求并处理响应而不阻塞用户核心对象XMLHttpRequest。通过这个对象，JavaScript可在不重载页面的情况Web服务器交换数据，即在不需要刷新页面的情况下，就可以产生局部刷新的效果。Ajax在浏览器与Web服务器之间使用异步数据传输（HTTP请求），这样就可使网页从服务器请求少量的信息，而不是整个页面。2.2.2业务流程分析此网站分为两个大的板块，静态板块和动态板块，对于普通用户来说，静态板块是不需要登录就能查看的信息展示板块，若需要在上面进行点赞、发帖等动作，就需要登录来使用动态板块。同时，只有管理员能修改静态板块的信息。图2.1业务流程图2.2.3功能需求分析当用户只是浏览信息时，可以不用登录。若用户需要发帖等操作，就需要注册及登录。同时，登录后也可以修改自己的信息。1、后台系统后台系统可分为用户和管理员两部分。用户可以修改自己账号的信息，管理自己的浏览记录和发出的帖子。管理员可以对首页展示的信息进行管理，同时，管理员也能管理用户的帖子，以此来维护社区环境。图2.2后台系统功能用例图2、前台系统前台系统用于向用户展示网站的首页，用户能够在首页查看自己所需要的信息，同时还能筛选自己想要的分类。管理员也能查看网站的首页，同时对页面进行检查，看有没有什么信息错误或者排版问题。图2.3前台系统功能用例图3、搜索系统搜索系统更够让用户检索自己想要的信息。用户可以搜索动植物的名字，分类等信息，同时网站能根据用户不同的关键词展示不同的页面。图2.4搜索系统功能用例图4、社区系统社区系统能让用户在里面进行发帖、点赞、评论等操作。管理员拥有最高的权限，能够管理所有的用户及社区信息，以维持社区的良性发展。同时，管理员能够将违规的用户关进小黑屋。图2.5社区系统功能用例图2.2.4性能需求分析本网站运行所需要的性能比较少，因此对于性能的要求不高。2.2.5数据需求分析1、用户数据：用户名、性别、邮箱。2、动植物数据：id、名称、特征、栖息地、保护等级。3、社区数据：发帖用户、发帖时间、点赞数、用户评论。2.2.6接口需求分析1、登录接口：用户注册、登录，个人信息修改。2、数据接口：用户数据、管理员数据、动植物数据、社区数据。2.2.7将来可能提出的需求分析1、页面排版美化。2、优化搜索算法。3、利用人工智能判断用户是否违规。4、向大型网站发展。

3系统设计3.1架构设计软件架构是该系统的一个或多个结构，由元素，外部元素属性与之间的关系组成。系统架构图如图3.1所示：图3.1系统架构图3.2功能模块设计图3.2系统功能模块图3.3数据库设计3.3.1概念模型设计通过分析此系统，得出此系统的数据库需要下列表：用户表（user）、动物表（animal）、植物表（plant）、保护等级表（grade）、分类表（category）和社区数据表（post）。数据库E-R图如图3.3所示。图3.3系统E-R图（Navicat）3.3.2数据库表的设计1、user表结构如表3.1所示。表3.1用户信息表user序号列名数据类型长度主键外键允许空默认值说明1idint11是否用户id2unamevarchar20是用户名3passwordchar32是密码4saltchar36是盐值5emailvarchar20是邮箱6avatarvarchar50是头像7Is_deleteint1是是否删除续表3.1用户信息表user序号列名数据类型长度主键外键允许空默认值说明8created_timedatetime20是创建时间9Modified_timedatetime20是修改时间2、animal表结构如表3.2所示。表3.2动物信息表animal序号列名数据类型长度主键外键允许空默认值说明1idint11是否动物id2namevarchar20是动物名3infovarchar255是简介4featurevarchar255是特征5areavarchar255是栖息地6grade_idint1是保护等级3、plant表结构如表3.3所示。表3.3植物信息表plant序号列名数据类型长度主键外键允许空默认值说明1idint11是否植物id2namevarchar20是值物名3infovarchar255是简介4featurevarchar255是特征5areavarchar255是分布地区6grade_idint1是保护等级4、grade表结构如表3.4所示。表3.4保护等级表grade序号列名数据类型长度主键外键允许空默认值说明1idint11是否动物id2namevarchar20是动物名3infovarchar255是简介4featurevarchar255是特征5areavarchar255是栖息地6grade_idint11是保护等级5、category表结构如表3.5所示。表3.5分类表category序号列名数据类型长度主键外键允许空默认值说明1category_idint11是否分类id2category-namevarchar20是分类名称3category-rankint11是排序值4is_deletedint1是是否删除5create_timedatetime20是创建时间6、post表结构如表3.6所示。表3.6社区数据表post序号列名数据类型长度主键外键允许空默认值说明1post_idint11是否帖子id2publish_user_idInt11否用户id续表3.6社区数据表post序号列名数据类型长度主键外键允许空默认值说明3post_titlevarchar255是标题4post_contentvarchar255是内容5post_category_idint11是分类id6post_category_namevarchar255是分类7post_statusint11是审核状态8post_viewsint11是阅读9post_commentsvarchar255是评论10post_collectsint11是点赞11last_update_timedatetime20是修改时间12create_timedatetime20是添加时间

4系统实现4.1开发环境本系统开发环境如表4.1所示。表4.1系统所需软、硬件环境硬件环境软件环境CPU：2.4G操作系统：Windows10内存：32GB数据库：MySQL8.0；JDK版本：1.8硬盘：1000GBWeb服务器：Tomcat8.0浏览器：GoogleChrome4.2功能模块实现4.2.1登录模块登录模块实现的功能有：登录功能：用户在登录页面使用正确的用户名和密码才能登录。1、登录功能用户再进行登录时，后台会使用注册时生成的盐值加上密码一起进行加密，然后将加密后的值与数据库对比，若相同则可以登录。实现登录功能的代码如图4.1所示。图4.1登录模块部分代码登录的实现效果图如图4.2所示。图4.2登录模块实现图4.2.2注册模块注册模块实现的功能有：注册功能：用户输入数据必须为有效字符才能进行注册。日志功能：用户注册成功后会将注册时间保存在数据库。1、注册功能用户在进行注册时，后台会生成一个盐值，然后这个盐值会被分成两部分加在密码的头尾，然后经过MD5算法进行三次加密后存入数据库，防止泄露用户的密码明文。实现注册功能的代码如图4.3所示。图4.3注册模块部分代码注册的实现效果图如图4.4所示。图4.4注册模块部分代码4.2.3修改模块修改模块实现的功能有：修改个人信息：修改邮箱与性别修改密码：修改密码1、修改密码修改密码时，首先会验证当前用户的uid是否正确，验证成功后，会将当前用户的salt值加到新的密码上，然后进行加密并存储到数据库。实现修改功能的代码如图4.5所示。图4.5修改模块部分代码修改模块的实现效果图如图4.6所示。图4.6修改模块实现图4.2.4搜索模块搜索模块实现的功能有：检索信息：通过关键字搜索找出用户想要搜索的信息1、搜索信息进行关键字搜索时，首先前端会将获取的字符传送给后端，后端再通过遍历数据库找出相应的信息，若存在则将信息发送给前端页面，若不存在则返回空。实现搜索功能的代码如图4.7所示。图4.7搜索模块部分代码搜索模块的实现效果图如图4.8所示。图4.8搜索模块实现图4.2.5社区模块社区模块实现的功能有：用户动态管理：用户能再社区发帖、点赞、评论等操作。管理员社区管理：管理员能管理每个用户和每个用户的活动。1、用户动态管理用户登录后，能在社区进行各种活动。包括发布自己的想法、对被人的动态进行点赞或者评论某个人的帖子。用户实现社区功能的代码如图4.9所示。图4.9社区模块（用户）部分代码用户社区模块的实现效果图如图4.10所示。图4.10社区模块（用户）实现图2、管理员社区管理管理员能对社区各种内容进行管理，包括用户管理、文章管理、标签管理和消息管理。用管理员实现社区功能的代码如图4.11所示。图4.11社区模块（管理员）部分代码管理员社区模块的实现效果图如图4.12所示。图4.12社区模块（管理员）实现图

5系统测试5.1测试计划5.1.1测试范围与主要内容1、前端页面的功能测试首页正常加载、用户注册/登录成功、用户修改个人信息成功、用户能够正常发帖。2、后端功能测试管理员修改信息成功、添加用户成功、删除用户成功。5.1.2测试方法测试此系统时用到了黑盒和白盒测试。黑盒测试主要在前端，不需要修改代码，只需要验证功能是否完好。白盒测试主要是在项目中编写一个测试类进行测试。5.1.3测试环境此系统的测试环境为Windows10操作系统，Java环境为jdk1.8，MySQL8.0。测试时现在IDEA中开启后端服务器，然后在Chrome浏览器中测试前端页面是否能够接收到数据。表5.1测试环境客户端软、硬件配置备注硬件软件ACPU：P42.66GOS：Windows10内存：1GMSN7.5硬盘：160G浏览器：GoogleChromeBCPU：P42.66GOS：Windows11内存：4GMSN7.5硬盘：520G浏览器：Edge5.2功能测试5.2.1页面测试页面测试，项目运行后，测试是否能够成功进入首页，同时首页的排版与信息没有出现错误。如表5.1所示。表5.1页面测试用例表所属模块注册模块用例作者谢世宏BUG编号BUG-01测试人员谢世宏测试日期2023年5月5日测试类型功能测试测试工具无用例IDTest-web用例描述查看首页是否能进入；查看页面跳转是否正常；查看页面排版是否正确。必要条件进入首页。操作步骤启动项目，进入浏览器查看8080端口是否能够正常进入。预期结果首页顺利进入；页面顺利跳转；排版正确。实际结果首页顺利进入；页面顺利跳转；排版正确。测试结论页面测试通过。5.2.2注册测试注册测试，测试用户是否能注册成功。如表5.2所示。表5.2注册测试用例表所属模块注册模块用例作者谢世宏BUG编号BUG-02测试人员谢世宏测试日期2023年5月5日测试类型功能测试测试工具无用例IDTest-register续表5.2注册测试用例表用例描述在注册页面成功注册。必要条件进入注册页面。操作步骤在注册页面进行注册操作。预期结果注册成功。实际结果注册成功。测试结论注册测试通过。5.2.3登录测试登录测试，测试用户是否能登录成功。如表5.3所示。表5.3登录测试用例表所属模块登录模块用例作者谢世宏BUG编号BUG-03测试人员谢世宏测试日期2023年5月5日测试类型功能测试测试工具无用例IDTest-login用例描述在登录页面成功登录。必要条件注册成功后进入登录页面。操作步骤在登录页面进行登录操作。续表5.3登录测试用例表预期结果登录成功。实际结果登录成功。测试结论登录测试通过。5.2.4修改测试修改测试，用户登录后，测试用户是否能修改个人资料与密码。如表5.4所示。表5.4修改测试用例表所属模块修改模块用例作者谢世宏BUG编号BUG-04测试人员谢世宏测试日期2023年5月5日测试类型功能测试测试工具无用例IDTest-change用例描述登录账号；进入个人资料页面；修改个人资料和密码。必要条件登录成功。操作步骤登录后在个人主页操作。预期结果登录成功；成功进入个人资料页面；修改个人资料和密码成功。实际结果（1）登录成功；（2）成功进入个人资料页面；（3）修改个人资料和密码成功。测试结论修改测试通过。5.2.5搜索测试搜索测试，测试搜索功能是否正常。如表5.5所示。表5.5搜索测试用例表所属模块登录模块用例作者谢世宏BUG编号BUG-05测试人员谢世宏测试日期2023年5月5日测试类型功能测试测试工具无用例IDTest-search用例描述在搜索框中搜索相应的关键字；是否展示相应的信息。必要条件成功进入搜索页面。操作步骤在搜索页面进行搜索操作。预期结果跳转成功；显示出正确的信息。实际结果跳转成功；显示出正确的信息。测试结论搜索测试通过。5.2.6社区测试社区测试，测试发帖、点赞、评论等功能是否正常。如表5.6所示。表5.6社区测试用例表所属模块登录模块用例作者谢世宏BUG编号BUG-06测试人员谢世宏测试日期2023年5月5日续表5.6社区测试用例表测试类型功能测试测试工具无用例IDTest-community用例描述进入社区；进行发帖、点赞、评论操作。必要条件登录成功。操作步骤在社区进行操作。预期结果成功进入社区并能查看别人的帖子；操作成功。实际结果成功进入社区并能查看别人的帖子；操作成功。测试结论社区测试通过。5.3兼容性测试在不同的企业，使用的生产环境可能大不相同，比如操作系统就有Windows、Linux、MacOS等，因此，兼容性测试就显得尤为重要。5.4测试结论本系统经历各种功能与兼容测试，各个模块正常运行，因此符合测试要求。

6总结与展望6.1总结现在，这个网站项目已经完成的差不多了。对于这个网站来说，优点与缺点并存着。优点在于本网站使用了现在新兴的互联网技术。这样就能向更多人传播知识。同样，这样做的缺点也很明显。对与那些不经常上网的人来说，这样一个网站起的作用可能微乎其微，相对而言书本才是更好的获取知识的途径。同时，这样一个网站不是一个人就能搞定所有的工作，因此，如果想完善这个网站，就得花更多的时间和精力去开发。6.2展望对于这个项目而言，还有很多可以去优化的地方，但是个人的能力还是有些微不足道，需要去学习更多的知识来完善这个项目。如果有这个机会的话，将这个项目上线或许是一个不错的选择。

参考文献赵兴华.浅谈野生动植物保护[J].新疆林业,1984(02):54-55.黄奕轲.动物保护伦理的本土化研究[D].上海师范大学,2018.邢赵炜.论西方动物保护伦理的困境与出路[D].大连理工大学,2018.魏辅文,娄治平.中国野生动物保护研究现状[J].中国科学院院刊,2010,25(06):668-673.李晟,王大军,肖治术,李欣海,王天明,冯利民,王云.红外相机技术在我国野生动物研究与保护中的应用与前景[J].生物多样性,2014,22(06):685-695.国政,臧润国.国外濒危野生植物保护模式的研究与借鉴[J].广东农业科学,2012,39(22):230-233.DOI:10.16768/j.issn.1004-874x.2012.22.014.樊金拴,葛文官,邢跃进.我国野生动植物资源现状与保护管理对策[J].林业调查规划,2008,No.144(04):78-82.梁佩英.野生动植物保护工作的现状、问题及对策[J].农技服务,2017,34(11):147-148.毛秀梅.我国野生动植物保护现状[J].农业科技与信息,2008,No.300(19):54-55.张翠霞.我国野生动植物资源保护存在的问题及对策[J].乡村科技,2022,13(08):147-150.DOI:10.19345/ki.1674-7909.2022.08.009.陈效举.我国野生动植物保护与利用面临的挑战及对策[J].乡村科技,2021,12(32):109-111.DOI:10.19345/ki.1674-7909.2021.32.021.周跃华.关于《国家重点保护野生药材物种名录》修订之探讨[J].中国现代中药,2012,14(09):1-12.DOI:10.13313/j.issn.1673-4890.2012.09.014.冯学军.基于SSH框架的Web网站设计与实现[D].长春理工大学,2010.马雪山,张辉军,陈辉,田娟,李宁.前后端分离的Web平台技术研究与实现[J].电子技术与软件工程,2022(08):70-7