开发微信小程序

前言

微信小程序，简称小程序，缩写XCX，英文名mini program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。

对于开发者而言，小程序的开发比 APP 简单、耗时短、 bug 少、流畅程度高

---

目录

前言

 

1.微信小程序 

申请帐号

安装开发工具

你的第一个小程序

小程序大体预览

编译预览

通过左上角标签查看模拟器，编辑器，调试器以及可视化

编辑器

调试器

 代码构成

.json 后缀的 JSON 配置文件

.wxml 后缀的 WXML 模板文件

.wxss 后缀的 WXSS 样式文件

.js 后缀的 JS 脚本逻辑文件

2.使用微信小程序开发

 所需资料

组件使用

1.输入框使用（标准书写要求value必填）

1.1value---默认值

为什么要用label框起文字内容？

1.2.1如何设置输入框边框

 CSS 边框属性

示例

index.wxss代码示例

index.wxml代码示例

1.3password---boolean类型 是否为密码类型显示  ture/false 是/否

2.1单选框redio 需要用到多个单选要套用redio-group

演示示例

 3.多选框checkbox

    多个选项时使用一样要套用checkbox-group

演示示例

---

1.微信小程序 

开发小程序的第一步，你需要拥有一个小程序帐号，通过这个帐号你就可以管理你的小程序。

申请帐号

进入小程序注册页 根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号。

​

在这个小程序管理平台，你可以管理你的小程序的权限，查看数据报表，发布小程序等操作。

登录 小程序后台 ，我们可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 。

​

小程序的 AppID 相当于小程序平台的一个身份证，后续你会在很多地方要用到 AppID （注意这里要区别于服务号或订阅号的 AppID）。

有了小程序帐号之后，我们需要一个工具来开发小程序。

安装开发工具

前往 开发者工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装，有关开发者工具更详细的介绍可以查看 《开发者工具介绍》 。

打开小程序开发者工具，用微信扫码登录开发者工具，准备开发你的第一个小程序吧！

你的第一个小程序

新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 "不使用云服务" （注意: 你要选择一个空的目录才可以创建项目），点击新建，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。​

小程序大体预览

​

编译预览

点击工具上的编译按钮，可以在工具的左侧模拟器界面看到这个小程序的表现，也可以点击预览按钮，通过微信的扫一扫在手机上体验你的小程序。

​

通过左上角标签查看模拟器，编辑器，调试器以及可视化

​

编辑器

 编写代码

​

调试器

调试报错

​

 代码构成