5统详细设计
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1qc411z7ay/
三、运行截图:
3.1前台首页功能模块
美食推荐管理系统,在系统首页可以查看首页、热门美食、美食教程、美食店铺、美食社区、美食资讯、我的、跳转到后台等内容,如图3-1所示。
图3-1前台首页功能界面图
用户注册,在注册页面可以填写用户名、密码、姓名、联系电话等信息进行注册,如图3-2所示。
图3-2用户注册界面图
用户登录,在登录页面通过填写账号、密码等信息完成登录,如图3-3所示。在热门美食页面通过查看美食名称、分类、图片、材料、美食特色等信息进行点我收藏操作,如图3-4所示。
图3-3用户登录界面图
图3-4热门美食界面图
个人中心,在个人中心页面通过填写用户名、密码、姓名、头像、性别、联系电话等信息更新信息、退出登录,如图3-5所示。在美食店铺页面通过查看店铺名称、图片、营业时间、联系人、联系电话、店铺地址、店铺介绍、经典菜品等信息进行点我收藏操作,如图3-6所示。
图3-5个人中心界面图
图3-6美食店铺界面图
3.2管理员功能模块
管理员登录,通过填写用户名、密码进行登录,如图3-7所示。
图3-7管理员登录界面图
管理员登录进入美食推荐管理系统可以查看个人中心、用户管理、美食分类管理、热门美食管理、美食教程管理、美食店铺管理、美食社区、系统管理等信息。
用户管理,在用户管理页面中可以通过查看用户名、姓名、头像、性别、联系电话等内容进行修改、删除,如图3-8所示。还可以根据需要对美食分类管理进行详情,修改等详细操作,如图3-9所示。
图3-8用户管理界面图
图3-9美食分类管理界面图
热门美食管理,在热门美食管理页面中可以查看美食名称、分类、图片、材料、美食特色等信息,并可根据需要对已有热门美食管理进行修改或删除等操作,如图3-10所示。
图3-10热门美食管理界面图
美食店铺管理,在美食店铺管理页面中可以查看店铺名称、图片、营业时间、联系人、联系电话、店铺地址、店铺介绍、经典菜品等信息,并可根据需要对已有美食店铺管理进行修改或删除等详细操作,如图3-11所示。
图3-11美食店铺管理界面图
美食资讯管理,在美食资讯管理页面中可以查看标题、简介、图片、内容等内容,并且根据需要对已有美食资讯管理进行详情,修改或删除等详细操作,如图3-12所示。
图3-12美食资讯管理界面图
轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图3-13所示。
图3-13轮播图管理界面图
3.3用户功能模块
用户登录进入美食推荐管理系统可以查看个人中心、美食教程管理、我的收藏管理等内容。
个人信息,在个人信息页面中通过查看用户名、密码、姓名、头像、性别、联系电话等信息,还可以根据需要对个人信息进行修改,如图3-14所示。
图3-14个人信息界面图
美食教程管理,在美食教程管理页面中可以查看美食名称、分类、图片、用料、烹饪方法、烹饪时长、美食特色、制作方法、小贴士、发布日期、用户名等信息,并且根据需要对已有美食教程管理进行查看删除等其他详细操作,如图3-15所示。
图3-15美食教程管理界面图
我的收藏管理,在我的收藏管理页面中可以查看用户id、收藏id、表名、收藏名称、收藏图片等信息,并且根据需要对已有我的收藏管理进行查看删除等其他详细操作,如图3-16所示。
图3-16我的收藏管理界面图