昨天我们看了一些企业，
在他们的业务中使用充值小程序。
我们就要实现这样的充值小程序，
包括小程序前端代码和服务器后端代码。
小程序前端主要有4种类型的文件
1、 index.js
2、 index.wxml
3、 index.json
4、 index.wxss
index表示文件名。
各文件的主要作用如下：
js文件实现逻辑，使用的是 es6 的语法，但是做了进一步封装，有些函数不能使用。
wxml文件，实现页面框架布局，类似 html，但不能直接使用 html 标签。只能使用小程序自己封装的组件，有些组件跟 html 标签相同。可以参考小程序开发文档中的组件介绍。
wxss文件，实现页面样式，css3中的语法可以使用。
json文件，可以对当面页面进行一些选项设置，比如页面标题等。
这些基础知识点，
子恒老师不会在视频课程中讲解，
需要你自己看官方文档，
做小程序开发起码要把官方文档看5遍以上。
今天我们来实现充值小程序的前端布局和效果…
实现充值小程序前端页面布局-微信小程序支付开发7同系列课程
小程序解码wx.getUserInfo中的decryptData数据-微信小程序支付开发11
小程序生成统一支付prepay_id相关配置和类介绍-微信小程序支付开发12
异步处理小程序支付结果notify_url-微信小程序支付开发16
小程序html转为wxml，微信小程序用wxParse解析html
小程序rich-text解析html网页，小程序显示html5标签内容
小程序wx.chooseAddress获取用户收货地址，手机号码