ssm+vue705中小型餐厅网站的设计与实现

博主介绍：专注于Java（springboot ssm 等开发框架） vue  .net  php phython node.js    uniapp 微信小程序 等诸多技术领域和毕业项目实战、企业信息化系统建设，从业十五余年开发设计教学工作
☆☆☆ 精彩专栏推荐订阅☆☆☆☆☆不然下次找不到哟
我的博客空间发布了1500+毕设题目 方便大家学习使用
感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人
更多项目地址 介绍  翰文编程CSDN博客 翰文编程-CSDN博客
文末下方有源码获取地址

、

1. 1. 系统结构设计

系统结构设计就像一个树状结构一样，一个树干有很多分支，大任务相当于树干，小任务相当于树枝，只有需求分析信息弄清楚之后，才能保证每个小任务都能实现目标，对初步设计好的系统再进行不断优化，最终得到一个具体现实的系统结构。

管理员功能模块和用户功能模块是该中小型餐厅网站的两大部分，系统结构如图4-2所示。

图4-2 系统结构图

4.3 数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

4.3.1 数据库概念设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

（1）下图是论坛实体和其具备的属性。

图4.1 论坛实体属性图

（2）下图是用户实体和其具备的属性。

图4.2 用户实体属性图

（3）下图是餐厅菜品收藏实体和其具备的属性。

图4.3 餐厅菜品收藏实体属性图

（4）下图是餐厅菜品留言实体和其具备的属性。

图4.4 餐厅菜品留言实体属性图

（5）下图是餐厅菜品文章实体和其具备的属性。

图4.5 餐厅菜品文章实体属性图

（6）下图是餐厅公告实体和其具备的属性。

图4.6 餐厅公告实体属性图

（7）下图是字典表实体和其具备的属性。

图4.7 字典表实体属性图

（8）下图是餐厅菜品实体和其具备的属性。

图4.8 餐厅菜品实体属性图

（9）下图是用户表实体和其具备的属性。

图4.9 用户表实体属性图

1. 1. 1. 数据库表设计

采用MYSQL数据库对该中小型餐厅网站的数据进行存储，数据库中所包括的各个数据库表的详细信息如下所示：

表4.1餐厅菜品表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	caipin_name	String	菜品名称	是
3	caipin_photo	String	菜品图片	是
4	caipin_types	Integer	菜品类型	是
5	caipin_money	BigDecimal	价格	是
6	zan_number	Integer	赞	是
7	cai_number	Integer	踩	是
8	caipin_content	String	菜品详情	是
9	insert_time	Date	发布日期	是
10	create_time	Date	创建时间	是

表4.2餐厅菜品收藏表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	caipin_id	Integer	餐厅菜品	是
3	yonghu_id	Integer	用户	是
4	caipin_collection_types	Integer	类型	是
5	insert_time	Date	收藏时间	是
6	create_time	Date	创建时间	是

表4.3餐厅菜品留言表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	caipin_id	Integer	餐厅菜品	是
3	yonghu_id	Integer	用户	是
4	caipin_liuyan_text	String	留言内容	是
5	insert_time	Date	留言时间	是
6	reply_text	String	回复内容	是
7	update_time	Date	回复时间	是
8	create_time	Date	创建时间	是

表4.4字典表表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	dic_code	String	字段	是
3	dic_name	String	字段名	是
4	code_index	Integer	编码	是
5	index_name	String	编码名字	是
6	super_id	Integer	父字段id	是
7	beizhu	String	备注	是
8	create_time	Date	创建时间	是

表4.5论坛表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	forum_name	String	帖子标题	是
3	yonghu_id	Integer	用户	是
4	users_id	Integer	管理员	是
5	forum_content	String	发布内容	是
6	super_ids	Integer	父id	是
7	forum_state_types	Integer	帖子状态	是
8	insert_time	Date	发帖时间	是
9	update_time	Date	修改时间	是
10	create_time	Date	创建时间	是

表4.6餐厅公告表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	news_name	String	公告标题	是
3	news_types	Integer	公告类型	是
4	news_photo	String	公告图片	是
5	insert_time	Date	添加时间	是
6	news_content	String	公告详情	是
7	create_time	Date	创建时间	是

表4.7餐厅菜品文章表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	caipin_id	Integer	餐厅菜品	是
3	yonghu_id	Integer	用户	是
4	wenzhang_name	String	文章标题	是
5	wenzhang_types	Integer	文章类型	是
6	wenzhang_content	String	文章内容	是
7	wenzhang_yesno_types	Integer	审核状态	是
8	wenzhang_yesno_text	String	审核结果	是
9	insert_time	Date	发布时间	是
10	create_time	Date	创建时间	是

表4.8用户表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	yonghu_name	String	用户姓名	是
3	yonghu_photo	String	头像	是
4	yonghu_phone	String	手机号	是
5	yonghu_email	String	电子邮箱	是
6	yonghu_delete	Integer	假删	是
7	create_time	Date	创建时间	是

表4.9用户表表

序号	列名	数据类型	说明	允许空
1	Id	Int	id	否
2	username	String	用户名	是
3	password	String	密码	是
4	role	String	角色	是
5	addtime	Date	新增时间	是

1. 系统的实现
   1. 功能模块的实现

5.1用户信息管理

如图5.1显示的就是用户信息管理页面，此页面提供给管理员的功能有：用户信息的查询管理，可以删除用户信息、修改用户信息、新增用户信息，

还进行了对用户名称的模糊查询的条件

图5.1 用户信息管理页面

5.2 餐厅菜品管理

如图5.2显示的就是餐厅菜品管理页面，此页面提供给管理员的功能有：查看已发布的餐厅菜品数据，修改餐厅菜品，餐厅菜品作废，即可删除，还进行了对餐厅菜品名称的模糊查询 餐厅菜品信息的类型查询等等一些条件。

图5.2 餐厅菜品管理页面

主要代码

 /**
    * 后端列表
    */
    @RequestMapping("/page")
    public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
        logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
        String role = String.valueOf(request.getSession().getAttribute("role"));
        if(false)
            return R.error(511,"永不会进入");
        else if("用户".equals(role))
            params.put("yonghuId",request.getSession().getAttribute("userId"));
        if(params.get("orderBy")==null || params.get("orderBy")==""){
            params.put("orderBy","id");
        }
        PageUtils page = caipinService.queryPage(params);

        //字典表数据转换
        List<CaipinView> list =(List<CaipinView>)page.getList();
        for(CaipinView c:list){
            //修改对应字典表字段
            dictionaryService.dictionaryConvert(c, request);
        }
        return R.ok().put("data", page);
    }

    /**
    * 后端详情
    */
    @RequestMapping("/info/{id}")
    public R info(@PathVariable("id") Long id, HttpServletRequest request){
        logger.debug("info方法:,,Controller:{},,id:{}",this.getClass().getName(),id);
        CaipinEntity caipin = caipinService.selectById(id);
        if(caipin !=null){
            //entity转view
            CaipinView view = new CaipinView();
            BeanUtils.copyProperties( caipin , view );//把实体数据重构到view中

            //修改对应字典表字段
            dictionaryService.dictionaryConvert(view, request);
            return R.ok().put("data", view);
        }else {
            return R.error(511,"查不到数据");
        }

    }

5.3菜品类型管理

如图5.3显示的就是菜品类型管理页面，此页面提供给管理员的功能有：根据菜品类型进行条件查询，还可以对菜品类型进行新增、修改、查询操作等等。

图5.3 菜品类型管理页面

5.1餐厅公告管理

如图5.4显示的就是餐厅公告管理页面，此页面提供给管理员的功能有：根据餐厅公告进行新增、修改、查询操作等等。

图5.4 餐厅公告管理页面

大家点赞、收藏、关注、评论啦  其他的定制服务  下方联系卡片↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ 或者私信作者

原文地址：https://blog.csdn.net/qq_41221322/article/details/143674133

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！