基于微信小程序的菜谱管理系统（小程序+Java后台实现）

墨蓝 2024-04-01 12:37 71阅读 0赞

目 录  
1绪论 1  
1.1选题背景及意义 1  
1.2国内外发展动态 2  
1.3研究主要内容 2  
2系统技术 3  
2.1 Java语言 3  
2.2 SSM框架 4  
2.3 Vue.js框架 5  
2.4 Eclipse开发工具 6  
2.5数据库 7  
2.6系统开发环境概述 8  
3系统分析 9  
3.1系统目标 9  
3.2功能描述 10  
3.3可行性研究 10  
3.3.1技术可行性分析 10  
3.3.2经济可行性分析 11  
4系统设计 12  
4.1 功能模块的划分 12  
4.2 模块的功能设计 12  
4.3 数据库的设计 12  
4.3.1 需求分析 12  
4.3.2 概念设计 13  
4.3.3 逻辑设计 15  
3.4 数据库的连接 16  
5系统实现 17  
5.1小程序端实现 17  
5.1.1小程序端首页 17  
5.1.2小程序端菜谱信息 17  
5.1.3菜谱详情 18  
5.1.4健康资讯 19  
5.2后台网页端实现 21  
5.2.1后台登录 21  
5.2.2菜谱列表页 21  
5.2.3留言管理 22  
5.2.4美食管理 22  
5.2.5菜谱修改 23  
5.2.6类型管理 23  
5.2.7资讯管理 24  
5.2.8角色管理 24  
5.2.9用户管理 25  
6系统测试 26  
致 谢 27  
参考文献 28  
3系统分析  
3.1系统目标  
此设计的主要目的是为了完成健康菜谱小程序，主要包括小程序平台的客户端软件开发，常见数据库的创建，连接和维护。最终此设计完成的功能包括用户登录功能、收藏功能、评论功能、注册功能、以及与之相关的后台管理功能。本系统各页面交互性良好，运行状况良好。除了基础的小程序编程，此设计也包含了简易服务器的搭建，为了控制输入的信息，本设计也使用了一些前端控件，在连接数据库之前作必要的信息验证以减少错误的发生。为了规划系统，本设计也采用了数据流图，系统结构图等具体展示了各个系统功能模块，主要界面图也会在接下里的阐述中得到呈现。  
此健康菜谱小程序主要的模式采用模型-视图-控制器（Model-View-Controller）的设计。尽管暴露了一些缺陷，MVC架构仍然是当前最流行的web应用模式，MyBatis、Spring、Struts等知名框架就是采用了这种架构。在设计中Model、View、Controller的含义分别是模型、视图、控制器，三者结合共同组成这种典型的模式。  
MVC模式是一种经常用在计算机上，用于实现用户操作界面的软件架构模式。MVC模式通常是吧软件应用程序的开发分别划为相互关联的三个部分，从而向用户提供从内部信息方式中抽离的信息，亦或是从用户的信息当中抽取信息合并至内部。该操作的实现需要其他组件的帮助。传统的MVC被广泛应用于桌面系统的开发（GUIs），然而该架构最近在web应用的开发中也变得十分流行。小程序应用程序和web程序十分类似，因此完全可以使用此模式开发。模型是MVC模型的中央组件，用于捕捉在其问题域的应用程序的行为，独立的用户界面。模型的主要职责是直接管理数据的逻辑和规则。视图层则是信息输出途径的拥有者，比如通过计算机自动绘制表示业绩的图，通过一次成功用户会话等等。同一条信息可能同时存在于多个视图，比如一份选课单，一张管理视图。最后控制器负责输入输出流，将视图的命令输入转化为模型亦或是将模型转化为输出视图，也有不少此层负责处理业务信息的先例。  
3.2功能描述  
用户可以通过注册，实现个人信息的注册、修改、注销、查询操作。  
用户可以向管理员发送反馈意见。  
菜谱查询：用户可以直接根据自己需求来查询目的菜谱。菜谱查询分为根据食材比如肉类，  
蔬菜类查询；根据家常菜查询，根据主食比如米饭、粥和饺子等主食分类查询；根据烹饪方法查询如煮、炒、煎等方法查询；根据食疗养生比如瘦身减肥、清热去火、健脾开胃、补气养血、润肠通便、益智补脑、补钙铁锌等通道查询。  
首页推荐：用户可以看到各种菜谱分类的标签导航，也可以看到系统根据不同时节推荐的菜谱，用户还可以看到每日的实时天气状况，特殊天气会推荐给用户特殊菜谱。  
公共信息页面：在该页面用户可以看到一些其他用户发布的健康饮食经验分享，用户可以学习或指出其中错误。并参与到讨论中。地区菜谱归纳：系统会收集用户的地址信息，根据地址划分出不同的区域，系统计算出不同区域用户菜谱的浏览数，并将热门菜谱分享到该页面上。  
菜谱详情：系统会展示出菜谱的食材要求，和它的定义标签栏，烹饪难度，烹饪方法，烹饪时间，烹饪的具体步骤。  
同时系统会指出这类菜蕴含的突出营养要素例如高蛋白、高维生素以及功能主治。  
同时用户可以看到该页面的浏览数、点赞数、收藏数，并发表自己的评论。  
健康系统：本页面专为不同人群推荐：  
第一种为病症患者类型，将其分为糖尿病、高血压、高血糖、低血糖、胃炎和内火严重的不同患者类型，向其推荐各自的最佳饮食。  
第二种为不同年龄段如婴幼儿、青少年、成年人、中年人、老年人和怀孕阶段，为其提供不同阶段的食物推荐。人群可以多重关联如青少年低血糖患者。  
3.3可行性研究  
3.3.1技术可行性分析  
计算机的飞速发展，使得各种操作平台都越来越成熟。各种软件，编程语言都到了成熟的阶段。用现在的技术来实现计算机上的音像管理系统是绰绰有余。本系统用到的主要是管理软件与后台数据库的数据传送和处理  
3.3.2经济可行性分析  
一方面，系统中友好的人机界面和更强劲的功能支持，会使教务人员的工作进一步提高，从而节省人力、物力，本文转载自http://www.biyezuopin.vip/onews.asp?id=12066进而提高经济效益；另一方面系统开发成本低，现有PC机即可提供该系统开发工作需要的所有硬件设备环境。  
本系统的开发工具采用的是开源微信web开发工具；网页编辑方面使用Macromedia Dreamweaver 8,非常的实用方便；对于毕业设计来说，无需专门购置服务器，一般的普通学习用的电脑就可以了，Mysql等软件都为系统的设计和开发提供了基础，所以本系统在经济上是可行的。

{
        
      "pages": [
        "pages/index/index", 
        "pages/logs/logs",
        "pages/sss/sss", 
        "pages/details/details", 
          "pages/meishi/meishi", 
          "pages/sssdetails/sssdetails", 
           "pages/zhuce/zhuce", 
           "pages/zixundetails/zixundetails",
           "pages/dingdandetails/dingdandetails",
            "pages/meishidetails/meishidetails", 
              "pages/zixun/zixun",
            "pages/wode/wode",      
         
          "pages/shoucangmy/shoucangmy",
            "pages/shoucangmydetails/shoucangmydetails",
                    "pages/lianxiAdd/lianxiAdd",
             "pages/login/login"
    
      ],
      "window": {
        
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#C38A90",
        "navigationBarTitleText": "健康菜谱",
        "navigationBarTextStyle": "white"
      },
      "tabBar": {
        
        "list": [
          
          {
        
            "pagePath": "pages/index/index",
            "text": "首页",
            "iconPath": "images/menu_icon_0_normal.png",
            "selectedIconPath": "images/menu_icon_0_pressed.png"
          },
          {
        
            "pagePath": "pages/meishi/meishi",
            "text": "菜谱信息",
            "iconPath": "images/tabbar_order.png",
            "selectedIconPath": "images/tabbar_order_selected.png"
          },
          {
        
            "pagePath": "pages/zixun/zixun",
            "text": "健康资讯",
            "iconPath": "images/nav1.png",
            "selectedIconPath": "images/nav1_select.png"
          }
          ,
          {
        
            "pagePath": "pages/wode/wode",
            "text": "我的",
            "iconPath": "images/shenfen2.png",
            "selectedIconPath": "images/shenfen.png"
          }
        ],
        "position": "bottom"
      },
      "networkTimeout": {
        
        "request": 10000,
        "downloadFile": 10000
      },
      "debug": true,
      "sitemapLocation": "sitemap.json"
    }

![在这里插入图片描述][7d52b6805741404c8d4b0085c7c65305.jpeg_pic_center]  
![在这里插入图片描述][d44225cc3a6e4451862c64244ba94b58.jpeg_pic_center]  
![在这里插入图片描述][9a7378ef4eb243c79d361fdf064ac38c.jpeg_pic_center]  
![在这里插入图片描述][6e57911e2cb8478eb2a8446077799dd8.png_pic_center]  
![在这里插入图片描述][99d41bab06004c26a26be49c62aaf6c4.jpeg_pic_center]  
![在这里插入图片描述][6b4931521c96423f8655197cbde0fcaa.jpeg_pic_center]  
![在这里插入图片描述][e674953c83144c649c477a3ff802372b.png_pic_center]  
![在这里插入图片描述][f364bf6e16ac426e9567b4c411e19ec1.jpeg_pic_center]  
![在这里插入图片描述][b4b7823c5f6e491881313b0e71db2e35.png_pic_center]  
![在这里插入图片描述][fa4adfcc2e77489fb284858221fcc8b9.jpeg_pic_center]  
![在这里插入图片描述][ab1a467f28104e3784a3e6810f0be202.png_pic_center]  
![在这里插入图片描述][dd2b651778b94129938d7dd30d615925.png_pic_center]  
![在这里插入图片描述][6ad19856c8e44904a7aa4eefdb146b3c.jpeg_pic_center]  
![在这里插入图片描述][45cdc438f048441892dbdb0335a080a4.png_pic_center]  
![在这里插入图片描述][b273b2086e3246b3a480a39e60933fe1.jpeg_pic_center]  
![在这里插入图片描述][7811cc3612fb4b67b0c138e2cb4c89be.png_pic_center]  
![在这里插入图片描述][8453d7e8d3a6418296fffaaf87e14c40.jpeg_pic_center]  
![在这里插入图片描述][779adf7eca5543dab000f89b0dec36da.png_pic_center]  
![在这里插入图片描述][4addf973273a44ec88f26613bfbdf249.jpeg_pic_center]  
![在这里插入图片描述][9b6e38d4c8f54279b43be565232d950b.png_pic_center]  
![在这里插入图片描述][59d7d88f82ec4613885b4893f633a827.jpeg_pic_center]  
![在这里插入图片描述][8209358aa59c483289e44008fb2df455.jpeg_pic_center]  
![在这里插入图片描述][abca724123604305a116609f7dcfe73f.png_pic_center]  
![在这里插入图片描述][f1cd41dbd5a94167b45cb498bc3ab3d2.png_pic_center]  
![在这里插入图片描述][87511ececf574b72ba77ffc6112c3592.jpeg_pic_center]  
![在这里插入图片描述][431ccd4c844348c096ee9ad09d7a94f0.png_pic_center]  
![在这里插入图片描述][245e0ba0ecfe44ec95cc62958ed87d2c.jpeg_pic_center]

[7d52b6805741404c8d4b0085c7c65305.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f483df0d64664bbcb9cc4d687ebe35f6.jpeg
[d44225cc3a6e4451862c64244ba94b58.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9d511fcf8f4e4b91bad5f496e8a88e37.jpeg
[9a7378ef4eb243c79d361fdf064ac38c.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/bdbd1e26f4d8435d8cd8ff7f64cf50c9.jpeg
[6e57911e2cb8478eb2a8446077799dd8.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/f9b006f9a00d48c699ac557a0de2922b.png
[99d41bab06004c26a26be49c62aaf6c4.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/52d7c3c05889404ab0d30f54e2b97b36.jpeg
[6b4931521c96423f8655197cbde0fcaa.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/8b7899302a7a43419378799fa7421da8.jpeg
[e674953c83144c649c477a3ff802372b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a83d65d7f1bb4a1e908972f47ad688b3.png
[f364bf6e16ac426e9567b4c411e19ec1.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/24f67911cddd4d2b996106bbe506f9af.jpeg
[b4b7823c5f6e491881313b0e71db2e35.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/4bde4a8f8bdf4f148362776e4c9691a6.png
[fa4adfcc2e77489fb284858221fcc8b9.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ba5ed3be2b514ff5b980469e0e64c5ee.jpeg
[ab1a467f28104e3784a3e6810f0be202.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/23e54ed78a834ff0b3ba29216177e93a.png
[dd2b651778b94129938d7dd30d615925.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/75d3dee7ce084df9a15a175de31f84f4.png
[6ad19856c8e44904a7aa4eefdb146b3c.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/9a157dfb831f4e349e4891437e1ca244.jpeg
[45cdc438f048441892dbdb0335a080a4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/448454be38d0446dacab534cc67a27fe.png
[b273b2086e3246b3a480a39e60933fe1.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7d1bad91e7c94a7aa8d09a29f6872642.jpeg
[7811cc3612fb4b67b0c138e2cb4c89be.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e6a5fb281bc1412ca9548e7f0e4012a4.png
[8453d7e8d3a6418296fffaaf87e14c40.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/19b0dc651ed84856b42366bba6353944.jpeg
[779adf7eca5543dab000f89b0dec36da.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b6a9d48270ff4412b69a86730c545c06.png
[4addf973273a44ec88f26613bfbdf249.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/56aa8993e5e74be7bd82898f3f4daa36.jpeg
[9b6e38d4c8f54279b43be565232d950b.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/d289b7c5ffb44435817accc343ccf7db.png
[59d7d88f82ec4613885b4893f633a827.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cd3f92d13e234b879c67a4c4026cecd3.jpeg
[8209358aa59c483289e44008fb2df455.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/17a1b3adc3c24ca1866970a0205c8b6d.jpeg
[abca724123604305a116609f7dcfe73f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/74d5657e3eb142b391ba25f39b1d71aa.png
[f1cd41dbd5a94167b45cb498bc3ab3d2.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e59769889d994824983c4c747d7082d9.png
[87511ececf574b72ba77ffc6112c3592.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/407a95f4afb447a1bb7452f9d75f25cd.jpeg
[431ccd4c844348c096ee9ad09d7a94f0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/b9b26645fced49b792829b7c52b5e9a2.png
[245e0ba0ecfe44ec95cc62958ed87d2c.jpeg_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2ae02ee61cab470396cb7815d3c367b4.jpeg