2017.12.15更新的小程序正式上线，你准备好了吗？
发表时间：2023-09-17 17:52:24
文章来源：炫佑科技
浏览次数：191
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
2017.12.15更新的小程序正式上线，你准备好了吗？
点击上方“Java ”，选择“热门公众号”
技术文章尽快送达！
去年2017年1月9日，张小龙在2017微信公开课Pro上发布的小程序正式上线。 如今，小程序已经上线整整一年了。 2017年12月28日，微信更新6.6.1版本开放小游戏，“跳一跳”小游戏当晚彻底火爆。 由于微信巨大的流量，很多开发都看好小程序，我也不例外。
1.什么是小程序？
微信小程序是连接用户和服务的全新方式。 在微信内可以轻松获取和传播，具有良好的用户体验。
小程序是一种无需下载、安装即可使用的应用程序。 它实现了“触手可及”的应用程序的梦想。 用户可以通过扫描或搜索的方式打开应用程序。
（小程序短视频介绍，建议在Wi-Fi下观看）
2.开发小程序
了解了什么是小程序之后，接下来就是本文的重点了。 对于从未接触过小程序编程的人，可以看一下。 小编带你入坑。 本文简单讲一下如何一步步创建一个简单的小程序。
首先我们来看看效果图。 因为是学习案例，所以功能很简单，只是简单的页面展示功能。 等以后有时间和精力的时候，我会完善一下功能。
搭建小程序环境
*新工具更新于2017.12.15，版本号（1.01.）
下载链接：
安装环境非常简单。 下载安装包后直接安装即可。
我们的开发环境如下：
如何创建您的**小程序
您无需先注册小程序ID。
单击“确定”。 **小程序“Hello World”已准备好运行。 这并不容易！
介绍一下项目结构
从上面的项目结构图可以看出，一个页面主要由三部分组成：index.wxml、index.wxss、index.js。 乍一看，它和前端非常相似。 仔细一看小程序开发微信，这些功能确实没有什么区别。 对于有一定前端知识的人来说，我想上手小程序开发应该是很简单的。
网页主要是HTML+CSS+JS的组合，其中HTML用于描述当前页面的结构，CSS用于描述页面的外观，JS用于处理页面与页面之间的交互。用户。 小程序的页面和这个一模一样，唯一的区别就是改了名字。
除了上面页面的三大组件之外，项目根目录下还有一个app.json和..json。
app.json是当前小程序的全局配置，包括小程序的所有页面路径、界面性能、网络超时、底部标签等。
..json可以根据自己的喜好进行一些个性化的配置，比如界面颜色、编译配置等。
（附官方文档截图）
配置项目底部导航
介绍完小程序的具体目录后，接下来我将介绍如何配置项目的底部导航。
小程序实现这个底部导航其实很简单。 我们只需要在根目录下的app.json文件中配置即可：
具体属性值可以看下面的截图，解释的很清楚：
具体官方文件：
如何创建新页面
创建小程序页面时，需要在配置文件中配置路径，否则无法访问。 配置也非常简单。 只需要在app.json文件下找到一个pages属性值即可。
pages属性：接受一个数组，每一项是一个字符串，用于指定小程序由哪些页面组成。 每一项代表对应页面的【路径+文件名】信息2017.12.15更新的小程序正式上线，你准备好了吗？，数组中的**项代表小程序的初始页面。 小程序中添加/减少页面需要修改页面数组。
注意：文件名中不需要写文件后缀，路径也不能写错！
重点：页面如何加载数据
介绍完如何创建新页面后，我们重点讨论如何向页面添加内容。 还是从头开始的例子，效果图如下。 我们发现这个页面是由顶部的水平列表+底部的垂直列表组成。
要实现如上所示的页面，首先要了解小程序开发组件。 小程序提供了一系列基本组件。 组件是视图层的基本组件。 组件通常包括开始标签和结束标签。 属性用于修改该组件。 内容在两个标签内。 这部分肯定需要你自己花时间去研究小程序的官方文档。 这不是一两句话就能解释清楚的。
官方文档：
学习了基本组件后，这还不够。 因为上图中的数据是通过网络请求展示的，所以还是需要继续学习小程序提供的原生API。 例如下面的例子使用网络请求数据等。
从官方文档了解如何使用API：
如何获取源代码
1.源码已上传。 如果您喜欢，可以点Star，我们会根据情况进行维护。
地址：
2.代码也已上传至微信公众号。 后台回复【123】获取源码。
三、总结
小编刚刚接触小程序开发，目前只知道一些简单的。 如果遇到不懂的地方就多研究官方文档和官方学习案例。 以上如有错误，请在评论区留言。 学习小程序开发，*好有一些前端Web开发的基础知识，这样学起来会更容易。
推荐原作者公众号“编程IT圈”：一个完全专注于学习编程技术的公众号。 面向所有计算机编程爱好者开放，讨论编程开发技术，定期推送一些编程技术文章和编程资源，以及每个月会都会在公众号上提供各种读者福利！
