基于express的环保主题动态网站

摘要□□中华民族诞生在黄河流域。追溯历史，这里就必有其生存条件，先民才在此定居下来，繁衍生息。中国古乐诗:天苍苍，野茫茫，风吹草低现牛羊，就是黄河流域自然景观的写照。那么为什么后来却出现“一方水土不足以养一方人呢”?虽同在一块天，同在一块地，今天和当年先民们生存环境条件已大不相同，环境问题已非常严重。当支撑人类文明的自然资源、自然环境的消失了，文明也将消失，如古巴比伦王国的衰亡，地中海文明的衰落，虽然中华文明是一种延续下来的文明，但随着环境的变迁，中华文明的中心已从古代的黄河流域逐渐东迁南移。面对我国环境问题比较严峻的现实，我们应该重新审视自己的社会经济行为，深刻反思传统的发展观、价值观、环境观和资源观，重新思考人类未来的命运，走出全球生态危机的困境，消除人与自然紧张关系的困惑。使人们认识到必须努力寻求一条人口、社会、经济、环境、资源相互协调，既能满足当代人的需求又不对满足后代人的需求构成危害的可持续发展的道路。而环境的保护和治理、资源的高效持续利用、社会经济的进步都离不开人，适当数量的高素质人是可持续发展的先决条件，特别是公众环境意识水平的高低，直接左右着人们的行动，环境意识是调节、引导和控制人们环境行为的内在原因，因此必须提高公众的环境保护意识，才能使我们赖以生存的环境、资源实现可持续发展。本文旨在通过环保网站的建设让更多的人认识到保护环境，可持续发展的重要性，该网站使用vscode开发工具，是对于编写现代Web和云应用的跨平台源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，而mysql数据库是一种小型的中小型关系型数据库，它安装体积小，占用内存底，适合中小型项目开发。后端使用node.jsexpress，作为node.js的框架它有着轻便，强大的特点，前端使用layui技术来实现的，layui前端框架十分便于我们进行前端网站的开发，因为它包含了许多的API接口并且给予了我们更加简单自由的开发体验。□□关键词：环保网站vscodemysqlnodejsexpresslayuiAbstract□TheChinesenationwasbornintheYellowRiverBasin.Lookingbacktohistory,theremustbelivingconditionshere,wheretheancestorssettleddownandthrived.AncientChineseMusicPoetry:theskyisvast,thewildisboundless,thewindblowsthegrassandthecattleandsheeparelow,whichisthereflectionofthenaturallandscapeoftheYellowRiverBasin.Thenwhydid"onesideofsoilandwaterisnotenoughtosupportonesideofpeople"?Althoughthesameday,thesameland,todayandtheancestorslivingenvironmentconditionshavebeengreatlydifferent,environmentalproblemshavebeenveryserious.Whenthenaturalresourcesandenvironmentsupportinghumancivilizationdisappear,civilizationwillalsodisappear,suchasthedeclineofancientBabylonKingdomandMediterraneancivilization.AlthoughChinesecivilizationisacontinuedcivilization,withthechangeofenvironment,thecenterofChinesecivilizationhasgraduallymovedfromtheancientYellowRiverbasintothesouth.Facingthesevererealityofenvironmentalproblemsinourcountry,weshouldre-examineoursocialandeconomicbehavior,deeplyreflectonthetraditionaloutlookondevelopment,values,environmentandresources,rethinkthefuturefateofmankind,getoutofthepredicamentofglobalecologicalcrisis,andeliminatetheconfusionoftensionbetweenmanandnature.Itmakespeoplerealizethatwemuststrivetofindawayofsustainabledevelopmentthatcanmeettheneedsofcontemporarypeopleandnotharmtheneedsoffuturegenerationsbycoordinatingpopulation,society,economy,environmentandresources.Theprotectionandmanagementoftheenvironment,theefficientandsustainableutilizationofresourcesandtheprogressofsocialeconomyareallinseparablefromhumanbeings.Anappropriatenumberofhigh-qualitypeoplearetheprerequisiteforsustainabledevelopment,especiallythelevelofpublicenvironmentalawareness,whichdirectlyaffectspeople'sactions.Environmentalawarenessistheinternalreasonforregulating,guidingandcontrollingpeople'senvironmentalbehaviors,soitisnecessarytoimprovethepublicenvironmentTheconsciousnessofprotectioncanmaketheenvironmentandresourceswedependontorealizesustainabledevelopment.Thispaperaimstoletmorepeoplerealizetheimportanceofenvironmentalprotectionandsustainabledevelopmentthroughtheconstructionofenvironmentalprotectionwebsite.Thewebsiteusesvscodedevelopmenttools,MySQLdatabase,nodejsexpressatthebackend,andlayuitechnologyatthefrontend.□□Keywords：Environmentalwebsite;vscode;MySQL;nodejsExpress;layui广东东软学院本科生毕业设计（论文）目录1 前言 前言当今环境问题目前这个世界上的资源快速损耗，人类将会面临这种种的问题与生存的压力，其中人口问题也是目前为止人类将要去面对的一个比较严峻的问题，而且目前也因为人口问题引发了环境以及资源问题。急速膨胀的人口造成了资源的损耗加快，环境的污染加深，换句话来讲，人口问题是解决一切问题的关键。一是人类对自然环境的影响最大相继自然也对人类的所作所为做了出反应。二是人们在生活和进步中不断寻找和开发自然资源，来满足人们的物质及精神上的需求，为了营造舒适的生活环境，倾倒废物、导致严重污染生态环境。大自然相继以各种方式回应着人类，来阻止人类无尽的贪欲和不节制的使用资源，并导致了各种自然灾害。人口的增长给环境造成了巨大的压力。此外，随着人口的不断增加，造成了人口的教育文化水平低，环境意识薄弱法律意识低下。这直接导致了严重的后果并严重破坏了资源和环境。必须加紧环保的宣传。环保网站的意义保护地球的自然资源以及维持生态环境的平衡其最有效的方法是要去鼓励群众自发参与，但是群众在很多的时候是不清楚自己能做什么的，因为他们并不能了解自己保护生态环境的权利有哪些以及要怎么去行使这些权利，因此如果要化解人们造成的问题，第一步则是有关部门必须提高认识到加强人民对环境的保护意识才是最基本的方法，并成立专门的人员以及预算的管理部门，使公众获得更清晰易懂的信息。同时，要提高群众的环保知识以及意识，开展环保宣传社会化活动，普及环保意识，形成人人参与环保、舆论监督推广的环境保护局面。然后，通过新闻自由和信息自由法，人们才会有了解到更多信息的条件，同时群众也是具体实施的执行者。人们正确理解并做好定位保护自然是人们的责任护环境的重要性，才能在具体行动中实现对环境的保护，并充分利用公众的主观能动性。有效发挥环境保护的重要作用。本网站可以通过发布帖子进行环保意识宣传，通过发布环保常识，积极参加环保活动等公益加强老百姓对环境保护的意识。

相关技术visualstudiocode2015年4月30日Microsoft公司Build开发者见面会上郑重开启了VisualStudioCode项目：其可以运行MacOSX、Windows以及Linux，适用于编写Web和云应用的一个可以跨平台的源代码编辑器。该编辑器也集成了所有一款现代编辑器所应该具备的特性，其中包含语法高亮（syntaxhighlighting），可定制的热键绑定功能（customizablekeyboardbindings），括号匹配程序块（bracketmatching）还有代码片段的收集（snippets）。Somasegar也告诉笔者这款编辑器也拥有对Git的开箱即用的支持。Node.jsNode.js是以JavaScriptV8为基础的使用JavaScript作为开发语言的开发环境，Node.js最大的特点是单线程高并发，事件驱动，非阻塞I/O。这是体现了Node.js的最显著的功能，Node.js是一个允许JavaScript在服务器上运行操作的开发平台。其让JavaScript成为了脚本语言与服务器语言（例如PHP，Python，Perl，Ruby等）相等。该版本由RyanDahl发布于2009年5月，主要涵盖ChromeV8引擎。Node改进了特别的用法，并且增加了可供选择的API，以使V8在非浏览器环境中也能很好地工作。ChromeV8可以非常快速地运行Javascript，并且性能很强大。ChromeJavaScript运行时的平台是Node.js，其用来构建具有响应能力，快速且易于扩展的Web应用程序。该节点使用的是事件驱动，非阻塞的I/O模型达到了提高权重和效率的效果，并且适用于分布式设备上运行数据密集型的应用程序。expressjsExpress

是一种基于Node.js平台的极简快速开发的web框架，使用Express框架可以帮助我们快速搭建一个完整功能的网站，该框架主要应用于网站开发中前端与后台的响应，也就是帮助我们搭建服务器，众所周知，在网站开发这块的框架中分为前端框架以及后端的响应式框架，而Express就是作为响应前端页面中非常常用的一种框架，由于它是基于Node.js平台的，所以有关于Node.js的优势他都具备，比如单线程，非阻塞I/O等等，但是Express框架没有对node.js已经存在的优势进行多次的迭代，而是在Node.js的基础上增加了许多web端要用到的功能。举个例子，Express拥有数量庞大的HTTP工具和Connect框架所独有的中间件我们开发者都可以通过express进行随时的调用，因此调用强大的、友好的API变得更加快速和简单。而且因为是开发框架，所以它给开发者提供了许多的支持，比如自带Router、路由规则相比于其他web框架会更加灵活和宽松等。MySQL数据库它是一种小型的中小型关系型数据库，它安装体积小，占用内存底，适合中小型项目开发。layui它是web上的弹出式解决方案，可让您根据你所想的然后把你所想的做出来。其作者是前沿开发工程师的核心。layer致力于允许用户灵活地自定义设置，从而为不同的人提供不同的使用习惯。它的重要性在于它可以使您的页面享受更丰富、更便捷的体验过程，并且只需要在连接时配置相关参数就可以做出一个很有趣味性的网站。类似的弹出组件与其对比而言，layer的优点更为直接，它的功能最强大用的代码最少。Layer很是着重与性能的开发，比如，在多层模式的回调处理时，它有着大部分组件没有的“独立不冲突”特点。您可以安全地在页面上随意的弹出标签和图层，因为它们不会相互重叠。当您要求其兼容性时，layer可以安全地告诉您它与几乎所有浏览器都兼容，尽管是最旧的ie6浏览器。Layer公开了许多接口（api），可让您随意地自定义所需的样式，尤其是页面图层的分层，这就意味着您可以忽略该layer的当前皮肤，可以根据你自己的想法来给她做出合适的页面。而现在的问题在于，我必须中止掉“王婆卖瓜”的陈述。因为它的一切不足或优势，都需要你在使用过程中去发现以及习惯。据不完全的统计，截至到目前，layer已服务于8000多家web的平台。layer作为layUI库的成员，它承诺将会一直致力于为web开发提供动力。

需求分析可行性分析3.1.1技术可行性分析我们的大学中有开设网站开发这门课程，并且老师曾经有介绍过node.js框架，自己尝试使用该框架和MySQL数据库开发过学校的官网，所以在技术上开发本系统是没问题的。3.1.2经济可行性分析在开发本系统中所使用的开发软件像visualstudiocode开发工具、MySQL数据库、Photoshop图片处理软件等，这些都是开源免费的，并且系统是自己开发的，所有在经济上是不需要花费一分钱的。3.1.3操作可行性分析现在家家户户都有网线，大到老人小到孩子都喜欢玩电脑，本系统在操作上和其他系统类似，会简单电脑操作的，就可以快速上手使用本系统，所以在操作上没任何问题。需求分析3.2.1功能需求（1）用户管理：对用户的个人基本信息进行管理。例如：用户名、密码、昵称等。（2）用户发帖：用户可以在环保常识、环保活动、环保新闻、最新动态专栏发帖。（3）查看发帖：用户可以在页面上看到相应专栏中其他用户所发的帖子。（4）用户回帖：用户可以在查看其他用户发的帖子时进行回复。（5)帖子编辑：用户可以在我发的帖子中对自己发的帖子进行编辑。（6）界面的设计：界面包括环保常识、环保活动、环保新闻、最新动态四个专栏，用户必须登录才能发布帖子，界面必须包括登录注册的按钮。（7）交流：用户可以点击交流查看自己发布的帖子其他用户回复情况并进行回复。3.2.2非功能需求由于系统需要长期使用，在非功能上应满足以下性能需求。（1）在易用性上，考虑到运营人员不一定是计算机专业，也能让其自如的操作，功能设计去掉复杂流程，设计简单易懂，不需专业计算机人员就可操作，减少培训成本。（2）在系统的稳定性上，本系统除了管理人员操作后台数据以外，同时是部署对外运行的，如果系统奔溃或响应速度慢，则会非常直观的影响用户的使用体验，而且要求对系统的稳定性较高，必须保证本系统在服务器上无故障运行三个月以上。（3）系统访问并发量可能会急剧增加，因此要求本系统需要具有较大的承载能力，可同时容纳1000以上的并发量。（4）经调查研究显示，用户打开一网页，在5秒之内无法打开就会选择放弃，所以要求系统必须在5s以内响应。（5）随着时间的推移，现有模块可能已经不能满足业务需求，需要有更多的功能需求，因此本系统需要具备容易扩展性能。用例分析用户角色主要包括用户注册、用户登录、在环保常识专栏发帖、在环保活动专栏发帖、在环保新闻专栏发帖、在最新动态专栏发帖、回帖、和修改个人的信息、修改登录密码等。用户用户用户注册用户登录发布环保常识发布环保活动发布环保新闻发布最新动态回复帖子浏览帖子修改个人信息修改密码图3-1用户用例图系统流程分析3.4.1登录流程为了保证系统的安全性，所有用户要想对系统进行管理，首先进行登录过程，系统的流程图如下图所示。图3.2登录流程图3.4.2操作流程首先打开网站，然后单击右上角的登录图标随即打开了登录页面，接下来需要使用正确的用户名和密码登录。系统将验证用户的登录信息并正确匹配该信息。最后进入用户对应的工作界面，用户可以使用权限对系统进行操作，否则提示信密码错误，登录失败。环保主题动态网站系统操作流程如下图所示。图3.3系统操作流程图3.4.3添加信息流程当您添加的信息，编号系统会启动自动编号方式，即用户不用重新输入，添加信息时只要求用户填入相应的信息，系统会自动检查输入的信息是否合法，并在验证过程成功后显示信息。将信息添加到数据库，否则，将出示添加不成功，并要求重新填写信息才能成功。添加信息的流程图如下。图3.7添加信息流程图3.4.4修改信息流程如果用户想更改信息，则会打开更改信息页面，然后填入修改信息数据，系统随即会对修改后的信息进行判断和验证。如果修改信息合法，则将进行修改，并且该信息将保存到数据库中。如果信息不合法将显示该信息修改失败，需要再次填入修改后的数据。修改信息的流程图如下图。图3.8修改信息流程图3.4.5删除信息流程当用户需要删除信息，必须先选定要删除的信息，随后右键单击删除按钮，这时系统会询问是否确定删除信息，点击删除确认，然后删除信息成功，系统数据库将删除此信息。删除信息的流程图如下图所示。图3.9删除信息流程图总体设计系统总体模块设计根据前面的分析研究，环保主题动态网站的功能性需求可大致分为用户登录前与用户登录后两大部分。环保主题动态网站环保主题动态网站登陆后用户注册用户登录查看环保活动查看最新动态修改信息发布环保常识回复环保常识发布环保活动发布最新动态回复环保新闻查看环保常识查看环保新闻发布环保新闻回复环保活动回复最新动态用户交流删除动态登录前图4-1系统功能模块图数据库设计4.2.1概要设计环保主题动态网站系统的功能设计，第一步先要建立它们变量之间的关系，然后实现程序之间的逻辑。环保主题动态网站系统可以划分的数据库实体有如下。用E-R图一一描述这些实体。（1）用户实体图用户用户用户名密码性别电话出生日期注册时间姓名图4-1用户实体图（2）环保帖子实体图环保帖子环保帖子编号标题内容所属类别发布日期发布人图4-2环保帖子实体图（3）环保回复帖子实体图环保帖子环保帖子编号内容所属类别发布日期回复人图4-3环保回复帖子实体图（4）帖子类型实体图帖子类型帖子类型编号名称描述图4-4帖子类型实体图4.2.2物理设计根据本系统主要功能模块需求，环保主题动态网站系统将由多个数据表组成，下面主要介绍数据库中核心的几个数据表内容。用户表：用于存储平台上注册的用户信息。（2）帖子类型表：用于存储平台上帖子类型信息。（3）帖子表：用于存储平台上帖子信息。（4）回复帖子表：用于存储平台上回复帖子信息。详细设计与实现首页本平台的首页整体比较简洁大方，因为是环保网站，所以设计的思路是以绿色的选项和按钮为主，当我们鼠标移到链接上方会有一个字体变绿色的用户交互的效果，顶部右上角为会员注册、登录，下面是栏目，再下面是广告，中间是核心模块的展示，核心模块分为首页，展示的是全部的帖子，会按照发帖的顺序优先展示最新的帖子，然后是环保常识，环保活动，环保新闻，最新动态，这些是帖子的分类，我设计的网站分为了四个大类，而我们在新建帖子的时候需要去对帖子进行分类，对应类别的帖子会放到不同的分类里。图5-1首页用户注册第一次进入本平台的用户，需要先去对本平台的用户信息进行注册，否则你将没有发帖的权限。注册方法是点击首页右上方的注册按钮，然后填写注册信息后鼠标左键单击“立即注册”按钮后，系统将会先对用户填写的信息进行验证是否为空数据，如果是空数据将会提醒用户，再验证用户名是否重复，同样的，重复的用户名也会收到系统的提醒，当系统都验证没问题后，将会显示注册成功；然后把注册的数据存入数据库中并跳转到登录页面，否则将会提示相应的错误信息。图5-2用户注册主要实现代码如下：publicStringregister(Usersusers){ this.front(); Usersu=newUsers(); u.setUsername(users.getUsername()); List<Users>usersList=this.usersService.getUsersByCond(u); if(usersList.size()==0){ users.setRegdate(VeDate.getStringDateShort()); this.usersService.insertUsers(users); }else{ this.getSession().setAttribute("message","用户名已存在"); return"redirect:/index/preReg.action"; } return"redirect:/index/preLogin.action"; }用户登录如果已经有注册完的用户，只需要在首页点击登录的按钮，然后在输入对应的登录信息后，将通过getRequest().getParameter获取服务器请求信息，包括用户名和密码，然后会先检查获取的数据是否为非空白，如果数据为非空白，然后验证用户账号是否存在，若不存在则显示用户名不存在，若账号存在则检测密码和数据库中保存的是否相匹配，确定无差错后，即将出示登录成功，登录成功后用户的信息将显示在左上角；否则将会提示相应错误信息并重新加载登录页面。图5-3用户登录主要实现代码如下：publicStringlogin(){ this.front(); Stringusername=this.getRequest().getParameter("username"); Stringpassword=this.getRequest().getParameter("password"); Usersu=newUsers(); u.setUsername(username); List<Users>usersList=this.usersService.getUsersByCond(u); if(usersList.size()==0){ this.getSession().setAttribute("message","用户名不存在"); return"redirect:/index/preLogin.action"; }else{ Usersusers=usersList.get(0); if(password.equals(users.getPassword())){ this.getSession().setAttribute("userid",users.getUsersid()); this.getSession().setAttribute("username",users.getUsername()); this.getSession().setAttribute("users",users); return"redirect:/index/index.action"; }else{ this.getSession().setAttribute("message","密码错误"); return"redirect:/index/preLogin.action"; } } }环保栏目分类栏目的分类在首页的右方，可以浏览各分类下的环保信息，只需要点击对应的分类就会跳转到指定的分类页面。其实这里运用的是传递参数的方式，因为环保栏目分类跟首页的菜单栏内容是一样的，所以菜单栏的数据通过传递参数把id和地址传递给环保栏目分类，当用户点击环保栏目中的链接时就会跳转到相关的分类里图5-4栏目主要实现代码如下：publicStringdetail(Stringid){ this.front(); Goodsgoods=this.goodsService.getGoodsById(id); goods.setHits(""+(Integer.parseInt(goods.getHits())+1)); this.goodsService.updateGoods(goods); this.getRequest().setAttribute("goods",goods); Topictopic=newTopic(); topic.setGoodsid(id); List<Topic>topicList=this.topicService.getTopicByCond(topic); this.getRequest().setAttribute("topicList",topicList); this.getRequest().setAttribute("tnum",topicList.size()); return"users/detail"; }文章首页可以看到用户发布的帖子文章，最新文章板块是以用户发帖的时间进行排列的，最新的帖子会排在最前面，每个帖子上都会注明该帖子的分类，用户也可以在分类栏里点击该分类跳转到指定分类栏内找到该帖子。图5-5文章点击文章后，帖子的下面会有回复填写栏，其他用户可以对该帖子进行评论，点击提交回复后将会显示在文章里，作者将会看到回复的信息。图5-6回复帖子我发的贴用户可以随时查看到自己以前的帖子信息。只需要点击我发表的帖，里面就会有用户发送的所有帖子记录，选择要查看的帖子并点击即可进入到相关的帖子界面，在帖子界面内可以查看自己的帖子把内容，如果需要修改则如下图所示点击编辑即可。图5-7我的帖子若需要编辑则点击“编辑”后，即可进入到编辑页面。编辑完成后点击发布将会覆盖掉之前发布的帖子。图5-8编辑帖子系统功能测试测试用例用户登录功能测试，如下表所示。表6-1用户登录功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户登录模块测试正确输入用户信息，用户成功登录。输入用户的信息1.在密码框输入用户的密码。2.点击登录按钮。跳转到各角色的界面正确用户添加功能测试，如下表所示。表6-2用户添加功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户添加模块测试正确输入用户信息，完成用户的添加。用户的基本信息超管点击用户添加后将根据提示填写相对应的信息，最后点击“提交”按钮。提示成功。正确用户添加模块测试用户添加失败的情况用户名重复超管点击用户添加后填写的用户名重复，然后点击“提交”按钮。提示“用户名重复”。正确用户添加模块测试用户添加失败的情况用户信息不完整超管点击用户添加后填写的信息不完整，然后点击“提交”按钮。提示“*信不能为空”。正确栏目信息界面测试，如下表所示。表6-3栏目信息界面测试用例表用例名称测试功能操作操作过程预期结果测试结果栏目信息显示功能模块测试栏目信息显示的正常情况显示栏目在首页选择一个栏目分类进入栏目分类列表页，然后选择一个栏目进入栏目详细信息界面正确用户添加帖子功能测试，如下表所示。表6-4用户添加帖子功能测试用例表用例名称测试功能操作操作过程预期结果测试结果用户添加帖子功能测试添加帖子成功的情况。输入新帖子的基本信息。用户在首页选择“新帖子”选项，然后进行填写新帖子的信息，最后点击“添加”按钮。新的帖子添加成功。正确用户添加帖子功能测试添加帖子失败的情况。管理员不填写帖子名称。用户在首页选择“新帖子”选项，然后填写除帖子名称以外的新帖子信息，点击“添加”按钮。添加失败，提示“*请填写帖子名称！”。正确测试结果分析编写测试用例，对照测试用例经过一系列的测试，测试用户登录、用户添加功能，栏目的添加、查看详细信息。各个模块在整个系统中都能完成各自的功能，相对应的连接正常。在对数据库测试的时候，对数据库的输入以及删除、查正改错操作也都能够顺利的完成。经过测试后整个系统的功能都能达到预期的要求。在测试过程中发现的程序错误等也得到了及时的解决，从而保证了后期系统的稳定运行。通过本次的测试，其实是对于网站后台逻辑的再一次梳理，在开发前期，由于对Node.js的熟练程度还不够，导致了许多后台的响应都达不到理想的效果，比如在检测非空字符这块就曾经出现过问题，后面经过上网查资料以及与同学讨论才成功完成了所有非空字符的检测，而在测试的过程中，也发现了部分功能的代码存在重叠和重复的情况，所以经过一遍整理和测试后，我的代码量就少了三十几行，这样有助于我们精简代码以及减少运行的内存。总结与展望总结经过一百多天的努力，毕业设计的工作基本都完成了。从上学期期末匆匆开题的茫然，到经过老师的悉心指导慢慢进入状态，再到自己理清设计思路渐入佳境的着手设计系统和撰写论文。这个漫长的过程的确值得在今后的工作和生活中回味。可以说这次毕业设计是一次非常宝贵的将理论和实际相结合的经验。如今仔细回顾整个过程，一开始就是困难重重，单凭往日里学到的理论知识和理论知识学习状态根本无法完成这个艰巨的任务。也正是因为面临这样的问题才能让我不得不向老师同学请教如何使用所学过的知识来应对现实开发中所遇到的问题。通过这种方式去学习，使得查阅文献资料、编写需求分析、设计建模用例这些能力都在这个过程中得到了一定的提高。但无论是困难还是不足，值得庆幸的是这项工作总算完成了。系统最终实现了原定设计功能。我也充分认识到了自己确实有很多地方需要加强。比如对基础理论知识理解得不够透彻、分析需求、建模和编写代码的能力不足等。除了认识到自己的不足的地方之外，我也有了一些其他的收获。在传统的技术中还运用了比较先进的好用的技术，比如Layer弹窗、在线编辑器等第三方插件，使我在开发过程中节省了好多时间，而且效果也是非常好的。这让我充分明白在系统开发的过程中有很多东西都需要尝试，只有敢于学习、敢于尝试，总会有新的收获。通过本次的毕业设计，也是我对于一个网站从0到1的第一次尝试，我明白了一个完整的网站是怎么做出来的，之前在大学学习过前端的web开发，也学习过mysql的数据库，但是并没有理解如何把两者真正拼合起来，通过这次的学习，我理解了什么是服务器框架，什么是http响应，什么是http请求，这些在之前的基础学习中并不能完全理解，但是通过实践我慢慢地吸收了，如果说layui作为前端的UI框架是帮助我们去把网站做得更加美观，那么数据库就是我们网站的内在，里面存放着我们网站的许多信息，而Node.js就是两者之间的枢纽，如果把前端网站比作人，那么数据库就是一盘菜，而服务器就是筷子，我们要想吃到盘子里的菜就必须先用筷子去夹，而这段时间学习的Node.js，终于让我完成了吃掉盘子里的菜的操作，通过Node.js的学习让我基本完成了一个网站的开发，受益匪浅。展望虽然毕业设计工作已经完成，但是还有很多问题需要在今后的学习过程中解决。在Jquery编程应用上我必须通过进一步的研究来完善这一方面的知识，通过本次的毕业设计，我发现了我对于框架的应用还处在牙牙学语的阶段，不管是前端框架还是后台的服务器框架都是需要非常熟悉他的脚本语言的，而我在大学接触的JavaScript并不多所以导致了我在Node.js这块比较吃力，虽然这段时间我的提升很大，但是我很清楚无论是前端框架还是后台服务器框架我都有着很大的提升空间，只有继续深入去学习我才能脱离现在只能对其进行浅层次的应用的现状，以实现更多更好的系统功能。在未来的学习计划中，我会继续深入学习Node.js，在此之前我会先去系统学习Java以及javascript，先提升自己的语法基础以及编程能力，接着去再次巩固计算机网络的相关知识，了解网络组成的原理，最后再逐步去尝试使用Node.js为我们开发者提供的更多模块，把学习到的理论知识跟实践知识相结合，争取可以把网站开发得更加完美，通过更加系统的学习和练习后我相信我开发的网站会比现在的更加简洁，功能更加丰富。参考文献□[1]ResnickP,IacovouN,SuchakM,etal.1994.GroupLeans:anopenarchitectureforcollaborativefilteringofnetnews[C].In:CSCW94Proceedingsofthe1994ACMconferenceonComputersupportedcooperativework,ACMPress,175-186.[2]LindenG,SmithB,YorkJ.2003.Arecommendations:Item-to-Itemcollaborativefiltering[C].IEEEInternetComputing,76-78.[3]王雯思.基于WEB的农家乐网站的设计与实现[J].山东大学,2014.5.25[4]胡元发.基于J2EE架构的SSM组合框架的设计与应用[D].苏州大学,2017.[5]刘高原,张国平,胡建红.基于MVC模式的WEB管理信息系统的实现[J].华东交通大学学报,2016,(01):87-90.[6]叶显中.基于J2EE平台的MVC框架的研究[J].工业控制计算机.2016,4.68[7]李刚.轻量级JavaEE企业应用实战—SSM整合开发[M].北京:电子工业出版社,2015.4-2[8]耿伟,刘振海,孙磊.Struts2框架技术的研究与分析[J].电脑知识与技术,2016,(33):1312-1313+1317.[9]肖露.Spring框架研究与应用[D].长沙理工大学硕士学位论文，2015.[10]刘德山.基于MyBeatis框架的数据持久层架构设计及应用[J].微型机与应用.2017,15.12致谢首先，这篇论文是在导师的悉心指导下所做的。导师在这次的毕业设计中给了我非常大的帮助，无论是从选题到完成整个论文和设计，包括我在制作过程中遇到的一些问题，他都尽心尽力的帮我解惑。在这里，我要向我的导师表示崇高的敬意和由衷的感谢!其次，从我开始选择课题到论文和设计的顺利完成，一直都离不开老师们、同学们、以及朋友给我的帮助，在这里我需要向学院的所有老师以及我亲爱的同学们表示由衷的感谢，谢谢各位老师在教学的同时传授了我更多的做人的道理，谢谢你们在这些年里孜孜不倦的教诲!最后需要感谢的是我的父母，在学院学习的费用相对来说算事比较高昂的，我要感谢他们，是他们勤俭节约的为我提供学习费用以及生活下去的资本，给了我学习的动力，这样，我就能在人生的漫长旅途中虔诚地回到自己的灵魂，这也为我成功完成毕业论文提供了极大的帮助和支持。在以后的生活中，我将继续努力学习，以达到父母的期望。大学的学习生活总是感觉短暂的，总感到知识还没有学够，但大学毕业就在我们面前，即毕业设计即将的结束，也就说明我的大学生涯即将画上圆满的句号。毕业设计是我们在大学里所学知识的最重要的一次总结，更是对我们以前学习知识的提炼和更深的理解，在完成毕业设计的过程中，我们清楚的看到了在学习中的短板，哪些知识是需要我们进行深入研究的。在这次做的毕业设计的过程中让我学习到了很多新的知识，研究了很多新的学问，这些知识是宝贵的，会使我在今后遇到问题时在处理问题的能力方面有了很大的的提升，同时也为今后的继续深造或踏入社会大门提供了很好的锻炼机会。因为我的知识是有限的，所以本文将不可避免的会出现一些错误和不足之处，还请老师指正。

捷键与一些电脑小技巧HYPERLINKwinkey+d:

这是高手最常用的第一快捷组合键。这个快捷键组合可以将桌面上的所有窗口瞬间最小化，无论是聊天的窗口还是游戏的窗口……只要再次按下这个组合键，刚才的所有窗口都回来了，而且激活的也正是你最小化之前在使用的窗口！

--这个就是winkeywinkey+f:

不用再去移动鼠标点“开始→搜索→文件和文件夹”了，在任何状态下，只要一按winkey+f就会弹出搜索窗口。

winkey+r:

在我们的文章中，你经常会看到这样的操作提示:“点击‘开始→运行’，打开‘运行’对话框……”。其实，还有一个更简单的办法，就是按winkey+r！

alt+tab:

如果打开的窗口太多，这个组合键就非常有用了，它可以在一个窗口中显示当前打开的所有窗口的名称和图标●，选中自己希望要打开的窗口，松开这个组合键就可以了。而alt+tab+shift键则可以反向显示当前打开的窗口。

winkey+e:

当你需要打开资源管理器找文件的时候，这个快捷键会让你感觉非常“爽”！再也不用腾出一只手去摸鼠标了！

小提示:

winkey指的是键盘上刻有windows徽标的键●。winkey主要出现在104键和107键的键盘中。104键盘又称win95键盘，这种键盘在原来101键盘的左右两边、ctrl和alt键之间增加了两个windwos键和一个属性关联键。107键盘又称为win98键盘，比104键多了睡眠、唤醒、开机等电源管理键，这3个键大部分位于键盘的右上方。

再补充点

F1显示当前程序或者windows的帮助内容。

F2当你选中一个文件的话，这意味着“重命名”

F3当你在桌面上的时候是打开“查找：所有文件”对话框

F10或ALT激活当前程序的菜单栏

windows键或CTRL+ESC打开开始菜单

CTRL+ALT+DELETE在win9x中打开关闭程序对话框

DELETE删除被选择的选择项目，如果是文件，将被放入回收站

SHIFT+DELETE删除被选择的选择项目，如果是文件，将被直接删除而不是

放入回收站

CTRL+N新建一个新的文件

CTRL+O打开“打开文件”对话框

CTRL+P打开“打印”对话框

CTRL+S保存当前操作的文件

CTRL+X剪切被选择的项目到剪贴板

CTRL+INSERT或CTRL+C复制被选择的项目到剪贴板

SHIFT+INSERT或CTRL+V粘贴剪贴板中的内容到当前位置

ALT+BACKSPACE或CTRL+Z撤销上一步的操作

ALT+SHIFT+BACKSPACE重做上一步被撤销的操作

Windows键+D：最小化或恢复windows窗口

Windows键+U：打开“辅助工具管理器”

Windows键+CTRL+M重新将恢复上一项操作前窗口的大小和位置

Windows键+E打开资源管理器

Windows键+F打开“查找：所有文件”对话框

Windows键+R打开“运行”对话框

Windows键+BREAK打开“系统属性”对话框

Windows键+CTRL+F打开“查找：计算机”对话框

SHIFT+F10或鼠标右击打开当前活动项目的快捷菜单

SHIFT在放入CD的时候按下不放，可以跳过自动播放CD。在打开wo

rd的时候按下不放，可以跳过自启动的宏

ALT+F4关闭当前应用程序

ALT+SPACEBAR打开程序最左上角的菜单

ALT+TAB切换当前程序

ALT+ESC切换当前程序

ALT+ENTER将windows下运行的MSDOS窗口在窗口和全屏幕状态间切换

PRINTSCREEN将当前屏幕以图象方式拷贝到剪贴板

ALT+PRINTSCREEN将当前活动程序窗口以图象方式拷贝到剪贴板

CTRL+F4关闭当前应用程序中的当前文本（如word中）

CTRL+F6切换到当前应用程序中的下一个文本（加shift可以跳到前

一个窗口）

在IE中：

ALT+RIGHTARROW显示前一页（前进键）

ALT+LEFTARROW显示后一页（后退键）

CTRL+TAB在页面上的各框架中切换（加shift反向）

F5刷新

CTRL+F5强行刷新1.打开“我的电脑”-“工具”-“文件夹选项”-“查看”-在“显示所有文件和文件夹”选项前打勾-“确定”

2.删除以下文件夹中的内容：

x:\DocumentsandSettings\用户名\Cookies\下的所有文件(保留index文件)

x:\DocumentsandSettings\用户名\LocalSettings\Temp\下的所有文件(用户临时文件)

x:\DocumentsandSettings\用户名\LocalSettings\TemporaryInternetFiles\下的所有文件(页面文件)

x:\DocumentsandSettings\用户名\LocalSettings\History\下的所有文件(历史纪录)

x:\DocumentsandSettings\用户名\Recent\下的所有文件(最近浏览文件的快捷方式)

x:\WINDOWS\Temp\下的所有文件(临时文件)

x:\WINDOWS\ServicePackFiles(升级sp1或sp2后的备份文件)

x:\WINDOWS\DriverCache\i386下的压缩文件(驱动程序的备份文件)

x:\WINDOWS\SoftwareDistribution\download下的所有文件

3.如果对系统进行过windoesupdade升级，则删除以下文件：x:\windows\下以$u...开头的隐藏文件

4.然后对磁盘进行碎片整理，整理过程中请退出一切正在运行的程序

5.碎片整理后打开“开始”-“程序”-“附件”-“系统工具”-“系统还原”-“创建一个还原点”(最好以当时的日期作为还原点的名字)

6.打开“我的电脑”-右键点系统盘-“属性”-“磁盘清理”-“其他选项”-单击系统还原一栏里的“清理”-选择“是”-ok了

7、在各种软硬件安装妥当之后，其实XP需要更新文件的时候就很少了。删除系统备份文件吧：开始→运行→sfc.exe/purgecache近3xxM。(该命令的作用是立即清除"Windows文件保护"文件高速缓存，释放出其所占据的空间)

8、删掉\windows\system32\dllcache下dll档(减去200——300mb),这是备用的dll档，只要你已拷贝了安装文件，完全可以这样做。

9、XP会自动备份硬件的驱动程序，但在硬件的驱动安装正确后，一般变动硬件的可能性不大，所以也可以考虑将这个备份删除，文件位于\windows\drivercache\i386目录下，名称为driver.cab，你直接将它删除就可以了，通常这个文件是74M。

10、删除不用的输入法：对很多网友来说，WindowsXPt系统自带的输入法并不全部都合适自己的使用，比如IMJP8_1日文输入法、IMKR6_1韩文输入法这些输入法，如果用不着，我们可以将其删除。输入法位于\windows\ime\文件夹中，全部占用了88M的空间。

11、升级完成发现windows\多了许多类似$NtUninstallQ311889$这些目录，都干掉吧，1x-3xM

12、另外，保留着\windows\help目录下的东西对我来说是一种伤害，呵呵。。。都干掉！

13、关闭系统还原：系统还原功能使用的时间一长，就会占用大量的硬盘空间。因此有必要对其进行手工设置，以减少硬盘占用量。打开"系统属性"对话框，选择"系统还原"选项，选择"在所有驱动器上关闭系统还原"复选框以关闭系统还原。也可仅对系统所在的磁盘或分区设置还原。先选择系统所在的分区，单击"配置"按钮，在弹出的对话框中取消"关闭这个驱动器的系统还原"选项，并可设置用于系统还原的磁盘空间大小。

14、休眠功能会占用不少的硬盘空间，如果使用得少不妨将共关闭，关闭的方法是的：打开"控制面板"，双击"电源选项"，在弹出的"电源选项属性"对话框中选择"休眠"选项卡，取消"启用休眠"复选框。

15、卸载不常用组件：XP默认给操作系统安装了一些系统组件，而这些组件有很大一部分是你根本不可能用到的，可以在"添加/删除Windows组件"中将它们卸载。但其中有一些组件XP默认是隐藏的，在"添加/删除Windows组件"中找不到它们，这时可以这样操作：用记事本打开\windows\inf\sysoc.inf这个文件，用查找/替换功能把文件中的"hide"字符全部替换为空。这样，就把所有组件的隐藏属性都去掉了，存盘退出后再运行"添加-删除程序"，就会看见多出不少你原来看不见的选项，把其中那些你用不到的组件删掉（记住存盘的时候要保存为sysoc.inf，而不是默认的sysoc.txt），如Internat信