【美食信息交流网站设计与实现7700字】

美食信息交流网站设计与实现目录1绪论 [10]4系统设计4.1美食分享网站4.1.1主页面本网站主要面向寻求美食信息的用户群体，主页面是网站的首页，应该竭尽全力的做到页面美观，操作轻便简易，用户不用过多思考就能找到所寻求的信息，因此本网站的设计样图如下图1所示：图1从此页面可看出，用户在进入此网站后，映入眼帘的就是占据了半个屏幕的轮播图和每日精选菜谱，页面简单明了，实现了最主要的功能即浏览功能。图中食品图片等为测试样图。用户在此页面可随意浏览喜欢的美食，遇到感兴趣的可以点击去查看详细内容，内有必要信息如名称、描述、上传人图片详情等。如可乐鸡翅这道美食，用户点击后可看到如下页面：图2如图2所示，若对这道美食感兴趣的话还可以进行点赞收藏操作，基本满足设计需求。4.1.2系统公告栏进入主页后，在美味美食网字样下方有一个导航条，导航条中的系统公告跳转到相应页面，就能看到网站的公告了，如下图3所示。同时用户也可已点击页面右侧的系统公告列表，选择用户想要看的公告，图3为测试图，只是基本的样例信息，无实际内容。图34.1.3菜谱栏从导航栏的菜谱选项可以进入详细美食信息界面，如下图4所示，在这个页面上分有四个大类，这四个大类用户不能进行添加修改，只有管理员可以进行此操作。这四个大类又包含了许多小的分类。用户可以根据需要点击相对应的小类，就会出现所对应的菜谱，以例图所示，清热去火类型下出现的菜谱为老鸭汤等两道菜。图44.1.4收藏笔记栏 在导航栏中可以看到收藏选项，点击可进入收藏页面，如图5所示，如图可看到收藏的两到美食分别为笔记类型和菜谱类型，也可以直接看到收藏时间。点击笔记类型的美食蛋炒饭，可看到图6所示页面。图5图6 从图6中可看到，用户在点击笔记页面时，会显示美食名称和上传时间，美食详情、图片和评论，用户也可发表属于自己的看法。同样的，如果用户对此感兴趣的话也可以进行点赞收藏操作。4.1.5其他功能网站还有饮食资讯和趣味答题两个功能。在饮食资讯页面可看到管理员发布的内容，点击详情可看到详细信息。趣味答题也是管理员发布的题目，用户可以根据自己的喜好来决定是否参与，同时也可以浏览其他用户发表的意见，如下图7所示。图74.1.6后台系统页面用户在登录后可以进入后台系统页面，若为游客状态则没有此页面选项。进入后台系统后，映入眼帘的是快捷导航栏，包括用户信息，菜谱大类等，用户可以根据需要选择哪个模块。也可以从左边的导航栏进行选择。用户点击菜谱信息后可看到一张表格，里面包含所有菜谱的信息，包括名称、菜谱标签、上传人等等，还可以对菜谱进行文件操作：预览和下载。同样的，在笔记信息页面也是几乎类似的操作。用户若有想分享的美食，也可以进行上传分享。假如用户的个人实际信息已经改变，想在本网站同步个人信息，可以在信息展示条下的个人信息页面，进行修改，想要新增和删除也是一样的方法。如图9所示。用户如果想要改密码的话，也可以进行修改。图8图9以上为用户端的后台系统，管理员端的后台系统又有不同。如图10所示。管理员增可以删改查管理员信息和用户信息。对于菜谱大类信息、菜谱小类信息、菜谱信息食材信息进行检查，若有不符合要求的可以直接进行修改。管理员可以修改用户的收藏、点赞信息，定时发布饮食资讯、公告信息和趣味答题信息，同时还可以审核用户发布的笔记，如果不符合要求可以直接进行驳回操作，驳回后其他用户就看不见此条笔记。图104.2数据库设计数据库能够体现数据之间的关系，这些数据是经过计算机整理的，可以储存在计算机之中，我们就可以凭此来使用我们需要的数据。所以设计一个合理的数据库是制作一个好的系统的基本条件。下图11为数据库表。图SEQ图表\*ARABIC114.2.1用户表表1用户信息表序号字段名称字段类型（大小）是否为空备注1idbigint(20)NOID2namevarchar(255)YES姓名3passwordvarchar(255)YES密码4nickNamevarchar(255)YES昵称5sexvarchar(255)YES性别6ageint(10)YES年龄7birthdayvarchar(255)YES生日8phonevarchar(255)YES手机号9addressvarchar(255)YES地址10emailvarchar(255)YES邮箱11cardIdvarchar(255)YES身份证12levelint(10)NO权限等级用户表可以作为依据，用户登录的依据，来判断用户是不是在这张表里。如果存在则直接获取到此用户的id。4.2.2管理员信息表表2管理员信息表序号字段名称字段类型（大小）是否为空备注1idbigint(20)NOID2namevarchar(255)YES姓名3passwordvarchar(255)YES密码4nickNamevarchar(255)YES昵称5sexvarchar(255)YES性别6ageint(10)YES年龄7birthdayvarchar(255)YES生日8phonevarchar(255)YES手机号9addressvarchar(255)YES地址10codevarchar(255)YES编号11emailvarchar(255)YES邮箱12cardIdvarchar(255)YES身份证13levelint(10)NO权限等级4.2.3菜谱信息表表3菜谱信息表序号字段名称字段类型（大小）是否为空备注1idbigint(20)NOID2namevarchar(255)YES名称3descriptionvarchar(255)YES描述4tipsvarchar(255)YES菜谱标签5subIdbigint(20)YES菜谱小类id6fileIdbigint(20)YES文件id7fileNamevarchar(255)YES文件名8userNamevarchar(255)YES上传人9levelint(10)YES用户等级10uploadUserIdbigint(20)YES用户id4.2.4收藏信息表表4收藏信息表序号字段名称字段类型（大小）是否为空备注1idbigint(20)NOID2namevarchar(255)YES名称3timevarchar(255)YES时间4foodsIdbigint(20)YES菜谱id5notesIdbigint(20)YES笔记id6userIdbigint(20)YES用户id7levelint(11)YES等级5系统测试系统相关功能的设计可以在开发完成后进行部署和测试，开发阶段是在本地开发环境下进行的，测试结果极有可能不是很准确。所以系统设计好后还应该进行实际操作，毕竟如果在实际的环境中测试成功，产品的可用性和稳定性就大大增加了[6]。5.1设计测试用例5.1.1用户端测试用例表5用户端测试表用例名称测试目标输入描述预测结果实际结果用户登陆信息校验测试系统能否检查出数据库的登录信息用户点击右上角登录按钮成功登录进主页面，收藏点赞信息存在登录进去后显示内容符合预期结果游客模式下浏览页面测试游客模式下能否正常浏览页面，能否评论点赞直接进入主页面，浏览美食信息，进行点赞收藏可以进入主页面，可以成功浏览，点赞收藏时会提示进行登录，无法查看收藏信息可以进入主页面，可以成功浏览，点赞收藏时会提示进行登录，无法查看收藏信息首页浏览美食测试首页美食内容能否正确显示，是否能显示详细信息点击首页首页显示美食信息，以及美食信息下的说明等详细信息。首页显示美食信息，以及美食信息下的说明等详细信息。浏览系统公告测试能否正常显示系统公告内容点击系统公告按钮，进入公告页面，点击右侧系统公告导航栏能够正确看到系统公告内容，点击右侧系统公告导航栏中的一个公告时，能够正确显示所选择的系统公告信息能够正确看到系统公告内容，点击右侧系统公告导航栏中的一个公告时，能够正确显示所选择的系统公告信息浏览菜谱页面测试菜谱页面的美食大类及美食小类能否正确分类点击任一美食小类，显示出相应美食信息点击清热去火，可显示出响应菜谱信息，点击其他小类，同样显示其菜谱，能够看到菜谱详细信息点击清热去火，可显示出响应菜谱信息，点击其他小类，同样显示其菜谱，能够看到菜谱详细信息进行收藏操作测试收藏功能点击一条美食信息进行收藏在收藏页面能够看到收藏的信息，点击收藏的内容还可跳转到详细页面在收藏页面能够看到收藏的信息，点击收藏的内容还可跳转到详细页面修改用户个人信息测试能否正常修改个人信息进入后台页面，点击个人信息，修改姓名、生日、地址等信息能够保存修改后的信息并正确显示修改后的姓名、生日、地址等个人信息能够保存修改后的信息并正确显示修改后的姓名、生日、地址等个人信息上传菜谱测试能否正确上传菜谱点击菜谱界面的新增按钮，按要求上传菜谱信息能够上传并且菜谱信息显示正确，在前台能够被浏览到能够上传并且菜谱信息显示正确，在前台能够被浏览到5.1.2管理员端测试用例表6商家端测试表用例名称测试目标输入描述预测结果实际结果管理员信息校验验证管理员信息管理员登录系统网站管理员能够进入网站，并有后台管理功能管理员能够进入网站，并有后台管理功能修改公告测试管理员对公告的修改功能点击公告信息，选择一个公告进行修改，修改为“这是一个公告”能正确修改公告，并够在前台正确显示：“这是一个公告”字样能正确修改公告，并够在前台正确显示：“这是一个公告”字样美食信息删除测试管理员是否能删除美食信息点击菜谱信息，选中一条美食信息，点击删除按钮正确删除所选美食信息，在前台查找不到删除的美食正确删除所选美食信息，在前台查找不到删除的美食新增美食信息小类测试管理员能否新增美食信息小类点击美食信息中菜谱小类信息，点击新增按钮，填写名称及描述，正确关联菜谱大类菜谱小类添加成功，在菜谱信息里能够看到新增的菜谱小类在所关联的菜谱大类里菜谱小类添加成功，在菜谱信息里能够看到新增的菜谱小类在所关联的菜谱大类里笔记审核测试管理员是否有笔记审核功能点击笔记信息，对任一笔记进行驳回能正确驳回，并在前台看不见驳回的笔记信息能正确驳回，并在前台看不见驳回的笔记信息修改美食信息大类测试管理员能否新增美食信息小类点击美食信息中菜谱大类信息，点击新增按钮，填写名称及描述，正确关联菜谱小类菜谱大类添加成功，在菜谱信息里能够看到新增的菜谱大类以及所关联的菜谱小类菜谱大类添加成功，在菜谱信息里能够看到新增的菜谱大类以及所关联的菜谱小类5.2测试步骤正确合理的测试步骤才有可能发现更多的缺陷，本系统的测试步骤如下：用户登陆用户浏览信息点击美食信息正确显示进行收藏点赞收藏点赞成功游客浏览浏览美食信息进行点赞收藏提示进行登录管理员登陆增加美食信息填写美食信息浏览美食信息添加成功管理员登陆修改个人信息查看个人信息确认修改通过对所设计的系统进行用例测试和合理的测试，可以发现一些在开发中没有发现的操作逻辑缺陷。开发阶段的测试主要是解决功能代码中的bug，部署测试主要是发现和解决应用程序中的操作逻辑缺陷。经过严格的测试，系统达到了预期的标准，可以在实际生产中使用。6总结本系统的设计过程中，通过老师的指导、自身的学习、文献的查阅，从最初的需求分析到后来的系统设计，再到系统的实施和测试，我获得了很多知识。在产品设计中，必须遵循市场发展规律，否则产量就没有竞争力。在技术实践中，我对编程语言的理解不断加深，对流行框架的应用越来越熟练，对新的开发技术也越来越感兴趣。通过实践，我们可以对这些产品有更深入的了解，了解产品设计要解决的应用场景，了解这些技术的优势。通过系统的实施和论文的编写，对我个人的技术成长有很大的帮助。它不仅让我加深了技术学习，而且在系统的理论输出和对工程概念的理解上也有了很大的进步。但是本次系统的开发由于我个人的技术原因以及时间方面等各方面的因素，导致本系统还不够成熟，对此我深感遗憾，等到我技术能够比现在成熟时，我一定会对此系统进行二次开发，尽可能的去完善这个系统。

参考文献何涛.电子美食系统的设计与实现[D].江苏:南京大学,2008.鲜易洲,杨蕊,吴蓉,等.时食美食分享系统的设计与分析[J].电脑知识与技术,2021,17(9):85-87.毛茅,王洋,赵好婕,等.基于社交网络的美食互动网站设计与评估[C].//第七届和谐人机环境联合学术会议(HHME2011)暨第20届全国多媒体技术、第7届全国普适计算、第7届全国人机交互联合学术会议.2011:156-162.高雪芹.美食社区网站的设计与实现[J].计算机光盘软件与应用,2012(20):188-189.闫薇.美食网站的设计与实现[J].数码世界,2017(7):107-108.DOI:10.3969/j.issn.1671-8313.2017.07.087.冯梦雨,黄媛媛,刘雨嘉.基于Vue的Share网站设计与实现[J].数码世界,2019(10):94.吴晨,毛玉萃,张乐.一款基