《基于VUE的美食点评APP的设计与实现》12000字（论文）

.绪论1.1研究的背景\t"/item/%E9%A4%90%E9%A5%AE%E6%96%87%E5%8C%96/_blank"餐饮文化是一个广泛的社会性概念，一般来说，主要包括以下一些内容：菜品文化、小吃文化、餐厅文化、服务文化、营销文化[1]。由于科技的腾飞，经济的发展，我国人民生活水平在不断地提高。人们开始追求美食带来的除了饱腹以外的作用，人们更加追求的是美食带来的精神层面上的享受和体验。互联网也在不断发展，人人都拥有手机，可以随时随地自由自在地上网。美食APP软件开发逐渐流行起来，结合市面上多种美食诱惑，吸引着大量的用户群体。希望可以通过此APP带给用户更好的美食体验。随着社会不断地发展，人们的生活水平也不断提升，开始注重果腹以外的对食物的追求。吃被赋予了更厚重的意义，美食所带来的的美妙体验丰富了人们的生活，让美味带走人们的烦恼和疲惫。互联网蔓延触达到人们生活的各个角落，美食也不只局限于自家餐桌，乘着各种各样的APP飞入了普罗大众的手中。所以我想做一款专门为了美食分享、查询、营销一体的美食点评APP。在过去，往往提到的是生存。虽然生活和生存只相差一个字，但是这俩个词的意义是大不相同的。生存只是为了活着，而生活是追求人生的广度和宽度，层次在生存之上。十九大报告关于这个词的转变正证明了中国人民的生活水平得到了很大的提升，人们开始更注重生活品质和精神世界。现如今，中国开始追求生活品质。显而易见的，这不是国家对人们的要求，而是人们自身对未来的需求。不是所有国家都有这种底气的，中国走到现在这一步，是全体辛勤的中国人民一点一点努力奋斗出来的。世界上还有很多国家还在生存或在生活线上下挣扎，让中国人民站在生活线上，中国不断的奋斗，世界都看得到。生活离不开衣食住行，吃占了四分之一。追求更好的生活也包括了追求更好的美食体验，所以越来越多的人们关注美食资讯：如何制作？哪家餐厅更值得推荐?人们对这一方面的需求明显增加，但是又苦于没有渠道方便快捷得了解。VUE是一种容易使用、灵活、高效的渐进式javascript框架[2]。跨平台技术一面世，大量的JavaScript框架和工具开始迅速流行。而Vue.js就是其中最为优越的存在，Vue.js成为渲染搭建用户前端界面的方便快捷不直接操作底层DOM的框架技术[3]。Vue.js是一套构建用户界面的渐进式框架。Vue.js采用自底向上增量开发的设计，和其他框架都不同。它的核心库只关注视图层，初学者很容易上手学习[4]。Vue.js完全有能力驱动采用单文件组件和Vue.js[5]生态APP支持的库来开发复杂的单页应用。1.2研究的目的与意义品尝完一道美食，一定很想和周遭的朋友同事们分享，会有呼朋引伴再来一次的冲动；去到一家挂羊头卖狗肉的不良餐厅一定想大肆曝光，不想有其他朋友再次“踩坑”。如果有这样一个美食点评交流的平台，用户可以在上面分享美食，也可以查看和评论其他人的美食分享。对于美食资讯的传播和美食文化的宣传会是非常有利的，也方便了用户对美食资讯的查找和分享。各种美食APP出现了十余年了，十多年的时间里百家争鸣、百花齐放。最早的美食点评APP-大众点评，2003年到如今约17年了，依然屹立不倒，和美团合并后成为人们手机中不可或缺的一个应用。从国内人民的反应可以看出来，美食类APP的需求只多不少，人们使用APP的理由大致可以分为：分享、查找、娱乐。人们使用美食类APP来分享个人体会或者菜肴做法；查找餐厅信息；观看他人分享图片或视频。互联网的发展，给了美食类APP无限的发展空间，也给了人们无限了解美食的途径。通过这段时间对应用开发的学习，我逐渐熟悉和掌握了Vue.js和JavaSpringBoot前后端开发。对Vue的组件化和JavaSpringBoot的约定优于配置[6]有了更深刻的理解。1.3国内现有状况分析各种美食APP出现了十余年了，十多年的时间里百家争鸣、百花齐放。最早的美食点评APP-大众点评，2003年到如今约17年了，依然屹立不倒，和美团合并后成为人们手机中不可或缺的一个应用。从国内人民的反应可以看出来，美食类APP的需求只多不少，人们使用APP的理由大致可以分为：分享、查找、娱乐。人们使用美食类APP来分享个人体会或者菜肴做法；查找餐厅信息；观看他人分享图片或视频。互联网的发展，给了美食类APP无限的发展空间，也给了人们无限了解美食的途径[7]。2.可行性分析开发APP不是随性而为的事情，需要考虑方方面面是否可行，如果有多个方面不可行，那么开发APP就是一件寸步难行的事情。在开发APP之前需要把一些必须事项论证可行才能开始后面的开发。否则投入后才发现不可行所造成的精力、金钱上的损失是很重大的。所以我们需要在技术、经济、操作等多个方面考虑开发APP的可行性。考虑得越全面越有利于后续的开发。2.1技术可行性美食点评APPAPP的设计与实现使用Vue+JavaSpringBoot作为前后端的框架，整个APP采用客户端和服务器直接相通相连，实现点对点的通信的C/S架构，数据存储管理计划使用MySQL数据库。采用HTML5+CSS+JavaScript+Java进行前后端代码的编写，在VSCode+HBuilderX平台上进行开发，VSCode有丰富的各种各样的插件，HBuilderX有非常充足的生态资源[8]。同时对电脑的配置要求并不高。2.2经济可行性主要服务器是在阿里云上租的Linux一年约114元，其他IDE皆是开源且免费的，查看的资料网上皆有免费版。所以支出只有租赁服务器的费用，这部分的费用较低，可以承受。并且本APP为本人独立开发，只需要电脑和手机即可。不需要花费大量的人力的物力。2.3操作可行性操作可行性，主要评估用户使用该软件是否易懂易操作。经过HBuilderX打包成apk后可以直接在手机上安装使用。界面设计得简洁大方，底部的TabBar只设置了4个，符合当代操作需求[9]。整个APP功能划分清晰，操作简单便捷。综合以上的分析，本次的APP开发各方面都符合预期。可以进行开发，而不会产生负面的效果。3.需求分析3.1系统总体需求美食点评APP中前端部分角色只是用户，后台角色是管理员。为了开发出来的软件可以服务到广大的用户，我们就需要调查清楚用户的需求。通过查阅相关书籍了以及观察各个竞品的数据进行了简单的整理和调研。了解到现在用户不仅仅是需要了解美食，更重要的是想分享和展示自己，用户越来越在乎产品的社交性[10]。而美食点评APP的开发正可以满足用户的需求：分享美食、展示自己、聊天交友。以下为美食点评APP的功能模块分析：界面设计：美食点评APP分前、后端开发：前端--用户界面简洁明快、色调统一；后端--管理员界面简单大方、清晰明了。前端用户界面以红色暖调为主，美食就是能够给人带来幸福和温暖的，这也是我选择红色作为主色调的原因。前端功能模块：前端分为四个Page：首页、发现、消息、我的。首页主要用于实时显示发布的点评文章，文章按照各个分类显示在前端上，用户可以点击想查看的分页进入，查看文章。也可以输入关键词，搜索想查询的点评文章内容。发现主要是首页功能的延伸，用户可以在发现页面查看想看的点评内容。最重要的功能是发布点评，用户可以发布点评文章到广场中。消息页显示好友私聊的消息，用户可以在消息界面和好友聊天，探讨美食。我的界面主要用于查看用户自己的信息，比如点赞记录、收藏的文章以及修改个人信息。3、管理员功能模块：管理系统主要由用户管理、文章管理、评论管理三个模块构成。用户管理模块可以设置用户状态和信息，比如禁言一些不合法发言的用户，维护平台的安全性和健康性。文章管理可以查看文章信息和管理文章状态，不合法的文章后台可以不让它上架。评论管理可以删除不合理评论，可以用于后续维护APP的UGC生态[11]。3.1.1预定登陆注册模块的功能需求 我们不允许用户使用游客状态的身份进入邮箱，用户要使用本APP需要先注册后登陆。功能需求如下：（1）如果用户之前注册过，那么定位为老用户。老用户通过之前注册过的账号以及对应密码进行登录美食点评APP，进入美食点评APP。还未注册的用户，首先要进行账号的注册，然后在美食点评APP的登录界面输入账号和密码，从而进入美食点评APP。（2）注册失败时需要提醒客户是因为什么导致注册失败：用户名重名、验证码失效、密码不符合规范等。注册成功后就跳转到登陆主界面，提示用户登录。（3）注册时的密码需要经过不对称加密[12]再存储到数据库中，目的是为了保证用户账号的安全性。3.1.2预定首页模块的功能需求 APP前端的首页部分可以浏览广场上的热门文章以及各种各类的文章，还可以搜索感兴趣的点评，满足用户个性化的浏览需求。功能需求如下：（1）在首页，用户可以在搜索框输入想要查找的美食文章。比如输入“西餐”，点击“搜索文章”，即可弹出相关的内容。（2）首页有相对应美食种类的分区，用户选择相对应分区进入分类美食文章页。（3）不用身份等级的用户看到的内容做区分，部分VIP点评文章只开放给VIP等级的用户，普通分区的文章全用户可见。3.1.3发现模块的功能需求用户进入发现页面可以在广场上自由浏览点评，也可以发布自己的点评文章。用户在发现页要能精确推送用户感兴趣的美食分区的点评。文章类型要能显示在文章展示窗口。（3）用户点击文章进入文章详情页。（4）玩家长按文章展示窗口要弹出“是否不再推送相关分类美食信息”以供玩家选择。玩家选择“是”，之后不再推送相关内容。3.1.4文章详情页模块的功能需求文章详情页要展示美食点评文章的具体信息，让用户一进入就了解美食点评文章的全貌。详情页包括：标题、文章主要内容、图片、视频、点赞数、收藏数等。（1）用户可以在详情页给点评文章点赞、收藏，以及能看到点赞数和收藏数。（2）用户能转发点评到朋友圈中。（3）用户要能在点评下方评论，以及回复评论。（4）用户点击头像要能进入聊天界面。3.1.5消息模块的功能需求消息模块要能够接收到系统给全用户发送的公告、通知，也能收到其他用户的私信。以及在消息模块进行信息的交互。（1）要能和用户进行对话交互。（2）收到新信息要有提示，对话聊天条要有红点显示（3）要有刷新按钮，刷新信息。要能够一键已读，方便一些网红用户清除消息记录。3.1.6个人主页模块的功能需求个人主页模块要能够查看收藏文章、评论文章、已发布文章、点赞文章还有能够修改个人信息。个人主页功能具体功能如下：（1）查看“我的收藏”，跳转到文章列表页（2）查看“我的评论”，跳转到文章列表页（3）查看“我发表的”，跳转到文章列表页（4）查看“我的点赞”，跳转到文章列表页（5）修改个人信息3.1.7用户交互模块的功能需求用户主要是通过点评下面的评论区和用户聊天功能来进行交互的。具体功能如下：点击评论下方的评论框输入评论点击用户头像跳转到私人聊天区，进行聊天交流点赞文章收藏文章3.1.8系统管理模块的功能需求美食点评APP的系统管理模块介绍如下。管理员进入后台，需要先进行身份验证，需要输入账号密码。验证通过后才能进入后台的管理界面。美食点评的后台界面具体功能如下：（1）添加用户，设置用户信息（2）修改用户状态（3）发布点评文章（4）设置文章状态（5）设置评论状态3.2系统非功能性需求分析非功能需求分析在系统分析阶段的作用也十分重要，它会影响到用户的使用体验。所以说非功能分析和功能分析是具有相同重要性的需求分析[13]。3.2.1响应时间需求进入美食点评APP，用户的每一次点击数据的响应时间最好不超过0.5秒，数据要能够及时地刷新，界面要没有明显的卡顿。在网络状态不好的情况下，要及时显示菊花Loading界面，提示用户网络重连中，这样用户的体验才会比较舒适。在这样的要求下，用户才会比较顺滑没有卡点。3.2.2安全性需求（1）在美食点评系统中如果用户的账号被毁，那么他们所付出的大量心血都会付之一炬。所以安全性是非常重要的。（2）可以在账号上做相应安全上的限制，比如密码必须超过6位，包含英文和数字，密码准入数据库需要做不对称加密。3.2.3易用性需求（1）系统UI简洁大方，各种功能模块一目了然。 （2）适配各种机型，满足全面屏手机的需求。3.3系统用例图美食点评APP系统的用户可划分为俩类：用户、管理员。下面将会绘画出用例图来介绍用户和管理员这俩类用户的功能。3.3.1用户功能用例图如图3-1所示。图3-1用户的功能用例图图3-1描述了用户的登陆成功后可实现的功能包括“发布文章”、“评论”、“点赞”、“收藏”、“查看文章”。3.3.2后台管理员功能用例图如图3-2所示。图3-2后台管理员的功能用例图图3-2描述了美食点评APP管理员进度后台后都可以做哪些操作来管理这个美食点评APP。管理员可以操作和管理的功能模块包括“设置用户状态”、“设置用户信息”、“管理文章”、“发布文章”。4.系统概要设计4.1系统功能模块分析美食点评APP中Apk部分角色只是用户，后台角色是管理员。为了开发出来的软件可以服务到广大的用户，我们就需要调查清楚用户的需求。通过查阅相关书籍了以及观察各个竞品的数据进行了简单的整理和调研。了解到现在用户不仅仅是需要了解美食，更重要的是想分享和展示自己，用户越来越在乎产品的社交性。而美食点评APP的开发正可以满足用户的需求：分享美食、展示自己、聊天交友。以下为美食点评APP的功能模块分析：1、界面设计：美食点评APP分前、后端开发：前端--用户界面简洁明快、色调统一；后端--管理员界面简单大方、清晰明了。前端用户界面以红色暖调为主，美食就是能够给人带来幸福和温暖的，这也是我选择红色作为主色调的原因。2、前端功能模块：一共分为两个前端：用户所见的美食点评app前端和管理员可见的后台管理界面的前端。美食点评APP的客户端分了四个tab：首页、发现、消息、我的。只有登录后才能进入APP，首页模块可以浏览、搜索别人发布的美食分享，点击进入，可以浏览内容、点赞、收藏、评论。发现模块消息模块可以看到别人发送给自己的消息，自己也可以和别人进行沟通交流。我的界面可以看个人信息、进行一些个性化操作。后台管理界面分为：用户管理、文章管理和评论管理。主要是用来管理用户的信息，进行删除和添加以及禁言的操作；管理文章信息删除和新增文章；管理文章中的评论删除操作。美食点评系统主要功能是针对美食爱好者提供一个可以自由分享和查找美食资料的平台。所以需要有俩个前端来对应不同角色的用户：面向广大美食爱好者的美食点评APP；面向管理美食点评信息的管理员的系统后台。系统功能模块结构如图4-1所示。图4-1功能模块结构图一、前端APP系统聊天模块主要是方便用户社交和沟通，增强用户使用美食点评APP的粘性。用户点击头像就可以进入私聊页面，可以实时发起沟通。随时随地分享美食见闻。评论点评信息模块是用于用户可以直接在文章底下评论，和聊天模块的作用类似。但是在评论模块，用户发表的评论是全平台可见的。有用户分享，有用户针对分享点评，才是一个app比较完整的交互的生态。用户喜好模块主要是用来收集用户对喜欢的文章的点赞、收藏、评论。把它们放在同一个“篮子”里面进行管理，方便用户查找。这是除了用户发表点评外的另一个“私人小天地”。设置个人主页的作用很显然了，就是设置用户的个人信息。现在的用户非常注重个性化和隐私。设置个人信息这个功能模块是必不可少的。除了设置个人信息外，还可以查看用户在app中的相关操作。二、后端管理系统用户评论管理主要是用来管理用户评论，比如隐藏用户评论、推用户评论上精选、删除用户评论。发布点评这个功能是赋予管理员发布帖子的权利。管理员可以发布质量较高的文章，这样可以促进APP的用户活跃度，以及反向鼓励用户多发帖子。较多的帖子和较高的文章质量才能有效地促进APP的DAU。用户信息管理可以用于管理用户的各种信息，比如用户状态等。点评管理主要是用于管理用户的文章状态，比如手动推文章上精选热搜、修改文章的部分参数、管理文章下面的评论数据。4.2数据库设计4.2.1美食点评APP系统关系模型很明显的在上面的功能分析里面也提到，这个美食点评系统的实体主要就是由：文章、评论、用户等这几个组成的。下面是绘制的美食点评APP系统整体的E-R图，如图4-2、4-3所示。图4-2文章模块E-R图图4-3聊天模块E-R图4.2.2数据库简要说明设计数据库需要遵循：方便、高效、不冗余的原则[14]。使用Mysql作为本次系统的数据库。该系统数据库名称为：“meituan”。内含10张数据库表数据库图如4-3所示。图4-3数据库图系统数据库拥有8个实体对象，具体内容如下：文章实体：文章id、发布文章用户id、文章类型、文章点赞数、文章标题、文章内容、文章创建时间文章图片实体：图片id、文章id、图片地址文章类型实体：文章类型id、文章类型名聊天记录实体：目前聊天用户id、对方用户id、聊天内容、创建时间收藏点评实体：收藏id、用户id、文章id评论实体：评论id、用户id、文章id、回复id、回复层级、回复信息、创建时间收藏实体：收藏id、用户id、文章id用户实体：用户id、用户昵称、用户性别、用户类型、用户等级、用户状态4.2.3数据库表逻辑设计（1）文章信息表（article）记录点评文章的基本数据库字段信息 ，如表4-2所示。表4-1文章信息表字段名称数据类型长度是否为空说明article_idVarchar(100)100否主键publish_user_idint(0)32否发布用户idarticle_typeint(0)32否文章类型article_starint(0)32是点赞数article_titlevarchar(100)100是文章标题article_contentvarchar(1000)1000是文章内容create_timedatetime(0)128是创作时间（2）文章图片表（article_img）保存文章图片表的基本数据库字段信息 ，如表4-2所示。表4-2文章图片表字段名称数据类型长度是否为空说明img_idvarchar(100)100否主键article_idvarchar(100)100否文章idimg_srcVarchar(100)100否图片地址（3）评论信息表（comment）用于保存用户评论的基本数据库字段信息 ，如表4-3所示。表4-3评论信息表字段名称数据类型长度是否为空说明comment_idvarchar(100)100否主键user_idint(0)32否用户idarticle_idint(0)32否文章idreply_user_idint(0)32否回复用户idpidvarchar(100)100否层级表示comment_msgvarchar(100)100否评论内容create_timedatetime32否评论时间（4）文章类型表（article_type）文章类型信息字段于此表当中，相关表结构如表4-4所示。表4-4文章类型表字段名称数据类型长度是否为空说明article_type_idint(0)32否主键article_type_nameint(0)32否文章类型（5）聊天记录表（chat_record）用于保存用户聊天信息，相关表结构如表4-5所示。表4-5聊天记录表字段名称数据类型长度是否为空说明idvarchar(100)100否主键current_user_idint(0)32否当前用户idchat_user_idint(0)32否聊天用户idchar_contentvarchar(255)255否聊天内容create_timedatetime32否开始时间（6）收藏信息表（collection）用于记录收藏的基本信息，相关表结构如表4-6所示。表4-6收藏信息表字段名称数据类型长度是否为空说明collection_idvarchar(100)100否主键user_idint(0)32否用户idarticle_idvarchar(100)128否文章id（7）收藏信息表（fabulous）收藏信息表相关表结构如表4-7所示。表4-7点赞信息表字段名称数据类型长度是否为空说明fabulous_idvarchar(100)100否主键user_idint（0）128是用户idarticle_idvarchar（100）32否文章id（8）用户信息表（user）用户信息表相关表结构如表4-7所示。表4-8用户信息表字段名称数据类型长度是否为空说明user_idvarchar(100)100否主键sexvarchar(8)8否性别user_typevarchar（8）8否用户类型passwordvarchar(100)100否密码ageint32否年龄user_namevarchar(100)100否用户昵称user_avatarvarchar(100)100否用户等级statusint32否用户状态5.系统的详细设计与实现5.1系统开发环境CPU:Intel(R)Core(TM)i5-7200U内存：4GB硬盘：256GB固态硬盘数据库:MYSQL服务器：Linux显卡：GTX960M开发软件：VSCODE+HBuilderX开发框架：前端：VUE；后端：SSM5.2系统目标美食点评APP面向的人群包括有想要寻找好餐厅的顾客，以及想要分享美食的用户。前端用户使用的APK就是专门为了用户设计的，可以让用户在APP上找到想要的美食，分享好的用餐体验文章以及和用户进行沟通、收藏、点赞文章。后台功能主要是管理员来操作，主要功能是管理前台的APP的UGC信息，避免一些不文明的行为：对用户解禁言、对文章进行删除和修改、用户信息进行管理。本系统的目标就是方便用户自由地分享内容，快速地查找到想要的餐厅或者美食相关信息。5.3功能模块实现5.3.1聊天模块设计思路：该模块主要实现用户聊天方面的功能。用户在浏览点评时点击发布者的头像就跳转到聊天页面，或者点击文章评论区的头像也可以跳转到聊天页面。在聊天界面可以实时聊天。用户通过点击主页头像跳转到聊天界面进行聊天。实现逻辑：用户点击其他用户的头像跳转到相对应聊天界面。部分代码的实现逻辑如图图5-1(a)、图5-1(b)所示。图5-1(a)聊天模块部分代码的实现逻辑图5-1(b)聊天模块部分代码的实现逻辑用户进入聊天界面需要和对方聊天，对方回复的消息需要及时同步用户，未浏览过的聊天需要有红点表示用户点击。实现逻辑：用户聊天语句使用is_current(item.chatUserId)来判断显示在左侧还是右侧。用isBack来判断是否点击过。部分代码的实现逻辑如图5-2所示。图5-2聊天模块部分代码的实现逻辑聊天模块界面展示图，如图5-3所示。图5-3聊天模块界面展示图5.3.2评论点评信息模块设计思路：这个模块主要实现用户在文章下方评论，对方需要收到消息提示，以及也可以进行消息的回复。其他用户也可以点击评论进行评论的回复。实现逻辑：部分代码逻辑图如图5-4(a)、图5-4(b)所示图5-4(a)点评模块部分代码逻辑图图5-4(b)点评模块部分代码逻辑图5.3.3设置个人主页模块设计思路：用户可以在个人主页面看到收藏的文章、点赞的文章、自己发布的文章以及修改自己的个人信息。实现过程：点击“我发布的”进入“我发布的”的Page，渲染发布的文章列表。“我点赞的”和“我评论的”以及“我收藏的”同“我发布的”逻辑上是类似的。进入个人设置页面，显示个人资料的完整度，这个判断数据库中NULL字段的个数就可以得出了。点击修改可以修改头像、昵称、性别。用户类型可以显示但不能修改。部分逻辑代码图和功能图5-5(a)、5-5(b)所示。图5-5(a)个人主页部分逻辑代码图图5-5(b)个人主页部分逻辑代码图这一模块的界面展示图，如图5-6所示。图5-6个人主页模块界面展示图5.3.4发布文章模块设计思路：在“发现”页面的右上角加个“发布”按钮，点击“发布”进入发布文章页面，填写文章标题，选择文章类型，添加文章图片在撰写文章的具体内容，最后点击发布就可以发布文章了。实现过程：用户点击“发布”进入新的Page，输入点评相关数据保存进数据库，在“我发布的”页面中需要渲染出新增的文章。部分逻辑代码图和功能图5-7(a)、5-7(b)所示。图5-7(a)发布文章部分逻辑代码图5-7(b)发布文章部分逻辑代码发布文章功能模块界面展示图，如图5-8所示。图5-8发布文章功能模块界面展示图5.3.5系统管理设计思路：系统管理主要分为三个部分用户管理、文章管理、评论管理。用户管理主要是用于管理用户的账号状态；文章管理用于管理文章的各种信息以及删除和添加；评论管理用于管理不合适的评论信息，做到及时删除。实现过程：将用户设置为禁言状态时，用户就无法评论和发表点评，主要是通过点击按钮时调用触发事件来判断用户是否需要禁言。删除用户就是直接从数据库中删除该用户的信息。文章管理中的添加文章的逻辑和前端APP中用户点击发布的逻辑一致。评论管理中点击删除，文章评论数据从数据库中去除，前端文章详情页要重新渲染文章数据。系统管理功能模块界面展示图，如图5-9(a)、5-9(b)、5-9(c)所示。图5-9(a)系统管理部分前端代码图5-9(b)系统管理部分前端代码图5-9(c)系统管理部分前端代码发布文章功能模块界面展示图，如图5-10所示。图5-10系统管理功能模块界面展示图 6.系统测试6.1测试目的软件测试是在各种系统设计以及实现后必不可少的一个环节。我们要及时对系统不正确的地方，比如说：逻辑上的BUG、系统功能上的BUG进行修改。只有不断地测试，才能够使系统尽可能得完美。因为一个系统的稳定性、可修复性是很重要的衡量一个系统是否优秀的重要条件之一，我们必须在我们能做到的范围中，尽可能地做到最好。让使用我们系统的用户感受到最完美的体验。6.2系统的功能测试 系统的功能测试也称作黑盒测试[15]，相比较于白盒测试，是不涉及到代码，指针对功能的测试。登陆管理模块测试用例见表6-1表6-1登陆管理模块测试用例步骤操作数据预期测试结果实际结果1不输入用户名、密码，登录文字高亮提示“请输入账号密码！”结果ok，和预想一致2输入错误的用户名，密码用户名：ttt密码：ttt文字高亮提示“用户名不存在”结果ok，和预想一致3输入正确密码用户名：tsn密码：tangsinuo用户成功登录结果ok，和预想一致4注册用户用户名：ttt密码：ttt再次确认密码：ttt文字高亮提示“该用户名已被占用”结果ok，和预想一致5注册用户用户名：tttt密码：ttt再次确认密码：ttt11文字高亮提示“密码输入错误”结果ok，和预想一致6注册用户用户名：密码：ttt再次确认密码：ttt请输入用户名结果ok，和预想一致（2）发布点评信息模块测试用例见表6-2表6-2点评信息模块测试用例步骤操作数据预期测试结果实际结果1输入文章标题、图片、内容点击发布文章标题：test内容：test发布成功结果ok，和预想一致2输入图片、内容点击发布发布失败结果ok，和预想一致个人主页模块测试用例见表6-3表6-3个人主页模块测试用例步骤操作数据预期测试结果实际结果1收藏文章收藏夹有相应文章结果ok，和预想一致2点赞文章喜欢里有相应文章结果ok，和预想一致3编辑个人信息成功结果ok，和预想一致4设置个人头像图片成功结果ok，和预想一致5查看发布文章成功结果ok，和预想一致（4）聊天评论模块测试用例见表6-4表6-4聊天评论模块测试用例步骤操作数据预期测试结果实际结果1评论文章成功结果ok，和预想一致2点击用户头像进入个人聊天页面结果ok，和预想一致3发送信息文字成功结果ok，和预想一致4发送图片图片成功结果ok，和预想一致（5）系统管理模块测试用例见表6-5表6-5系统管理模块测试用例步骤操作数据预期测试结果实际结果1添加用户姓名:123密码：123添加成功结果ok，和预想一致2添加用户姓名:123密码：123添加失败结果ok，和预想一致3编辑角色权限成功结果ok，和预想一致4删除角色成功结果ok，和预想一致5添加用户信息成功结果ok，和预想一致6编辑用户信息成功结果ok，和预想一致7删除用户成功结果ok，和预想一致6.3性能测试本次美食点评系统使用ApacheJMeter[16]进行性能测试，发布点评信息、点击查看美食信息，以及后台页面，并分析测试结果。当线程数为10，并发数10时该系统的第一次性能测试记录见表6-6：表6-6第一次性能测试记录表[17]Label请求数平均响应时间最小响应时间最大响应时间错误请求数量百分比吞吐量点评文章页面1000.50.310207.2961/sec首页搜索界面1000.50.310207.9914/sec管理员后台1000.50.310208.3424/sec将线程数修改为20、并发数20时该系统的第二次性能测试记录见表6-7：表6-7第二次性能测试记录表Label请求数平均响应时间最小响应时间最大响应时间错误请求数量百分比吞吐量点评文章页面4000691.4/sec首页搜索界面4000.50.520692.9/sec管理员后台1000693.7/sec将线程数设置为40、并发数40时该系统的第三次性能测试记录见表6-8：表6-8第三次性能测试记录表Label请求数平均响应时间最小响应时间最大响应时间错误请求数量百分比吞吐量点评文章页面9000.80.5301788.1/sec首页搜索界面9000.80.5301790.9/sec管理员后台9000.80.5301791.6/sec6.4测试