《PHP程序设计与微信小程序案例教程》 课件汇总 谭丽君 1.微信小程序入门 ---4.2 制作“菜单”页面.pptx
第1章微信小程序入门;1.1什么是微信小程序;1.2微信小程序开发流程;1.2微信小程序开发流程
;打开微信公众平台官网;
;1.4微信开发者工具;1.5新建和导入项目;1.5微信开发者工具;1.6微信开发者工具的使用;1.6微信开发者工具;1.6微信开发者工具;2.常用操作;（2）替换：在搜索框中，单击查找框左边箭头，会显示替换框，在替换中输入替换的内容，进行替换，;2.常用操作;（6）小程序的调试方法
Console:编写完代码，单击工具栏中编译，或者ctrl+s,在调试区的Console中可以看到打印输出的信息。
;2.常用操作;
2.1微信小程序代码框架介绍
;2.1微信小程序代码框架介绍;
2.1微信小程序代码框架介绍
;2.1微信小程序代码框架介绍;
2.1微信小程序代码框架介绍
;
2.1微信小程序代码框架介绍
;
2.2微信小程序JSON文件
;2.2微信小程序JSON文件;2.2微信小程序JSON文件;2.2微信小程序JSON文件;主讲人：谭丽君;2.3.1WXML基本语法;2.3.1WXML基本语法;2.3.1WXML基本语法;2.3.1WXML基本语法;2.3.2制作第一个小程序;2.3.3制作“景区名片”页面;2.3.3制作“景区名片”页面;2.3.4制作“比较成绩”页面;2.3.4制作“比较成绩”页面
;
2.3.5数据绑定
;
2.3.5数据绑定
;
2.3.5数据绑定
;
2.3.5数据绑定
;
2.3.6列表渲染
;
2.3.7制作“轮播图”
;
2.3.7制作“轮播图”
;
2.3.7制作“轮播图”
;
2.3.7制作“轮播图”
;2.3.8条件渲染;主讲人：谭丽君;
2.4微信小程序wxss
;选择器{
样式属性名：属性值；
样式属性名：属性值；
...
}
;.yw{
width:300rpx;
height:100rpx;
background:red;
};
2.4.2WXSS选择器
;
2.4.2WXSS选择器
;
2.4.3WXSS常用样式
;
2.4.3WXSS常用样式
;
2.4.3WXSS常用样式
;
2.4.3WXSS常用样式
;
2.4.4盒子模型;
2.4.4盒子模型;
2.4.4盒子模型;
2.4.4盒子模型;
2.4.4盒子模型;
2.4.4盒子模型;
2.4.5弹性布局;
2.4.5弹性布局;
2.4.5弹性布局;
2.4.6制作“景区名片”样式;
2.4.6制作“景区名片”样式;
2.4.6制作“景区名片”样???;
2.4.6制作“景区名片”样式;
2.4.7制作“比较成绩”样式;
2.4.7制作“比较成绩”样式;
2.4.7制作“比较成绩”样式;主讲人：谭丽君;
JS变量、数据类型
;数组;面向过程和面向对象的区别;对象书写格式、对象获取属性、对象调用函数的格式;
JS变量、数据类型
;2.数据类型;JS函数书写格式;
JS变量、数据类型
;
JS变量、数据类型
;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.2微信小程序JS文件;2.5.3微信小程序JS中的数据处理;2.5.3微信小程序JS中的数据处理;2.5.3微信小程序JS中的数据处理;2.5.3微信小程序JS中的数据处理;2.5.3微信小程序JS中的数据处理;2.5.3微信小程序JS中的数据处理;2.5.4微信小程序API;2.5.4微信小程序API;调用函数;2.5.4微信小程序API;2.5.5常用API介绍;2.5.5常用API介绍;2.5.5常用API介绍;2.5.5常用API介绍;setTimeout倒计时;2.5.5常用API介绍;2.5.5常用API介绍;主讲人：谭丽君;
2.6制作“比较成绩”js代码
;
2.6制作“比较成绩”js代码
;
2.6制作“比较成绩”js代码
;
2.6制作“比较成绩”js代码
;
2.6制作“比较成绩”js代码
;
2.6制作“比较成绩”js代码
;第3章点餐小程序项目需求分析;
3.1点餐小程序项目需求分析
;
3.1点餐小程序项目需求分析
;
3.1点餐小程序项目需求分析
;
3.1点餐小程序项目需求分析
;
3.1点餐小程序项目需求分析
;3.2点餐小程序页面框架分析;3.2点餐小程序页面框架分析;3.2点餐小程序页面框架分析;3.2点餐小程序页面框架分析;4.1创建点餐微信小程序;
4.1创建点餐微信