这次微信小程序的开发相当顺利，因为毕竟背景中有经验丰富的大牛，因为项目团队的其他成员之前从未接触过微信小程序的开发，或者更多减。已经了解了，但是没有真正的动手经验，所以让我作为一个菜鸟暂时告诉我我的经验和这种发展的经验。让我们不要胡说八道，然后输入主题。

首先，您需要使用编辑器来开发微信小程序，即微信开发人员工具：

让我们讨论几个重要目录的用途：

此app.js是全局js文件。如果您了解vue，可以将其理解为具有相同功能的index.js，并可以在其中添加一些全局属性。

app.json文件更有趣。它放入全局配置。例如，可以使用app.json配置小程序的头部和底部，但这不是唯一的配置。当添加一个页面时，每个页面都有一个json文件。在这里，我们的标签栏实际上是在app.json中配置的。

app.wxss是全局样式文件，而project.config.json是小程序的配置文件。

The

pages目录是此小程序的总目录，图像和libs可以根据个人喜好放置文件。

这四个文件中没有要介绍的内容。

让我们介绍小程序登录和请求界面，以获取数据呈现逻辑：

首先，在请求登录界面之前，我们需要通过wx.login（）获取代码，通过wx.request（）请求后台接口以将代码传递给后台，后台将获取代码至请求官员微信接口获取openid和session_key并将其返回到前端，以用作设备的唯一标识。然后，当我们获得openid时，可以使用帐户和密码登录。后台）。

需要注意的是，由于微信小程序是单项数据绑定，因此在获取输入框的数据时，每次都需要setData（），否则无法在data中分配数据{} 。在这方面感觉有点牵强，就像用来验证的v模型一样，这是致命的打击。

获取输入值，可以通过bindinput获取输入框的数据：

数据绑定：

wx：if和wx：for是vue的v-if和v-for，是判断和循环。渲染数据中的数据可以直接使用{{xxxx}}。

点击事件：

bindtap和catchtap（catchtap可以防止冒泡）

通常，微信小程序开发得很好，并且封装了各种Toast，模型和负载，可以在请求接口时直接调用。您可以参考微信开发人员文档。点击查看

就请求接口而言，微信被正式封装。只需使用wx.request（）进行请求即可。这是一个解释。无论是请求接口还是显示Toast，加载，回调，都可以使用（成功和失败的回调），添加许多操作很方便。

然后有微信小程序的一些钩子函数：

还有一些特殊事件，例如上拉，下拉操作触发功能：

在此必须特别注意。您必须将这样的代码行添加到json，否则不会触发上拉的底部：

通过这些挂钩和特殊事件，您可以自己玩。

出于高级目的，微信小程序 wxml无法直接使用函数。我能做什么？这简直无法忍受。在许多地方都需要功能过滤以呈现数据和格式化数据。不用担心，很简单！，微信小程序我有自己的wxs，可以将其导入并对数据进行操作，但是wxs和js仍然有些不同。例如，许多es6都不能使用，而wxs与js基本相同，但不能完全使用js。这不是让我们疯了！

首先。 。 。 。 。 。有很多东西要学。