学习了加菲老师的小程序课程，打通了前后端之间的数据传输，就迫不及待的想做一个小程序。是不是很有野心⌒。⌒，但是我对微信开发者工具的组件和API的了解基本为零。我别无选择，只能一一填补。

我从网上下载了帮助代码，研究了别人的代码。我迷茫又迷茫，但我的努力并没有白费。在多次碰壁后，我设法制作了一个初步的界面。所以在这里分享一下我的几个填坑方法，希望能帮助像我这样的小白少走弯路。

如何实现第一个坑的界面切换效果。下图实现了添加、查询、设置三个界面的切换：

看帮助代码，比较复杂。剥茧之后，只需要一步：在app.json中添加如下代码：

 "tabBar": {
    "list": [
      {
        "pagePath": "pages/new/new",
        "iconPath": "image/icon_component.png",
        "selectedIconPath": "image/icon_component_HL.png",
        "text": "新增"
      },
      {
        "pagePath": "pages/edit/edit",
        "iconPath": "image/icon_API.png",
        "selectedIconPath": "image/icon_API_HL.png",
        "text": "查询"
      },
      {
        "pagePath": "pages/setup/setup",
        "iconPath": "image/plugin.png",
        "selectedIconPath": "image/plugin_HL.png",
        "text": "设置"
      }
    ]
  },

第二个坑从登录界面跳转到带参数的界面。

完成上面的界面后，又遇到了一个问题。登录界面如何跳转到带参数的界面，几经周折，搞定了。我从

不行，没有办法跳转，然后上网查了一下，换成了

可以跳转，但是参数没有传进去，页面也没有接收到参数，只好又上网查了一下，换成

好的，可以传参数了。

第三个坑如何使用滚动选择器来实现街道社区选择。

街道社区滚动选择的效果如下：

查看滚动选择器的帮助，发现只有省市的滚动选项小程序开发多图片上传预览，街道社区没有。好像只能自己做，也从网上下载代码研究，终于实现了。方法如下：

wxml代码如下：

js代码如下：

上面是滚动选择器的初始值，数组中有两个数组，第一个数组是街道，第二个数组是街区。[0,0] 数组表示显示中第一个数组的第一个元素，以及第二个数组的第一个元素。

将所有社区放入 [1] 数组中，因为 , 。. . 当数组的第一个数字发生变化时，代码和类似的代码都表示对应的社区名称。由于代码太长，无法截取全图，只好省略。

嗯，就是这样。

如何选择多张图片预览第四个坑，效果如下：

示例可以添加3张图片，点击“+”号添加图片，点击“ⅹ”号删除图片，点击图片预览，预览时左右滚动切换图片，点击“上传图片”按钮，调用中间层类的方法。上传图片到云服务器。

WXML 代码如下：

js代码如下：

Wxss代码如下：

中间层类中的方法代码如下：

而已。虽然说只有四个坑，但我花了几天时间才填完，贴出来希望初学者少走弯路。

猫的心话加菲猫的VFP | Fox 社区接受提交

加菲猫的VFP，用VFP不限制VFP，用VFP混一切。不管是VFP，JS，还是C，只要能混，都可以发布。

商业模式、销售技巧、需求规划和产品设计方面的知识都可以发表。

暂定每千字50元的红包，优秀文章的红包更大。发布后，红包将交给您。

如何帮助使用 VFP 的人？

有专业和非专业人士使用 VFP。很多人其实都是新手，问的问题也是新手。如果问题是错误的，我们会引导他们提出正确的问题。无论如何，请不要笑他们说他们不寻求帮助，这么简单的问题做不到，笑别人做不到，不能提供建设性的答案是很低级的.

无论我们需要它来工作还是拥有自己的软件，我们都需要真正的知识。如何让更多人学习到真正的VFP知识？点个赞，看看，能转发到朋友圈就更好了。

加菲猫的vfp提倡使用“VFP极简混合开发，少写代码，快速制作，使用VFP，但不限于VFP，多种语言混合开发”。

带领100多名会员成功掌握VFP黑科技，进入移动互联网时代。接下来，我们将进入物联网领域。

2022年狐友会社区成员将继续招募社区成员权益：

奇优三层开发框架商业版（猫盒），终身免费升级，终身技术支持。

公开录制的课程有：

微信小程序、微信公众号开发、H5 APP开发、BS开发、VFP面向对象高级、VFP中间层开发。

源代码资源包括：

支付组件源代码，短信源代码，权限组件源代码，一些完整的系统源代码。这个可以单独出售，有需要可以联系我。

成员还可以实现群内资源对接，可以接受分包、合作等商业或技术服务