《基于express的环保主题动态网站.docx》由会员分享，可在线阅读，更多相关《基于express的环保主题动态网站.docx（41页珍藏版）》请在课桌文档上搜索。
1、摘要中华民族诞生在黄河流域。追溯历史，这里就必有其生存条件，先民才在此定居下来，繁衍生息。中国古乐诗：天苍苍，野茫茫，风吹草低现牛羊，就是黄河流域自然景观的写照。那么为什么后来却出现“一方水土不足以养一方人呢”？虽同在一块天，同在一块地，今天和当年先民们生存环境条件已大不相同，环境问题已非常严重。当支撑人类文明的自然资源、自然环境的消失了，文明也将消失，如古巴比伦王国的衰亡，地中海文明的衰落，虽然中华文明是一种延续下来的文明，但随着环境的变迁，中华文明的中心已从古代的黄河流域逐渐东迁南移。面对我国环境问题比较严峻的现实，我们应该重新审视自己的社会经济行为，深刻反思传统的发展观、价值观、环境观和
2、资源观，重新思考人类未来的命运，走出全球生态危机的困境，消除人与自然紧张关系的困惑。使人们认识到必须努力寻求一条人口、社会、经济、环境、资源相互协调，既能满足当代人的需求又不对满足后代人的需求构成危害的可持续发展的道路。而环境的保护和治理、资源的高效持续利用、社会经济的进步都离不开人，适当数量的高素质人是可持续发展的先决条件，特别是公众环境意识水平的高低，直接左右着人们的行动，环境意识是调节、引导和控制人们环境行为的内在原因，因此必须提高公众的环境保护意识，才能使我们赖以生存的环境、资源实现可持续发展。本文旨在通过环保网站的建设让更多的人认识到保护环境，可持续发展的重要性，该网站使用VSCOd
3、e开发工具，是对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，而mysql数据库是一种小型的中小型关系型数据库，它安装体积小，占用内存底，适合中小型项目开发。后端使用node,jsexpress,作为node.js的框架它有着轻便，强大的特点，前端使用IayUi技术来实现的，IayUi前端框架十分便于我们进行前端网站的开发，因为它包含了许多的APl接口并且给予了我们更加简单自由的开发体验。关键词：环保网站VscodemysqlnodejsexpresslayuiAbstractTheChinesenationwasbomintheYellow
4、RiverBasin.Lookingbacktohistory,theremustbelivingconditionshere,wheretheancestorssettleddownandthrived.AncientChineseMusicPoetrynheskyisvast,thewildisboundless,thewindblowsthegrassandthecattleandsheeparelow,whichisthereflectionofthenaturallandscapeoftheYellowRiverBasin.Thenwhydid,onesideofsoilandwat
5、erisnotenoughtosupportonesideofpeople7Althoughthesameday,thesameland,todayandtheancestorslivingenvironmentconditionshavebeengreatlydifferent,environmentalproblemshavebeenveryserious.Whenthenaturalresourcesandenvironmentsupportinghumancivilizationdisappear,civilizationwillalsodisappear,suchasthedecli
6、neofancientBabylonKingdomandMediterraneancivilization.AlthoughChinesecivilizationisacontinuedcivilization,withthechangeofenvironment,thecenterofChinesecivilizationhasgraduallymovedfromtheancientYellowRiverbasintothesouth.Facingthesevererealityofenvironmentalproblemsinourcountry,weshouldre-examineour
7、socialandeconomicbehavior,deeplyreflectonthetraditionaloutlookondevelopment,values,environmentandresources,rethinkthefuturefateofmankind,getoutofthepredicamentofglobalecologicalcrisis,andeliminatetheconfusionoftensionbetweenmanandnature.ltmakespeoplerealizethatwemuststrivetofindawayofsustainabledeve
8、lopmentthatcanmeettheneedsofcontemporarypeopleandnotharmtheneedsoffuturegenerationsbycoordinatingpopulation,society,economy,environmentandresources.Theprotectionandmanagementoftheenvironment,theefficientandsustainableutilizationofresourcesandtheprogressofsocialeconomyareallinseparablefromhumanbeings
9、.Anappropriatenumberofhigh-qualitypeoplearetheprerequisiteforsustainabledevelopment,especiallythelevelofpublicenvironmentalawareness,whichdirectlyaffectspeople,sactions.Environmentalawarenessistheinternalreasonforregulating,guidingandcontrollingpeoplesenvironmentalbehaviors,soitisnecessarytoimprovet
10、hepublicenvironmentTheconsciousnessofprotectioncanmaketheenvironmentandresourcesWedependontorealizesustainabledevelopment.Thispaperaimstoletmorepeoplerealizetheimportanceofenvironmentalprotectionandsustainabledevelopmentthroughtheconstructionofenvironmentalprotectionwebsite.Thewebsiteusesvscodedevel
11、opmenttools,MySQLdatabase,nodejsexpressatthebackend,andIayuitechnologyatthefrontend.KeyWordszEnvironmentalwebsite;vscode;MySQL;nodejsExpress;Iayui目录1 前言I1.1 当今环境问题11.2 环保网站的意义12 相关技术22.1 visualstudiocode22.2 Nodejs22.3 expresss22.4 MySQL数据库3533 需求分析43.1 可行性分析43.1.1 技术可行性分析43.1.2 经济可行性分析43.1.3 操作可行性分
12、析43.2 需求分析43.2.1 功能需求43.2.2 非功能需求53.3 用例分析53.4 系统流程分析63.4.1 登录流程63.4.2 操作流程63.4.3 添加信息流程73.4.4 修改信息流程83.4.5 删除信息流程94 总体设计104.1 系统总体模块设计104.2 数据库设计104.2.1 概要设计104.2.2 物理设计115 详细设计与实现135.1 首先135.2 用户注册135.3 用户登录145.4 环保栏目分类155.5 文章165.6 我发的贴176 系统功能测试196.1 测试用例196.2 测试结果分析207 总结与展望217.1 总结217.2 展望21参考
13、文献2324致谢1.1 当今环境问题目前这个世界上的资源快速损耗，人类将会面临这种种的问题与生存的压力，其中人口问题也是目前为止人类将要去面对的一个比较严峻的问题，而且目前也因为人口问题引发了环境以及资源问题。急速膨胀的人口造成了资源的损耗加快，环境的污染加深，换句话来讲，人口问题是解决一切问题的关键。一是人类对自然环境的影响最大相继自然也对人类的所作所为做了出反应。二是人们在生活和进步中不断寻找和开发自然资源，来满足人们的物质及精神上的需求，为了营造舒适的生活环境，倾倒废物、导致严重污染生态环境。大自然相继以各种方式回应着人类，来阻止人类无尽的贪欲和不节制的使用资源，并导致了各种自然灾害。人
14、口的增长给环境造成了巨大的压力。此外，随着人口的不断增加，造成了人口的教育文化水平低，环境意识薄弱法律意识低下。这直接导致了严重的后果并严重破坏了资源和环境。必须加紧环保的宣传。1.2 环保网站的意义保护地球的自然资源以及维持生态环境的平衡其最有效的方法是要去鼓励群众自发参与，但是群众在很多的时候是不清楚自己能做什么的，因为他们并不能了解自己保护生态环境的权利有哪些以及要怎么去行使这些权利，因此如果要化解人们造成的问题，第一步则是有关部门必须提高认识到加强人民对环境的保护意识才是最基本的方法，并成立专门的人员以及预算的管理部门，使公众获得更清晰易懂的信息。同时，要提高群众的环保知识以及意识，开
15、展环保宣传社会化活动，普及环保意识，形成人人参与环保、舆论监督推广的环境保护局面。然后，通过新闻自由和信息自由法，人们才会有了解到更多信息的条件，同时群众也是具体实施的执行者。人们正确理解并做好定位保护自然是人们的责任护环境的重要性，才能在具体行动中实现对环境的保护，并充分利用公众的主观能动性。有效发挥环境保护的重要作用。本网站可以通过发布帖子进行环保意识宣传，通过发布环保常识，积极参加环保活动等公益加强老百姓对环境保护的意识。2相关技术2.1 visualstudiocode2015年4月30日MieroSOft公司BUikl开发者见面会上郑重开启了VisualStudioCode项目：其可
16、以运行MacOSX、Windows以及LinUX,适用于编写Web和云应用的一个可以跨平台的源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，其中包含语法高亮(syntaxhighIighting),可定制的热键绑定功能(customizablekeyboardbindings),括号匹配程序块(bracketmatching)还有代码片段的收集(snippets)oSomasegar也告诉笔者这款编辑器也拥有对Git的开箱即用的支持。2.2 Node.jsNodejs是以JaVaSCriPtV8为基础的使用JaVaSCriPt作为开发语言的开发环境，Nodejs最大的特点是单
17、线程高并发，事件驱动，非阻塞I/O。这是体现了NOdejS的最显著的功能，Nodejs是一个允许JaVaSCriPt在服务器上运行操作的开发平台。其让JaVaSCriPt成为了脚本语言与服务器语言(例如PHP,Python,Perl,Ruby等)相等。该版本由RyanDahl发布于2009年5月，主要涵盖ChrOmeV8引擎。NOde改进了特别的用法，并且增加了可供选择的API,以使V8在非浏览器环境中也能很好地工作。ChromeV8可以非常快速地运行Javascript,并且性能很强大。ChromeJaVaSCriPt运行时的平台是NOde.js,其用来构建具有响应能力，快速且易于扩展的We
18、b应用程序。该节点使用的是事件驱动，非阻塞的I/O模型达到了提高权重和效率的效果，并且适用于分布式设备上运行数据密集型的应用程序。2.3 expressjsExpress是一种基于NodeJS平台的极简快速开发的Web框架，使用Express框架可以帮助我们快速搭建一个完整功能的网站，该框架主要应用于网站开发中前端与后台的响应，也就是帮助我们搭建服务器，众所周知，在网站开发这块的框架中分为前端框架以及后端的响应式框架，而Express就是作为响应前端页面中非常常用的一种框架，由于它是基于NOdejS平台的，所以有关于NodeJs的优势他都具备，比如单线程，非阻塞/0等等，但是EXPreSS框架
19、没有对node.js已经存在的优势进行多次的迭代，而是在NodejS的基础上增加了许多web端要用到的功能。举个例子，Express拥有数量庞大的HTTP工具和Connect框架所独有的中间件我们开发者都可以通过express进行随时的调用，因此调用强大的、友好的API变得更加快速和简单。而且因为是开发框架，所以它给开发者提供了许多的支持，比如自带Router、路由规则相比于其他Web框架会更加灵活和宽松等。2.4 MySQL数据库它是一种小型的中小型关系型数据库，它安装体积小，占用内存底，适合中小型项目开发。2.5 Iayui它是web上的弹出式解决方案，可让您根据你所想的然后把你所想的做出
20、来。其作者是前沿开发工程师的核心。Iayer致力于允许用户灵活地自定义设置，从而为不同的人提供不同的使用习惯。它的重要性在于它可以使您的页面享受更丰富、更便捷的体验过程，并且只需要在连接时配置相关参数就可以做出一个很有趣味性的网站。类似的弹出组件与其对比而言，IayCr的优点更为直接，它的功能最强大用的代码最少。Layer很是着重与性能的开发，比如，在多层模式的回调处理时，它有着大部分组件没有的“独立不冲突”特点。您可以安全地在页面上随意的弹出标签和图层，因为它们不会相互重叠。当您要求其兼容性时，Iayer可以安全地告诉您它与几乎所有浏览器都兼容，尽管是最旧的ie6浏览器。Layer公开了许多
21、接口(api),可让您随意地自定义所需的样式，尤其是页面图层的分层，这就意味着您可以忽略该Iayer的当前皮肤，可以根据你自己的想法来给她做出合适的页面。而现在的问题在于，我必须中止掉“王婆卖瓜”的陈述。因为它的一切不足或优势，都需要你在使用过程中去发现以及习惯。据不完全的统计，截至到目前，layer已服务于8000多家Web的平台。Iayer作为IayUl库的成员，它承诺将会一直致力于为Web开发提供动力。3需求分析3.1 可行性分析3.1.1 技术可行性分析我们的大学中有开设网站开发这门课程，并且老师曾经有介绍过node.js框架，自己尝试使用该框架和MySQL数据库开发过学校的官网，所以
22、在技术上开发本系统是没问题的。3.1.2 经济可行性分析在开发本系统中所使用的开发软件像ViSUaIstudioCOde开发工具、MySQL数据库、Photoshop图片处理软件等，这些都是开源免费的，并且系统是自己开发的，所有在经济上是不需要花费一分钱的。3.1.3 操作可行性分析现在家家户户都有网线，大到老人小到孩子都喜欢玩电脑，本系统在操作上和其他系统类似，会简单电脑操作的，就可以快速上手使用本系统，所以在操作上没任何问题。3.2 需求分析3.3 2.1功能需求(1)用户管理：对用户的个人基本信息进行管理。例如：用户名、密码、昵称等。(2)用户发帖：用户可以在环保常识、环保活动、环保新闻
23、、最新动态专栏发帖。(3)查看发帖：用户可以在页面上看到相应专栏中其他用户所发的帖子。(4)用户回帖：用户可以在查看其他用户发的帖子时进行回复。(5)帖子编辑：用户可以在我发的帖子中对自己发的帖子进行编辑。(6)界面的设计：界面包括环保常识、环保活动、环保新闻、最新动态四个专栏，用户必须登录才能发布帖子，界面必须包括登录注册的按钮。(7)交流：用户可以点击交流查看自己发布的帖子其他用户回复情况并进行回复。3.2.2非功能需求由于系统需要长期使用，在非功能上应满足以下性能需求。(1)在易用性上，考虑到运营人员不一定是计算机专业，也能让其自如的操作，功能设计去掉复杂流程，设计简单易懂，不需专业计算
24、机人员就可操作，减少培训成本。(2)在系统的稳定性上，本系统除了管理人员操作后台数据以外，同时是部署对外运行的，如果系统奔溃或响应速度慢，则会非常直观的影响用户的使用体验，而且要求对系统的稳定性较高，必须保证本系统在服务器上无故障运行三个月以上。(3)系统访问并发量可能会急剧增加，因此要求本系统需要具有较大的承载能力，可同时容纳100O以上的并发量。(4)经调查研究显示，用户打开一网页，在5秒之内无法打开就会选择放弃，所以要求系统必须在5s以内响应。(5)随着时间的推移，现有模块可能已经不能满足业务需求，需要有更多的功能需求，因此本系统需要具备容易扩展性能。3. 3用例分析用户角色主要包括用户
25、注册、用户登录、在环保常识专栏发帖、在环保活动专栏发帖、在环保新闻专栏发帖、在最新动态专栏发帖、回帖、和修改个人的信息、修改登录密码等。3.4系统流程分析3.4.1登录流程为了保证系统的安全性，所有用户要想对系统进行管理，首先进行登录过程,系统的流程图如下图所示。开始登录成功图3.2登录流程图3.4.2操作流程首先打开网站，然后单击右上角的登录图标随即打开了登录页面，接下来需要使用正确的用户名和密码登录。系统将验证用户的登录信息并正确匹配该信息。最后进入用户对应的工作界面，用户可以使用权限对系统进行操作，否则提示信密码错误，登录失败。环保主题动态网站系统操作流程如下图所示。开始结束图3.3系统
26、操作流程图3.4.3添加信息流程当您添加的信息，编号系统会启动自动编号方式，即用户不用重新输入，添加信息时只要求用户填入相应的信息，系统会自动检查输入的信息是否合法，并在验证过程成功后显示信息。将信息添加到数据库，否则，将出示添加不成功，并要求重新填写信息才能成功。添加信息的流程图如下。写入数据库结束图3.7添加信息流程图3.4.4修改信息流程如果用户想更改信息，则会打开更改信息页面，然后填入修改信息数据，系统随即会对修改后的信息进行判断和验证。如果修改信息合法，则将进行修改，并且该信息将保存到数据库中。如果信息不合法将显示该信息修改失败，需要再次填入修改后的数据。修改信息的流程图如下图。开始
27、选择需要修改记录是否合法输入数据写入数据库结束图3.8修改信息流程图3. 4.5删除信息流程当用户需要删除信息、，必须先选定要删除的信息、，随后右键单击删除按钮，这时系统会询问是否确定删除信息，点击删除确认，然后删除信息成功，系统数据库将删除此信息。删除信息的流程图如下图所示。开始选择需要删除记录V是否删除更新数据库结束图3.9删除信息流程图4总体设计4.1系统总体模块设计根据前面的分析研究，环保主题动态网站的功能性需求可大致分为用户登录前与用户登录后两大部分。环保主题动态网站登录前登陆后用用查查查查修户户看看看看改注登环环环最信册录保保保新息常新活动识闻动态发发发发回回回回用删布布布布复复复
28、复户除环环环最环环环最交动保保保新保保保r 初流态常新活动常新活动识闻动态识闻动态图4-1系统功能模块图4. 2数据库设计4.2.1概要设计环保主题动态网站系统的功能设计，第一步先要建立它们变量之间的关系，然后实现程序之间的逻辑。环保主题动态网站系统可以划分的数据库实体有如下。用E-R图描述这些实体。(1)用户实体图图4-1用户实体图(2)环保帖子实体图环保帖子图4-2环保帖子实体图(3)环保回复帖子实体图图4-3环保回复帖子实体图(4)帖子类型实体图编号描述图4-4帖子类型实体图4. 2.2物理设计根据本系统主要功能模块需求，环保主题动态网站系统将由多个数据表组成,下面主要介绍数据库中核心的
29、几个数据表内容。(1)用户表：用于存储平台上注册的用户信息。表4-2用户表字段名称字段意义字段类型字段长度键码能否为空-usersid主键编号varchar50主键否username用户名varchar40否password密码varchar40否realname-姓名varchar40-中否sex-性别varchar40否birthda出生口期varchar40否contact-联系方式varchar40否regdate注册日期varchar40/否(2)帖子类型表：用于存储平台上帖子类型信息。表4-2帖F类型信息表字段名称字段意义字段类型字段长度键码能否为空Td主键编号varchar-50
30、主键一否-name,类型名称varchar40否description)描述varchar404J否(3)帖子表：用于存储平台上帖子信息。表4-3帖子表字段名称-字段意义字段类型字段长度键码能否为空articleide主键编号varchar-50-主键否title标题一varchars40Ih否category_id-所属类别varchar150否contentre内容text0否addtimer发布日期datetime0否Create_uid发布人int-4否(4)回复帖子表：用于存储平台上回复帖子信息。表4-4回复帖子表字段名称字段意义字段类型字段长度键码能否为空aticlei主键编号va
31、rchar50主键否categoryid所属类别varchar150-否contents内容text-0否addtime发布日期datetimeO-否createuid-回复人一in4-否5详细设计与实现5.1首页本平台的首页整体比较简洁大方，因为是环保网站，所以设计的思路是以绿色的选项和按钮为主，当我们鼠标移到链接上方会有一个字体变绿色的用户交互的效果，顶部右上角为会员注册、登录，下面是栏目，再下面是广告，中间是核心模块的展示，核心模块分为首页，展示的是全部的帖子，会按照发帖的顺序优先展示最新的帖子，然后是环保常识，环保活动，环保新闻，最新动态，这些是帖子的分类，我设计的网站分为了四个大类，
32、而我们在新建帖子的时候需要去对帖子进行分类，对应类别的帖子会放到不同的分类里。环保交流社区”a-菲强常镇研保动师在新演一新动毒图5-1首页5.2用户注册第一次进入本平台的用户，需要先去对本平台的用户信息进行注册，否则你将没有发帖的权限。注册方法是点击首页右上方的注册按钮，然后填写注册信息后鼠标左键单击“立即注册”按钮后，系统将会先对用户填写的信息进行验证是否为空数据，如果是空数据将会提醒用户，再验证用户名是否重复，同样的，重复的用户名也会收到系统的提醒，当系统都验证没问题后，将会显示注册成功；然后把注册的数据存入数据库中并跳转到登录页面，否则将会提示相应的错误信息。量入注册用户名将会成为期I名
33、呢称6到16个字符确认密码立即注册图5-2用户注册主要实现代码如下：publicStringregister(Usersusers)this.front():Usersu=newUsers();u.setUsername(users.getUsername();ListusersList=this.usersService.getUsersByCond(u);if(usersList.size)=O)users.setRegdate(VeDate.getStringDateShort();this.usersService.insertUsers(users);elsethis.getSess
34、ion).setAttribute(,message7,用户名已存在);returnredirectindexpreReg.action;return,redirectindexpreLogin.action,;5. 3用户登录如果己经有注册完的用户，只需要在首页点击登录的按钮，然后在输入对应的登录信息后，将通过getRequest().getParameter获取服务器请求信息，包括用户名和密码，然后会先检查获取的数据是否为非空白，如果数据为非空白，然后验证用户账号是否存在，若不存在则显示用户名不存在，若账号存在则检测密码和数据库中保存的是否相匹配，确定无差错后，即将出示登录成功，登录成功后
35、用户的信息将显示在左上角；否则将会提示相应错误信息并重新加载登录页面。环球交流名坚图5-3用户登录主要实现代码如下：publicStringlogin)this.front();Stringusername=this.getRequest().getParameter(,usernamen);Stringpassword=this.getRequest().getParameter(password);Usersu=newUsers();u.setUsername(username);ListusersList=this.usersService.getUsersByCond(u);if(us
36、ersList.size()=O)this.getSession().setAttribute(,message,用户名不存在”);returnredirectindexpreLogin.action,;elseUsersusers=usersList.get(O);if(password.equals(users.getPassword)this.getSession().setAttribute(userid,users.getUsersid);this.getSession().setAttribute(usemame,users.getUsername();this.getSessio
37、n().setAttribute(users,users);returnredirectindexindex.action;elsethis.getSession().setAttribute(,message,密码错误);return,redirectindexpreLogin.action;5.4 环保栏目分类栏目的分类在首页的右方，可以浏览各分类下的环保信息，只需要点击对应的分类就会跳转到指定的分类页面。其实这里运用的是传递参数的方式，因为环保栏目分类跟首页的菜单栏内容是一样的，所以菜单栏的数据通过传递参数把id和地址传递给环保栏目分类，当用户点击环保栏目中的链接时就会跳转到相关的分类里
38、温通道环保常识l三图5-4栏目主要实现代码如下：publicStringdetail(Stringid)this.front();Goodsgoods=this.goodsService.getGoodsByld(id);goods.setHits(,+(Integer.parselnt(goods.getHits()+1);this.goodsSen4ce.updateGds(goods);this.getRequest().setAttribute(,goodsn,goods);Topictopic=newTopic();topic.setGoodsid(id);ListtopicList
39、=this.topicService.getTopicByCond(topic);this.getRequest().setAttribute(,topicList,topicList);this.getRequest().setAttribute(,tnumtopicList.size();returnusersdetai,;5.5 文章首页可以看到用户发布的帖子文章，最新文章板块是以用户发帖的时间进行排列的，最新的帖子会排在最前面，每个帖子上都会注明该帖子的分类，用户也可以在分类栏里点击该分类跳转到指定分类栏内找到该帖子。环保活动打发士大夫shm环保交流社区Cm本筒曲设济准素波保动阵律时前
40、新动请大家加强环保意识图5-5文章点击文章后，帖子的下面会有回复填写栏，其他用户可以对该帖子进行评论,点击提交回复后将会显示在文章里，作者将会看到回复的信息。回帖陕家人内管兼健接理车小.Com图5-6回复帖子5.6我发的贴用户可以随时查看到自己以前的帖子信息。只需要点击我发表的帖，里面就会有用户发送的所有帖子记录，选择要查看的帖子并点击即可进入到相关的帖子界面，在帖子界面内可以查看自己的帖子把内容，如果需要修改则如下图所示点击编辑即可。棘得社量图5-7我的帖子若需要编辑则点击“编辑”后，即可进入到编辑页面。编辑完成后点击发布将会覆盖掉之前发布的帖子。发表据健考栏研弼m普重Ai题盟画雷图5-8编
41、楫帖子6系统功能测试6.1 测试用例用户登录功能测试，如下表所示。表6-1用户登录功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户登录模块测试正确输入用户信息，用户成功登录。输入用户的信息L在密码框输入用户的密码。2.点击登录按钮。跳转到各角色的界面正确用户添加功能测试，如下表所示。表6-2用户添加功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户添加模块测试正确输入用户信息，完成用户的添加。用户的基本信息超管点击用户添加后将根据提示填写相对应的信息，最后点击“提交”按钮。-提o正确用户添加模块测试用户添加失败的情况用户名重复超管点击用户添加后填写的用户名重复，然后点
42、击“提交”按钮。提示“用户名重复”。正确用户添加模块测试用户添加失败的情况用户信息不完整超管点击用户添加后填写的信息不完整，然后点击“提交”按钮。提示“*信不能为空”。正确栏目信息界面测试，如下表所示。表6-3栏目信息界面测试用例表用例名称测试功能操作操作过程预期结果测试结果栏目信息显示功能模块测试栏目信息显示的正常情况显示栏目在首页选择一个栏目分类进入栏目分类列表页，然后选择一个栏目进入栏目详细信息界面正确用户添加帖子功能测试，如下表所示。表6-4用户添加帖子功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户添加帖子功能测试添加帖子成功的情况。输入新帖子的基本信息。用户在首页选择
43、“新帖子”选项，然后进行填写新帖子的信息，最后点击“添加”按钮。新的帖子添加成功。正确用户添加帖子功能测试添加帖子失败的情况。管理员不填写帖子名称。用户在首页选择“新帖子”选项，然后填写除帖子名称以外的新帖子信息，点击“添加”按钮。添加失败，提示“*请填写帖子名称！”o正确6.2 测试结果分析编写测试用例，对照测试用例经过一系列的测试，测试用户登录、用户添加功能，栏目的添加、查看详细信息。各个模块在整个系统中都能完成各自的功能，相对应的连接正常。在对数据库测试的时候，对数据库的输入以及删除、查正改错操作也都能够顺利的完成。经过测试后整个系统的功能都能达到预期的要求。在测试过程中发现的程序错误等
44、也得到了及时的解决，从而保证了后期系统的稳定运行。通过本次的测试，其实是对于网站后台逻辑的再一次梳理，在开发前期，由于对Node.js的熟练程度还不够，导致了许多后台的响应都达不到理想的效果，比如在检测非空字符这块就曾经出现过问题，后面经过上网查资料以及与同学讨论才成功完成了所有非空字符的检测，而在测试的过程中，也发现了部分功能的代码存在重叠和重复的情况，所以经过一遍整理和测试后，我的代码量就少了三十几行，这样有助于我们精简代码以及减少运行的内存。7总结与展望7.1 总结经过一百多天的努力，毕业设计的工作基本都完成了。从上学期期末匆匆开题的茫然，到经过老师的悉心指导慢慢进入状态，再到自己理清设计思路渐入佳境的着手设计系统和撰写论文。这个漫长的过程的确值得在今后的工作和生活中回味。可以说这次毕业设计是一次非常宝贵的将理论和实际相结合的经验。如今仔细回顾整个过程，一开始就是困难重重，单凭往日里学到的理论知识和理论知识学习状态根本无法完成这个艰巨的任务。也正是因为面临这样的问题才能让我不得不向老师同学请教如何使用所学过的知识来应对现实开发中所遇到的问题。通过这种方式去学习，使得查阅文献资料、编写需求分析、设计建模用例这些能力都在这个过程中得到了一定的提高。但无论是困难还是不足，值得庆幸的是这项工作总算完成了。系
