该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
Node.js+ Vscode +Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术:
Express框架 + Node.js+ Vue 等等组成,B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境:最好是Nodejs最新版,我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境:Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境:建议是用5.7版本均可
4.硬件环境:windows 7/8/10 1G内存以上;或者 Mac OS;
6.Navcat11:这个版本不限10/11/14/15都可以。;
Node.js毕设帮助,指导,本源码(见文末),调试部署
3.3功能分析
考虑到实际生活中在今日健康饮食食谱管理方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。
(1)管理员功能需求
管理员登陆后,主要模块包括首页,个人中心,用户管理,菜品类型管理,菜谱信息管理,健康信息管理,社区,我的收藏管理,系统管理等功能。管理员用例图如图3-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ce035f87ab319d70cfdc623fd8c8f09f.png)
图3-1 管理员用例图
(2)用户功能需求
用户登陆后,主要模块包括健康信息,我的收藏管理,我要发帖,我的发帖等功能。用户用例图如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/4ccd607ddfcebc75bc704e3a181b9bfe.png)
图3-2用户用例图
4.1功能结构
为了更好的去理清本系统整体思路,对该系统以结构图的形式表达出来,设计实现该今日健康饮食食谱小程序的功能结构图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/ac93c167b73420c59d2dd461f83a18e2.png)
图4-1 小程序总体结构图
4.2 数据库设计
4.2.1数据库E/R图
ER图是由实体及其关系构成的图,通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图:
(1) 菜谱信息E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/0a49e20c370445b620c1dbb083e4fc5e.png)
图4-2菜谱信息E/R图
(2) 健康信息E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/eb9570697b4b24125734eab6a9439f65.png)
图4-3健康信息E/R图
(2) 用户信息E/R图如下所示:
![](https://i-blog.csdnimg.cn/blog_migrate/cd934c3cc981bb507ae58d475d2e693b.png)
图4-4用户信息E/R图
5.1小程序端
用户登录;用户通过输入账号和密码,选择角色并点击登录进行系统登录操作;如图5-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3cf1d824f4ca221c8971c5eff156c5dd.png)
图5-1用户登录界面图
用户注册;在用户注册页面通过填写用户名,密码,姓名,性别,年龄,身高,体重,职业,喜好,邮箱等信息进行注册操作;如图5-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/69dabad397844b9c006f9284e81b1994.png)
图5-2用户注册界面图
用户登录小程序后;可以对首页,菜谱信息,健康信息,社区,我的等功能进行操作;如图5-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ab7c9753c33927ad44e8105ff1c68b43.png)
图5-3小程序首页界面图
菜谱信息;在菜谱信息页面可以查看菜品名称,菜品类型,口味,难度,图片,烹饪时长,卡路里,点击次数等信息进行评论;如图5-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a8d84d2bf5925af587be78f3d16a9322.png)
图5-4菜谱信息界面图
健康信息;在健康信息页面可以查看用户名,姓名,性别,头像,年龄,身高,体重,喜好口味,运动习惯,摄入卡路里,消耗卡路里,运动量等信息;如图5-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b6a0d1bae4f0e2ea32bdd31895ac8a20.png)
图5-5健康信息界面图
社区;在社区页面可以查看帖子标题,帖子内容,发布人,发布时间等信息;如图5-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d19ff6e167b7c5dce13165f6c97c4ff1.png)
图5-6社区界面图
我的;在我的页面可以对健康信息,我的收藏管理,我要发帖,我的发帖等详细信息进行操作;如图5-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5179fa2ed5ac42394154396110d6fffc.png)
图5-7我的界面图
用户信息;在用户信息页面通过填写用户名,密码,姓名,性别,头像,年龄,身高,体重,职业,喜好,邮箱,手机等详细信息进行保存操作,如图5-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5cdf46e6aba1805501bb1bc25fd80097.png)
图5-8用户信息界面图
5.2管理员功能模块
管理员登录;管理员通过输入用户名、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c5396835ffac56ada7bd1c99da4cd031.png)
图5-9管理员登录界面图
管理员登录系统后;可以对首页,个人中心,用户管理,菜品类型管理,菜谱信息管理,健康信息管理,社区,我的收藏管理,系统管理等功能进行相应操作;如图5-10所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b4669cf97ef60b357830953e38e9b6ad.png)
图5-10管理员功能界面图
用户管理;在用户管理页面可以对索引,用户名,姓名,性别,头像,年龄,身高,体重,职业,喜好,邮箱,手机等内容进行详情,修改或删除等操作;如图5-11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e98c1229c728aa0f79a6d5a93c6d9ce5.png)
图5-11用户管理界面图
菜品类型管理;在菜品类型管理页面可以对索引,菜品类型等内容进行修改或删除等操作;如图5-12所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8ea92f93d39b267a08e48e0de9df8037.png)
图5-12菜品类型管理界面图
菜谱信息管理;在菜谱信息管理页面可以对索引,菜品名称,菜品类型,口味,难度,图片,烹饪时长,卡路里等内容进行详情,查看评论,修改或删除等操作;如图5-13所示。
![](https://i-blog.csdnimg.cn/blog_migrate/dd606e0bc175b0646134661b1a800085.png)
图5-13菜谱信息管理界面图