开发微信小程序其实总是比想象的容易

terry 2年前 (2023-09-23) 阅读数 66 #移动小程序

微信小程序已经出来很久了。很早之前就想鼓捣一下小程序了。起初我认为所有的程序都是一样的，应该很容易编写。但看完微信小程序后，发现该程序的开发文档与正常代码完全不同。微信小程序具有独立的结构。后来，当我在小程序文档中看到英文字母时，我感到困惑，几秒钟后就放弃了。那时我总觉得学习是一件很困难的事。偶然练习了一段时间，发现并没有我想象的那么难。

1。第一次介绍微信Mini并认识它的外观

相信当你决定开发微信Mini时，肯定已经下载了微信开发者工具，但是新建一个项目后，你可能会发现原来的文件自动创建的，它和平常的不一样，里面的代码也不同，你可能有放弃的想法，但其实没有必要，你可以创建一个最简单的项目，实际项目在根目录下仅包含1个文件()，文件内容可以忽略。我们首先看一个简单的目录结构图。

2. 高级设置

从上图可以看出，文件类型通常有四种。 json文件可以认为是配置文件，wxml文件可以认为是类似html的模板文件，wxss也可以认为是css文件，不用说，files和js文件都是存储js脚本的文件。

这里主要需要先定义根目录下的文件，定义了页面结构、页面标题等相关属性。通过下面的代码，您可以轻松理解它。 " navigationBarTitleText": "小程序标题",

"navigationBarBackgroundColor": "#fbf9fe",

"backgroundColor": "#fbf9fe"

}, }, },

}

3。 WXML解析

保存上一步后，你会发现项目多了一个目录结构，如pages/index/。这是由于配置造成的。其中，和是一个系列。它以索引命名。如上所述，.wxml 文件实际上是 HTML 模板文件。主要用于编写页面布局。编写布局的代码可以在微信小程序的官方文档中找到。当然，如果你想省事的话，可以直接用关键词“微信小程序+空格+任意你想搜索的关键词”进行百度搜索。这里最重要的标签是。首先，您可以输入 Hello world! 进行测试。

4。 WXSS解析

该文件一开始并没有实际使用。您可以在上一步中为视图添加 style 属性来添加 css 样式。

5。 JS解析

接下来就是文件了。如果你想做一个更好的微信小程序，最重要的就是写js，而这里的js代码和一般网络的js代码有点不同。存在差异。它的js语法可以在微信小程序的官方文档中找到，也可以在百度上找到。

以下是编写 ajax 类型 Web 请求的语法结构的主要示例：

Page({
data: {
) IndicatorPoints: true, true,
间隔：5000。 },
isShow: 函数 ( ) {
},
},
isDone: 函数 () {
},
isHide: 函数打开 () {

() {

onPullDownRefresh: function () {

onReachBottom: function () {

S 上的消息（A♶ function ('onShareAppMessage')

返回{ Title: '页面标题', ED 这里有两个值得注意的： , 可以直接移到wxml，需要用到这个。setdata2，使用
3、稍后检索信息时，使用{{key}}显示信息，如：{{list}}。
6、至此，简单的微信小程序就准备好了。如果必须包含小程序js文件，可以使用require函数来执行include功能，也可以适当添加图片、实用程序等静态文件夹。 ❀

微信小程序。

总结：微信小程序开发实际上总是比想象的容易。不管你做什么，最可怕的就是不做而总是想着它。虽然大脑很聪明，但好大脑比坏大脑更糟糕。一支笔，无论多么智能，都不可能包含与程序一样复杂的逻辑。我觉得微信小程序难免难。只要你努力、实践，你就会发现，再难的事情，也很容易解决。