微信小程序实用食谱小程序

最近，我想让自己玩一个小程序，但是由于我是后端服务器，所以我对微信小程序的开发确实不了解太多，尤其是对于CSS样式。 ，而且还没有开始的方法，所以我只能从夜晚找到一个演示，对其进行一些修改，然后再上线。从本质上讲，它是小程序开发简单过程的完整指南，本文是对该实践的简要介绍。

首先放一个QR码来抑制震动〜

研究

在开发之前，我对微信小程序的开发过程进行了简单的研究。研究发现，开发商分为个人开发商和公司开发商。企业开发人员可以使用比个人开发人员更多的基本功能。此外，微信小组可以允许的开放字段的范围也更广。有关详细信息，请参阅以下内容：

作为一个标准的穷人，我绝对不能为非个人开发者支付几百元的申请费，所以我只能从个人开发者允许开发的零星小程序领域中选择一个亲戚。关于逻辑食谱小程序的简单类型，并开发流程。

项目简介

最终成品项目主要包括以下部分：

云功能

云功能是指在微信云中运行的代码。 微信专用协议自然认证。开发人员只需要编写自己的业务逻辑代码。在此项目中，此功能主要在登录模块中使用。

数据库

微信 Cloud Development提供了一个json数据库。数据库中的每个记录都是JSON格式的对象。一个数据库可以有多个集合（相当于关系数据中的表）。该集合可以视为JSON数组。数组中的每个对象都是一条记录，记录的格式是一个JSON对象。

该项目致力于持久保存以下数据：

配方（需要批量导入）配方分类列表（一个记录，手动添加）收藏夹（根据用户操作自动添加和删除）搜索历史记录（根据用户操作自动添加和删除）

以上项目中的配方数据要求开发人员预先填写一些数据（最后是服务器展示的时候了）。我写了一个脚本，只是从Internet上抓取了一些脚本。

搜寻器地址如下：

搜寻器地址

如果您有兴趣，请直接使用它〜

业务逻辑主页：主要包括各种类别菜谱的显示，您可以根据不同类别跳到每个类别的菜谱列表页面。搜索：精确搜索。实现原理是根据数据库中的类别列表进行匹配。搜索历史将被同时记录。单击搜索结果以挑战食谱列表页面。食谱类别列表：将食谱分为大类别。个人页面：主要显示个人用户头像和收藏的食谱列表。食谱详情页面：包括菜品，简介，图片，步骤，配料和辅助材料等要素

代码的一般结构：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

├── README.md
├── project.config.json // 项目配置文件
└── cloudfunctions | 云环境 // 存放云函数目录
│ └── login // 云函数
│ ├── index.js
│ └── package.json
└── miniprogram
├── images // 存放小程序图片
├── pages // 存放小程序各种页面
| ├── index // 首页
| └── menu // 菜单页
| └── user // 用户中心
| └── search // 搜索页
| └── list // 列表页 搜索结果页
| └── detail // 详情页
| └── databaseGuide // 数据库指导页
| └── chooseLib // 提示页
| └── storageConsole // 文件上传提示
├── style // 样式文件目录
├── app.js // 小程序公用逻辑
├── app.json // 全局配置
├── app.wxss // 全局样式

代码地址如下：

代码地址

致谢

该演示主要是在github上找到的一个开源项目。非常感谢！

演示地址