基于VUE的美食分享网站的设计与实现(论文+源码)_jsp_239

摘要

本文首先研究并介绍国内外目前的背景和现状，在此基础上给出开发美食网站的主要环境和技术介绍，其次对美食网站的功能需求和用例图、流程图进行了分析。再次对美食我拿工资进行了总体模块设计和数据库E-R图和表结构设计。总体上把美食网站分为前台和后台两大部分，前台上主要包括用户注册、用户登录、浏览美食、浏览新闻、美食评论、在线留言；后台管理员主要负责了用户管理、新闻管理、美食类型管理、美食管理、美食评论管理、留言管理等最后根据详细设计的结果，运用JavaEE技术平台，使用更灵活的B/S开发模式和经典的SSM+VUE组合框架实现系统的MVC分层架构，并结合MySQL数据库实现了美食网站的信息化管理，并列出核心代码和部分主要页面。还对美食网站的核心功能就行了压力测试。

关键词：美食网站；VUE；SSM；MySQL

1 前言

1.1选题背景

俗话说“民以食为天”，在解决了温饱题的现代社会，人们对食品的要求越来越高，已不仅仅局限于能吃饱就好，更多是能吃好，追求更多的美食[1]。很多城市历经千余年历史而形成和发展，以其独特风味自成一体，是人民经由长期的积累、改进而形成的地方美食，享誉世界。然而，美食在网上的推广也遇到了不少的阻滞，各式各样的美食网站，有些贸易气味太浓，忽略了真实的情况，有些网站信息量太少甚至有误，还有的表达不完整或没经由当真考究，与其它菜系做法混为一谈。导致传统美食的做法许多已经误传或几近失传了。

1.2研究目的及意义

近年来，随着Internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域[2]。于是电子商务开始流行起来，越来越多的商家在网上建起在线商店，向消费者展示出一种新颖的购物理念[3]。目前对于大多数人，到哪里就餐是一个非常头疼的问题，对于各式各样的美食也是无从选择。特别是对于去各地旅行的人来说，并不了解到哪里才可以品尝到当地的特色小吃。才有了我们美食网站，人们不但可以不必出门就能查询到各式各样的美食信息，有兴趣的朋友还可以自己制作，网站会有如何制作小吃的教程。对于外出旅游的人来说，我们会在网上提供各地比较出名的风味小吃，以及特色的饭店，可以提供给很多人比较好的信息。

3.2需求分析

基于VUE的美食网站分为了前台和后台两大部分。

前台上包括了：

（1）用户注册：不是本网站会员的用户，可以注册成为正式会员；

（2）用户登录：是本网站会员的用户，可以直接登录使用本网站；

（3）浏览美食：可以浏览本站内的美食信息；

（4）浏览新闻：可以浏览本站内的新闻资讯信息；

（5）美食评论：可以对喜爱的美食信息发起评论信息；

（6）在线留言：用户可以向本站提供建设性的留言信息；

后台上包括了：

（1）用户管理：可以对网站中注册的用户信息进行维护和管理；

（2）新闻管理：可以对网站中的新闻资讯信息进行维护和管理；

（3）美食类型管理：可以对网站中的美食分类信息进行维护和管理；

（4）美食管理：可以对网站中的美食信息进行维护和管理；

（5）美食评论管理：可以对网站中用户提交的美食评论信息进行维护和管理；

（6）留言管理：可以对网站中用户提交的留言信息进行维护和管理；

4.1系统总体模块设计

根据前面第三章节的功能需求分析和用例分析得出了基于VUE的美食网站的功能性需求可大致分为前台和后台两大部分。

4.2.2物理设计

根据基于VUE的美食网站主要功能模块需求，基于VUE的美食网站将由多个数据表组成，下面主要介绍数据库中核心的几个数据表内容。

（1）用户角色表：用于存储了网站中用户角色的所有信息，具体内容如下表4-1所示。

表4-1用户角色sys_user表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
account	账号	varchar(255)	否	否	否
password	密码	varchar(255)	否	否	否
user_limit	角色	varchar(255)	否	否	否

（2）会员信息表：用于存储了网站上注册的会员信息。

表4-2会员信息sys_client表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
client_id	主键编号	varchar(255)	否	是	否
client_name	用户姓名	varchar(255)	否	否	否
client_address	联系地址	varchar(255)	否	否	否
client_phone	用户电话	varchar(255)	否	否	否

（3）美食类型表：用于存储网站上的美食类型的所有信息。

表4-3美食类型sys_foods_type表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
foods_type_id	主键编号	varchar(255)	是	否	否
foods_type_name	类型名称	varchar(255)	否	否	否

（4）美食信息表：用于存储了网站上各美食类型下的美食信息。

表4-4美食信息sys_foods表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
foods_id	美食编号	varchar(255)	是	否	否
foods_name	美食名称	varchar(255)	否	否	否
foods_price	美食价格	varchar(255)	否	否	否
foods_adddress	美食所在地	varchar(255)	否	否	否
foods_type_isbn	美食类型	varchar(255)	否	是	否
foods_pic	美食图片	varchar(255)	否	否	否
client_id	发布人	varchar(255)	否	是	否

（5）新闻资讯表：用于存储了网站上新闻资讯的所有信息。

表4-5 新闻资讯信息sys_news表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
id	主键编号	varchar(255)	是	否	否
title	标题	varchar(255)	否	否	否
news_content	内容	text	否	否	否
news_date	发布日期	varchar(255)	否	否	否

（6）美食评论表：用于存储了网站上美食评论的所有信息。

表4-6 美食评论信息sys_comment表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
food_comment_id	评论编号	varchar(255)	是	否	否
message	评论内容	varchar(255)	否	否	否
client_id	评论人ID	varchar(255)	否	是	否
comment_date	评论时间	varchar(255)	否	否	否
food_id	美食ID	varchar(255)	否	是	否

（7）留言信息表：用于存储了网站上用户提交的留言信息。

表4-7 留言信息sys_message表

字段名称	字段意义	字段类型	是否主键	是否外键	能否为空
message_id	留言编号	varchar(255)	是	否	否
message_content	留言内容	varchar(255)	否	否	否
client_id	留言人id	varchar(255)	否	是	否
message_date	留言时间	varchar(255)	否	否	否