小程序怎么开发,第一个小程序(一)

小程序是一种全新的连接户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验

微信小程序是一种不需要下载也不需要安装就可以使用的应用程序

它需要所有的者都能做到:

快速的加载

更强大的能力

原生的体验

易用且安全的微信数据开放

高效和简单的

小程序的主要语言是

网页时,只需要使用到浏览器,搭配编译器或一些辅助工具即可。

小程序,需要申请小程序帐、登陆微信公众平台、安装小程序者工具、配置项目等过程才能完成。

3-1扫码进入者工具

已注册登陆者账,安装者工具(官网可自行下载)后,

每次打开微信者工具时,都需要先扫码进入

3-2新建/选择小程序

扫码后,出现如下窗口:

如果之前已建有小程序项目,这里会有记录,如果需要修改或继续,选择相应的小程序进入即可;

.

如果第一次打开,或者需要新建小程序项目时,点击窗口内的 “+” 加,会出现一个新建小程序项目的窗口,如下:

.

小程序的 相当于小程序平台的一个身份证,后续你会在很多地方要用到 ,

如果没有,而你的小程序作为测试使用,可以直接使用推荐的测试即可

如果你要上线发布小程序,就需要购买自己的域名

3-3小程序中的尺寸单位

微信小程序中的尺寸单位是,可以根据屏幕宽度进行自适应。

规定屏幕宽为750

官方建议以6 为标准,屏幕宽度为375,共有750个物理像素,即750 = 375 = 750物理像素,

微信小程序也支持尺寸单位,

和的换算关系:

: 规定屏幕宽度为20;

1 = (750/20)

1 = 0.5 = 1物理像素

先来看看第一个简单的小程序,就是下面这个熊样子:

.

4-1小程序目录结构

. 后缀的 配置文件

. 后缀的 模板文件

. 后缀的 样式文件

. 后缀的 脚本逻辑文件, 项目入口文件.

4-2 配置文件

在小程序中,配置文件存放的静态配置的信息。

大眼一扫,不难发现项目的根目录下有一个 . 和 ..文件,

在 目录的子目录下都有一个.文件,存放对应页面的配置信息。

. 是当前小程序的全局配置,包括小程序的所有页面路径、界面显示、网络超时时间、底部 等等。

.文件中配置信息

—— 用于描述当前小程序所有页面路径(必填项),这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。

—— 定义小程序所有页面的顶部背景颜色,文字颜色定义等等。

想看其他配置,请移步官方大厅 小程序配置.

——小程序底部导航栏及切换时对应的页面

来指明 . 的位置

.

小程序根目录下的 . 文件用来配置小程序及其页面是否允许被微信索引。

默认情况下,所有页面都会被索引。

配置 // 页面不被索引,其余页面允许被索引

..

小程序者工具在每个项目的根目录都会生成一个 ..文件,

在工具上做的任何配置都会写入到这个文件,当重新安装工具或者换电脑工作时,只要载入同一个项目的代码包,者工具就自动会帮你恢复到当时你项目时的个性化配置,其中会包括编辑器的颜色、代码上传时自动压缩等等一系列选项。

5-1 框架

整个小程序框架系统分为两部分:逻辑层( )和 视图层()。

小程序提供了自己的视图层描述语言 和 ,以及基于 的逻辑层框架,

并在视图层与逻辑层间提供了数据传输和事件系统,让者能够专注于数据与逻辑。

5-2 数据绑定

框架的核心是一个响应的数据绑定系统,可以让数据与视图非常简单地保持同步。

当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。

在一个组件的属性上添加属性并赋予一个值(一个函数名)

当点击该组件时, 会触发相应的函数执行(通过绑定点击事件)

//.

//.

//.

//.

/.

转载自:此鱼非闲鱼也

© 版权声明
THE END
分享