自学了微信小程序入门，做一个总结，留给后人学习
发表时间：2023-10-04 08:33:04
文章来源：炫佑科技
浏览次数：204
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
自学了微信小程序入门，做一个总结，留给后人学习
1.什么是小程序？
首先，你需要对小程序的开发有一个整体的概念。
对于小程序到底是什么这个问题端微信小程序开发，百度百科给出了更加通俗易懂的答案。
问：什么是小程序？ 它有什么功能呢？
答：小程序是一种无需下载、安装即可使用的应用程序。 它实现了“触手可及”的应用程序的梦想。 用户可以通过扫描或搜索的方式打开应用程序。 也体现了“用完即走”的理念，用户无需担心安装太多应用程序。 应用程序将无处不在、随时可用，但无需安装或卸载它们。 对于开发来说，开发小程序的门槛相对较低，不像APP那么困难。 可以满足简单的基础应用，适合生活服务线下店铺和非刚性低频应用的转换。 小程序可实现消息通知、离线二维码扫描、公众号关联等七大功能。 其中，通过公众号关联，用户可以在公众号和小程序之间跳转。 因为小程序没有入口。 [6]
Q：小程序可以和现有应用对接吗？
A：小程序可以使用微信联合登录的方式连接开发现有App后台的用户数据，但不支持小程序与App之间直接跳转。
问：微信已有订阅号、服务号、企业号。 小程序和这三个有什么区别？
A：小程序、订阅号、服务号、企业号是并行系统。
问：外界有传言称，小程序的推出意味着微信将成为应用分发市场。 这是真的？
答：微信推出小程序目的并不是要成为一个应用分发市场，而是为一些优质服务提供一个开放平台。
但从小小程序的开发结构来看，微信小程序应该属于前端开发。 其结构中的wxml、js、wxss与web开发的结构类似。
2.开发工具和开发环境
网上有很多帖子可以找到这部分内容，官方也提供了下载工具和开发API的地址。
微信公众平台提供了小程序设计、介绍、使用、注册、工具、数据绑定等几乎所有功能的说明。 初学者可以先浏览一下，对小程序有一个大概的了解，然后再下载工具。 安装、注册账号，一切准备工作完成后，开始学习入门开发。
微信公众平台小程序入口地址：
3. 创建一个新项目并了解架构
当您打开该工具时，您将进入这个新项目的页面。
可以看到，添加新的小程序项目需要填写三部分：AppID、项目名称、项目目录。 为了快速开发，我们首先选择不带AppID的选项。 如果开发，需要添加AppId。 您可以查看Appid的信息。
项目目录是指您的小程序的代码将放置的目录。 您可以在本地创建一个文件夹，也可以创建一个新项目，两种方式都可以。
配置小程序
本节我们将介绍小程序的配置。 首先我们看一下项目自动生成的app.json文件是什么样子的。
“页面”：[
“页数/索引/索引”,
“页面/日志/日志”
],
“”：{
““：“光”，
“”：“#fff”，
“xt”：“”，
“le”：“黑色”
其实这里可以配置的部分有五个部分，分别是pages、、、和debug。
页面：定义该小程序由哪些页面组成。
以后需要增加或减少页面时，需要在这里设置。 页面数组中有多个页面。
可以看到pages是一个数组，数组中的**项就是小程序的初始页面。 您可以尝试将日志页面移到前面看看效果。 这是开发过程中的一个很好的技巧。
我想与大家分享的另一个技巧是，当我们需要添加新页面时，无需手动创建文件夹，然后创建新的xxx.josn、xxx.js、xxx.wxml、xxx.wxss。 四个文件。 我们只需要在pages数组中添加一个你想要创建的页面，然后按Ctrl+s保存即可！ 是不是很酷？
“页面”：[
“页面/日志/日志”，
“页数/索引/索引”
],
...
：定义窗口的配置信息。
属性类型默认值说明
#导航栏背景颜色，如“#”
导航栏标题颜色，仅支持黑白
导航栏标题文字内容
lor#窗口的背景颜色
下拉背景字体和图片样式，仅支持深色/浅色
是否启用下拉刷新
：用于定义的表示
它是一个数组，只能配置至少 2 个、*多 5 个选项卡。 选项卡按数组顺序排序。
我们可以在项目目录中添加一个文件来存储我们的图像文件。
注：目前小程序仅支持网络图片或图片。 如果要使用本地图片，需要将图片转换为代码。
：用于设置各种网络请求的超时时间。
如果您不确切知道此配置的作用，请忽略它。 这对实际开发没有影响。
属性类型 所需描述
否 wx.的超时时间，单位毫秒
否 wx.的超时时间，单位毫秒
否 wx.的超时时间，单位毫秒
否 wx.的超时时间，单位毫秒
小程序的主体部分，从图中可以看出，主要有三个部分。
1）app.js：小程序逻辑，初始化APP
2）app.json：小程序配置，如导航、窗口、页面http请求跳转等。全局配置页面文件的路径、窗口性能、设置网络超时、设置多个选项卡等。
3）app.wxss：公共样式配置
如前所述，小程序主要由四个页面组成。
1）js：页面逻辑
2）wxml：页面结构显示
3）wxss：页面样式表
4）json：页面配置，配置页面显示的一些数据
4. 添加一个
我们来添加一个
首先，我们需要告诉小程序它有哪些页面。 其次，需要设置小程序的导航栏标题，如上图app.json所示。
1. 首先，打开index.wxml页面。 该页面现在是主页选项卡调用的页面。 无论在哪里调用，我们现在都会在页面中添加三个。 小程序的页面结构有点类似于网页。 Wxml 与 html 类似。 从图中可以看到，它会被放置在视图布局中，这就是点击事件的调用名称。 点击效果会在对应的js页面中触发。 。
2.对应上图，我们可以在js中找到对应的事件触发以及调用的页面
3、如果此时运行并点击按钮，可能不会触发页面跳转，会报页面不存在的错误。 这是因为触发跳转页面的事件中写入的目标页面不在应用程序中。 .json 中注册的原因就在这里。
4. 按钮或页面的样式是什么？ 宽的、扁的、圆的，只需卸载对应的wxss即可。
在上面所示的四个步骤中自学了微信小程序入门，做一个总结，留给后人学习，你可以编写简单的文本、tab等来进行入门，还可以触发事件。 如果你的js很棒，你可以执行稍微复杂一点的页面和操作。
欢迎留言交流~
