微信小程序菜谱: 微信小程序菜谱,每日菜谱 | 您所在的位置:网站首页 › 家庭厨房菜谱大全图片 › 微信小程序菜谱: 微信小程序菜谱,每日菜谱 |
每日菜谱
项目介绍
1. 产品简介
现代人面对众多选择往往会有选择困难症,比如每日要做什么菜也要思考再三。基于此用户痛点出发,我们小组开发了一款方便选择菜谱的小程序,用户可以使用这款小程序来辅助选择菜品。就不用每天纠结要做什么菜,要吃什么菜。除此之外,该小程序还具有菜谱查询功能,用户也可以根据自己的喜好来选择喜欢的菜谱进行烹饪。
2. 问题表述
该小程序解决用户做菜选择困难的痛点。同时给用户提供各式各样的菜谱用来进行做菜。菜谱步骤已经尽量简洁,方便用户阅读。
解决方案表述
1. 项目规划
(1)定主题,在一次偶然的对话中,我的小组成员表示她家里每天做饭的时候都会很纠结要吃什么,每次都要想很久。因此我们萌生出了做一款推荐每日菜谱的小程序用来帮助有同样做菜选择困难症做决定,让做饭不再纠结。
(2)项目初稿,我们先是进行了用户需求分析,向身边的亲朋好友进行调查,发现大部分人都有这个困惑,于是我们将它们的需求写下来。之后根据需求画低保真原型,UI设计。
(3)数据库设计,我们搜集菜谱资料,并将数据写进Json文档中,然后导入小程序云开发服务器的数据库中。
(4)程序开发,之后进行小程序的开发,首先我们是先写了静态的页面,然后再将静态的页面修改成动态页面。
(5)小程序优化,代码写完之后我们开始小程序的优化,之前的代码并没有写CSS样式,只是实现了基本的功能。在这个阶段,我们进行了产品页面的优化,使其更美观。
2. 使用到的技术
(1)小程序云开发中的云存储与云数据库。项目使用了云存储用来存放小程序的图片,使用云数据库进行查询操作。
(2)小程序组件。button组件、image组件、text组件、swiper组件、scroll组件
(3) CSS样式。 text-align: center; justify-content: center;
(4)JS。数据的双向绑定,云数据库查询操作, this.setData,跨页面传输数据
(5) wxml。 wx:for 循环
技术说明
1. 版本信息
- 版本号:0.0.1 修订日期:2021.7.1 修订人:陈健俊 创建内容:搭建小程序整体框架,静态。
- 版本号:0.0.2 修订日期:2021.7.2 修订人:陈健俊 创建内容:在小程序云储存上存放图片,导入数据库,并将静态页面修改为动态页面。
- 版本号:0.0.3 修订日期:2021.7.3 修订人:陈健俊 优化内容:优化小程序跳转问题。
- 版本号:0.0.4 修订日期:2021.7.3 修订人:陈健俊 优化内容:优化小程序CSS样式,使小程序页面更加美观。
2. 知识点运用
https://jsonlint.com/ JSON在线解析及验证 https://www.bilibili.com/video/BV1x54y1s7pk 云储存 https://www.bilibili.com/video/BV12z4y1R77r?from=search&seid=6847386067521454262 云数据库增删改查 https://mp.csdn.net/mp_blog/creation/editor/118091629 云数据库数据无法显示BUG解决 https://mp.csdn.net/mp_blog/creation/editor/118078040 云数据库查询操作错误 https://mp.csdn.net/mp_blog/creation/editor/118077689 初始化云开发 https://blog.csdn.net/qq_16758699/article/details/87913756 图片居中CSS样式 https://www.jianshu.com/p/191d1e21f7ed MD基本语法 |
CopyRight 2018-2019 实验室设备网 版权所有 |