“云开发随附的演示例程，请检查一下！”

1启动第一个小程序

安装微信开发人员程序后，打开软件。

由于将来要开发的会议室预订小程序将使用云开发，因此在创建新项目时进行检查。

创建完成后，将自动生成云开发的基本演示。最左边是模拟器生成的模拟页面，中间是目录结构显示，最右边是当前打开的文件的内容。对于离线调试，您可以直接在仿真页面上进行操作。例如，如果要在单击“上传图片”后确认响应，则可以直接单击“上传图片”以模拟手机上的点击操作。

如果您需要在真实设备上进行实际测试，则可以选择“ Real device Debugging”（真实设备调试），然后会弹出一个QR码供您的手机进行扫描和调试。

2 小程序如何显示和与用户互动

由于我之前从事嵌入式软件开发，因此我不完全了解小程序的页面如何显示以及在进行第一系列时如何响应用户的行为。因此，在本章中，我将提到我对此的理解。

如果您以前从事过Web设计和开发，则可以跳过本章。

重新发布系列1中总结的文件基础结构。

我看到HTML，CSS和JavaScript之间的关系已在Internet上进行了总结。原始链接如下。

类似地，了解WXML（HTML），WXSS（CSS）和JavaScript之间的关系。

“ HTML就像一个人的骨骼和器官，而CSS则是一个人的皮肤。通过这两件事，就形成了一个植物人。通过添加javascript，植物人可以对外部刺激做出响应，进行思考，锻炼，您可以给自己化妆（更改CSS）等，成为一个有生命的人。

具体来说：JavaScript是一种脚本语言。将其源代码发送到客户端之前，无需对其进行编译。而是将文本格式的字符代码发送到浏览器以进行解释和操作。

举个例子。在我们刚刚创建的Demo项目中，为index.wxml中的第一列创建了两个Button。

第一个按钮的说明：

此Button的功能是获取基本用户信息，绑定的响应操作是onGetUserInfo函数，并且将获取头像图像的路径定义为avatarUrl。 js文件中与onGetUserInfo对应的代码是

第二个按钮的说明：

此按钮的文本为“单击以获取openid”，单击后的关联操作为onGetOpenid。相应的js代码如下：

在相应的wxss文件中详细说明了该列的外观，例如背景色，对齐方式，大小等。

类似地，打开其他页面的文件都存储与该页面相对应的代码文件：

-Js

-杰森