微信小程序开发文档中最常见的4个代码

通过微信小程序开发人员工具开发小程序时，我们将首先自动生成一些文件目录。该文件目录有4种不同的类型，主要分为4种类型：带有.wxml后缀的WXML模板文件，带有.wxss后缀的WXSS样式。该文件，js后缀的JS脚本逻辑文件和.json后缀的JSON配置文件，微信小程序的开发代码由这些组成。

1WXML模板

那些开发网页的人都知道Web开发编程使用HTML + CSS + JS框架的组合，其中HTML用于创建当前页面的整体框架结构，CSS用于提供结构样式，JS是逻辑处理的。此页面与用户交互。

JS只需要管理状态:

this.setData（{msg: Hello World}）通过{{}}的语法将变量绑定到接口，我们称之为数据绑定。仅通过数据绑定来描述状态和接口之间的关系是不够的。它还需要if/else，for和其他控制功能。在小程序中，这些控制函数由以wx:开头的属性表示。

2WXSS风格

WXSS是CSS的小程序版本，它具有CSS的大部分功能，并且在WXSS中也扩展和修改了小程序。

3JS交互逻辑

服务仅足以显示界面。它还需要与用户交互：响应用户的点击，获取用户的位置，等等。在小程序中，我们通过编写JS脚本文件来处理用户的操作。

{{msg}}点击我

当我们单击按钮按钮时，我们希望在接口上显示msg作为Hello World，因此我们在按钮上声明属性: bindtap并声明JS文件中的clickMe方法以响应此单击：

页（{

clickMe: function（）{this.setData（{msg: Hello World}）

}

}）

此外，您还可以在JS中调用小程序提供的丰富API。这些API可用于轻松调整微信提供的功能，例如本地存储，用户信息，微信付款等。

4JSON配置

我们可以看到项目根目录中有一个app.json和project.config.json，而pages/logs目录中还有一个logs.json，它反过来解释了它们的用途。

小程序配置app.json

App.json是当前小程序的全局配置，包括小程序的所有页面路径，接口性能，网络超时，底部选项卡等。 QuickStart项目中的app.json配置如下：

{第:页[pages/index/index，pages/logs/logs

]，窗口: {backgroundTextStyle: light，navigationBarBackgroundColor: #ffff，navigationBarTitleText: WeChat，navigationBarTextStyle: black

}

}

这个配置各个项的含义如下:

页面字段——用于描述当前的小程序页面路径。这是为了让微信客户端知道您当前的小程序页面定义在哪个目录中。

窗口字段—— 小程序所有页面的顶部背景颜色，文本颜色在此处定义。

工具配置 project.config.json

通常在使用工具时，您将根据自己的喜好进行一些个人配置，例如界面颜色，编译配置等。当您更换另一台计算机以重新安装该工具时，您必须重新配置。

考虑到这一点，小程序开发人员工具将在每个项目的根目录中生成project.config.json。重新安装工具或更换计算机时，您在该工具上执行的任何配置都将写入此文件。只要您加载同一项目的代码包，开发人员工具就会在您开发项目时自动将您恢复为个性化配置，其中包括编辑器的颜色，上载代码时的自动压缩等等。

页面配置 page.json

这里的page.json实际上用于表示与小程序页面相关的配置，例如pages/logs目录中的logs.json。

如果您的整个小程序样式为蓝色，则可以在app.json中声明顶部颜色为蓝色。实际情况可能不是这样，也许你的小程序中的每个页面都有不同的色调来区分不同的功能模块，所以我们提供了page.json，这样开发人员就可以独立定义每个页面的一些属性，例如，只是说顶部颜色，是否允许下拉刷新等等。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。

以上是此微信小程序开发文档中的4个最常见代码。如果您有其他问题，可以咨询网站。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。