你是否还在每天犹豫要吃什么？是否有选择恐惧症。别担心，看完这篇文章，五分钟内部署属于你自己的今天吃什么微信小程序，利用随机数来决定你今天要吃什么吧

目录

小程序页面展示：

 小程序基本功能展示：

代码展示：

微信小程序代码构成：

获取你自己的appid

基本原理：

生成随机数 

 本地存储选择菜单

 小程序上线与发布：

---

小程序页面展示：

 小程序基本功能展示：

 可以自定义候选菜单，也可以使用默认的，当然更可以接入api，调用api来随机产生。

---

代码展示：

微信小程序代码构成：

pages 用来存放所有小程序的页面

utils 用来存放工具性质的模块（例如：格式化时间的自定义模块）

static 目录下通常存放静态资源，例如图片，图标等等

app.js 项目的入口文件

app.json 项目的全局配置文件

app.wxss 项目的全局样式文件

*project.config.json` 项目的配置文件

sitemap.json 用来配置小程序及其页面是否允许被微信索引

 记得在该配置文件下修改填入你的appid，以及你自己的项目名称

获取你自己的appid

 设置->账号信息，然后赋值你的appid粘贴进去即可

---

基本原理：

基本原理很简单，设置一个定时器，然后一直产生与（0-数组长度-1）的随机数，并简单实现一个动画效果。为了实现吃什么选择菜单的永久存储，这里使用的是本地存储，当页面首次加载和修改时选择菜单时会存入本地存储，方便下次加载时获取本地存储里的选择菜单数据。

---

如图所示，我这里是定义了一个数组来存放选择菜单的食物。当然也可以选择接入今天吃什么api来实现（此api只有200次免费额度）。当然调用api就无法实现自定义食物选择菜单了。

生成随机数 

 本地存储选择菜单

---

 小程序上线与发布：

点击右上角的上传之后，来到微信公众平台 

点击提交审核后，等待审核通过，你的微信小程序就成功上线了！！！

最后源代码放在网盘了，大家可以自行获取修改发布

链接：https://pan.baidu.com/s/18Z1H0l6X5i_9RBE5XBaZmg?pwd=6666 
提取码：6666