Miniapp

1. 介绍

阿里云服务器搭建的是什么环境？

开发环境
阿里云小程序云应用测试环境和生产环境
运行环境
SDK
微信小程序服务端环境
JDK1.8
后端运行环境NodeJS

Linux
Nginx
MySQL
PHP

LNMP Web服务环境
Java Web测试环境
Node.js测试开发环境
Ruby Web开发测试环境
Hadoop/Spark分布式系统

项目依赖
依赖

2. 微信小程序目录结构

2.1 目录结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件	必需	作用
app.js	是	小程序逻辑
app.json	是	小程序公共配置
app.wxss	否	小程序公共样式表

一个小程序页面由四个文件组成，分别是：

文件类型	必需	作用
js	是	页面逻辑
wxml	是	页面结构
json	否	页面配置
wxss	否	页面样式表

注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。

2.1.1 允许上传的文件

在项目目录中，以下文件会经过编译，因此上传之后无法直接访问到：.js、app.json、.wxml、*.wxss（其中 wxml 和 wxss 文件仅针对在 app.json 中配置了的页面）。除此之外，只有后缀名在白名单内的文件可以被上传，不在白名单列表内文件在开发工具能被访问到，但无法被上传。具体白名单列表如下：

1. wxs
2. png
3. jpg
4. jpeg
5. gif
6. svg
7. json
8. cer
9. mp3
10. aac
11. m4a
12. mp4
13. wav
14. ogg
15. silk

3. 微信小程序云开发

checkout

商城类小程序设计框架

商城类小程序源代码

4. 项目目录

4.1 初始小程序

101第一个微信小程序

4.2 盒模型 页面布局 流程控制结构 函数

201字体样式的设置
202文本样式设
203图片与声音
204盒模型
205flex页面布局
206导航与布局
207Float页面布局
208摄氏温度转华氏温度
209条件结构与数学函数
210学生成绩计算器
211循环求和计算器
212随机数求和
213计时器
214自动随机变化的三色旗

4.3 基本架构 渲染与引用

301小程序的基本架构
302小程序的执行顺序
303数据及事件绑定
304变量和函数的作用域及模块化
305条件渲染
306成绩等级计算器
307列表渲染
308九九乘法表
309模板的定义与引用
310利用include引用文件

4.4 小程序组件

401货币兑换

402三角形面积计算器
403设置字体样式和大小
404滑动条和颜色
405轮播图和开关选择器
406个人信息填写
407图片显示模式
408音频演示
409视频演示
410考试场次选择

4.5 小程序API

501变脸游戏

502阶乘计算器
503基本绘图
504参数绘图
505改变图形
506绘制正弦曲线
507自由绘图
508动画
509照相和摄像
510位置和地图
511文件操作
512数据缓存
513网络状态
514传感器
515扫码与打电话
516屏幕亮度、剪贴板和手机振动
517设备系统信息
518导航栏
519标签栏
520操作菜单

4.6 云开发

601获取OpenID

602文件上传下载
603数据库操作
604云函数应用

5. LeanCloud

参考链接

• https://www.leancloud.cn/
• https://leancloud.cn/docs/weapp.html
• https://github.com/leancloud/leantodo-weapp
• https://www.bilibili.com/video/av9082797/

5.1 介绍

5.2 环境

5.3 安装

5.4 使用

6. 淘宝小程序

7. 支付宝小程序