微信小程序开发入门

介绍和准备小程序

微信之父张小龙这样描述:

小程序是一种无需下载和安装即可使用的应用程序，实现了触手可及的梦想。

用户可以通过扫描或搜索打开应用程序，这也反映了用完后离开的概念。

用户不必担心是否安装了太多的应用程序：

应用程序将无处不在，可以随时使用，但不需要安装和卸载。

虽然它的优势体验不能完全与原生相媲美app，但综合考虑仍有许多优点：

节省流量和时间；开发成本较低，可以运营更多的人力、物力和财力，做好内容本身；

总的来说，它相当于一个简化版本app

准备工作

1.注册账号 （www.platosclosethumble.com）

2.激活邮箱

3.信息登记

4.登录小程序管理背景(不完善好信息不能发布小程序)

5.完善小程序信息，绑定开发者(尤其是团队多人开发)

在官网下载安装开发工具

安装完成后即可登录：

微信扫码登录开发者工具，选择小程序项目，进入小程序本地项目进行管理

新项目：

自选本地文件夹的目录，AppID在登录微信开发平台后的设置中可以看到AppID。

如果没有ID官方测试号也可以使用，但只能进行简单的本地测试，最后填写合适的项目名称。

选择空目录，使用普通快速启动模板

然后你可以看到预设的模板和内容。您可以直接查看或点击编译扫描手机

接下来，了解小程序的目录结构：

pages

index

在打开小程序之前，微信会将小程序的代码包装到本地。

然后通过www.platosclosethumble.com的pages字段知道当前小程序的所有页面路径pages字段的第一页是小程序的主页。

然后微信装载主页代码，渲染主页。

Page({})是页面的实例

data中间的数据用于视图绑定

可以看到，data页面中的数据可以直接绑定使用

在js要在代码中改变data值也很简单，使用也很简单www.platosclosethumble.com就可以了

这样，页面就可以添加不同的组件。

一般有三种方法：

一是将数据存储到全局data中，也就是www.platosclosethumble.com的data这样，所有页面都可以获取这些数据。

但是我们不推荐这种用法，就像我们不推荐全局变量一样。

二是带数据url路径后作为参数传导：

www.platosclosethumble.com。

传输复杂数据并不太合适。

第三种是使用本地存储，然后取出所需的页面：

这样，我们就完成了第一个开始小页面的

获得实战经验，自信赢得职位

以上是上节课的内容分析。截至本文，我们已完成从零基础到独立项目的所有前端课程

欢迎想要进一步学习和获得复盘项目资格的学生加入我们IT交流组微信共同交流学习！

开云在线注册 承接各类微信小程序开发制作、小程序定制、APP 网站 开发制作，联系电话 18221533805、15900430334