微信小程序开发教程湖南大学出版社（微信小程序开发教程）

你们好，最近小时发现有诸多的小伙伴们对于微信小程序开发教程湖南大学出版社，微信小程序开发教程这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。

1、 首先打开微信小程序注册页面。

2、 注册账号和密码管理有权限。

3、 登录微信公众平台获取AppID(小程序ID)。

4、 查找设置-开发设置

5、 下载开发者工具，输入自己的Id。

6、 自动打开开发者工具平台

7、 分析项目结构和每个文件的含义。

8、 首先，让我们打开目录结构

9、 文件后缀的含义

10、 答。带json后缀的json配置文件(没什么好说的，只是普通的JSON文件)

11、 乙。带有wxml后缀的WXML模板文件(类似Html的文件)

12、 后缀为c .wxss的WXSS样式文件(类似CSS的文件)

13、 带d .js后缀的Js脚本逻辑文件(没什么好说的，只是普通js)

14、 但重点是

15、 app.js

16、 代码中定义了一个App对象，包含一个onLaunch方法和一个globalData成员变量，其中onLaunch方法会在程序启动时被框架调用。在这种方法中，

17、 程序通过微信提供的本地存储接口获取一个logs变量，第一次获取时会返回空。此时，变量被初始化为一个空数组，然后在数组头添加一个格式化的时间字符串，最后数组变量被本地存储。

18、 login和getSetting方法简单易懂，执行获取用户信息的功能。最后，代码定义了一个globalData成员变量，该变量包含一个userInfo变量来存储用户信息。

19、 app.json

20、 App.json是当前小程序的全局配置，包括所有的页面路径，界面性能，网络超时，底部tab等等。TabBar是我自己加的。页面是用于描述当前applet所有页面的路径。

21、 window是小程序所有页面的顶部背景颜色，文字颜色定义在这里的。

22、 app.wxcss

23、 这个不用说肯定是定义的一个全局css文件，就略过了

24、 project.config.json

25、 通常大家在使用一个工具的时候，都会针对各自喜好做一些个性化配置，例如界面颜色、编译配置等等，当你换了另外一台电脑重新安装工具的时候，你还要重新配置。考虑到这点，

26、 小程序开发者工具在每个项目的根目录都会生成一个project.config.json，你在工具上做的任何配置都会写入到这个文件，当你重新安装工具或者换电脑工作时，你只要载入同一个项目的代码包，

27、 开发者工具就自动会帮你恢复到当时你开发项目时的个性化配置，其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

28、 下面说一说这个pages这个东西

29、 可以看到下面有两个文件夹，每个文件夹里面都有与文件夹名称一样的几个文件，这里面的定几个js,json,wxml,wxss只是针对此文件夹里面的文件有效果。

30、 index里面也可以写一个json文件用来展现界面表现等，但是名称必须是idex.json。下面说一说wxml这个东西，就结束了吧。

31、 WXML 模板

32、 和HTML 非常相似，有标签、属性等等构成，总结起来有两点

33、 1。标签名字有点不一样往往写HTML 的时候，经常会用到的标签是div, p, span，开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件，例如日历、弹窗等等。换个思路，

34、 既然大家都需要这些组件，为什么我们不能把这些常用的组件包装起来，大大提高我们的开发效率。 从上边的例子可以看到，小程序的WXML 用的标签是view, button, text 等等，

35、 这些标签就是小程序给开发者包装好的基本能力，我们还提供了地图、视频、音频等等组件能力，更多详细的组件请参考API

36、 2。多了一些wx:if 这样的属性以及{{ }} 这样的表达式在网页的一般开发流程中，我们通常会通过JS 操作DOM ，以引起界面的一些变化响应用户的行为。例如，用户点击某个按钮的时候，

37、 JS 会记录一些状态到JS 变量里边，同时通过DOM API 操控DOM 的属性或者行为，进而引起界面一些变化。当项目越来越大的时候，你的代码会充斥着非常多的界面交互逻辑和程序的各种状态变量，

38、 显然这不是一个很好的开发模式，因此就有了MVVM 的开发模式(例如React, Vue)，提倡把渲染和逻辑分离。简单来说就是不要再让JS 直接操控DOM，JS只需要管理状态即可，

39、 然后再通过一种模板语法来描述状态和界面结构的关系即可。

40、 小程序的框架也是用到了这个思路，如果你需要把一个Hello World 的字符串显示在界面上， WXML 是这么写：

41、 JS 只需要管理状态即可，可以这样写

42、 通过{{ }} 的语法把一个变量绑定到界面上，我们称为数据绑定。仅仅通过数据绑定还不够完整的描述状态和界面的关系，还需要if/else, for等控制能力，在小程序里边，

43、 这些控制能力都用wx: 开头的属性来表达。

44、 好了，就整理这么多吧。我想不管是什么技术，只要是很火的，作为程序员都有必要是了解一下，因为你的本质工作就写代码，不论是前端还是后端，也千万当自己懈怠的时候为自己打Call。

以上就是微信小程序开发教程这篇文章的一些介绍，希望对大家有所帮助。

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！