baccarat：微信小程序项目案例开发教与学（教学大纲+教案+视频）

USDT官网

菜宝钱包（caibao.it）是使用TRC-20协议的Usdt第三方支付平台,Usdt收款平台、Usdt自动充提平台、usdt跑分平台。免费提供入金通道、Usdt钱包支付接口、Usdt自动充值接口、Usdt无需实名寄售回收。菜宝Usdt钱包一键生成Usdt钱包、一键调用API接口、一键无实名出售Usdt。

原题目：微信小程序项目案例开发教与学（教学大纲+教案+视频）

01

课程简介

02

课程目标及结业要求指标点

03

课程重点、难点

04

教学内容和学时分配

09

教学日历

05

选用课本

10

内容简介

11

配套视频演示

12

本书部门配套资源展示

12

本书分外赠予资源

12

目录

↓

第1篇快 速 入 门

第1章浅谈微信小程序

1.1小程序简介

1.1.1小程序的优势与不足

1.1.2小程序的影响

1.1.3小程序与其他产物的区别

1.2小程序开发准备

1.2.1注册微信开发账号

1.2.2完善小程序的详细信息

1.2.3治理员登录小程序治理平台

1.2.4微信开发工具

1.3小程序开发工具的使用

1.3.1第一个小程序

1.3.2开发者工具页面先容

1.3.3项目导入——微信小程序示例

1.3.4代码编辑

1.3.5项目调试

1.3.6项目公布

1.4小程序项目目录结构

1.4.1新建页面的3种方式

1.4.2项目全局文件

1.4.3页面结构文件xx.wxml

1.4.4页面样式文件xx.wxss

1.4.5页面设置文件xx.json

1.4.6页面逻辑文件xx.js

1.5本章小结

第2章小程序的视图与渲染

2.1视图与渲染历程

2.1.1基本观点

2.1.2WXML页面

2.1.3button组件简朴使用案例

2.2数据绑定

2.2.1内容绑定

2.2.2组件属性绑定

2.2.3控制属性绑定

2.2.4true和false关键字绑定

2.2.5运算绑定

2.2.6组合绑定

2.2.7数据绑定综合案例

2.3渲染标签

2.3.1条件渲染

2.3.2列表渲染

2.4模板与引用

2.4.1模板的使用

2.4.2引用WXML代码段

2.5九九乘法表案例解说

2.5.1实现效果

2.5.2代码详情

2.6本章小结

第3章小程序的事宜

3.1事宜工具

3.1.1事宜与事宜工具概述

3.1.2事宜工具分类

3.1.3事宜工具打印案例

3.2事宜类型

3.2.1冒泡事宜

3.2.2冒泡事宜案例

3.3事宜绑定类型

3.3.1阻止冒泡事宜

3.3.2target与currentTarget的区别

3.4本章小结

第4章“扶贫超市Part1”开发准备

4.1项目靠山与需求

4.1.1项目靠山

4.1.2需求剖析

4.1.3功效模块划分

4.2开发准备

4.2.1申请正式账号并完善小程序信息

4.2.2新建项目

4.3本章小结

第2篇开 发 进 阶

第5章小程序项目的设置与生命周期

5.1app.json设置属性

5.2页面设置

5.3窗口设置

5.4tabBar设置

5.4.1tabBar属性

5.4.2tabBar设置示例

5.5网络超时设置

5.6权限设置

5.6.1接口权限

5.6.2后台能力权限

5.7小程序的生命周期

5.7.1小程序生命周期函数

5.7.2小程序生命周期测试案例

5.8使用app工具的案例解说

5.8.1实现效果

5.8.2在app.js中界说全局变量与函数

5.8.3页面获取app工具

5.9本章小结

第6章小程序页面的设置与生命周期

6.1小程序的页面设置

6.2页面的生命周期

6.2.1页面生命周期函数

6.2.2页面生命周期测试案例

6.3页面跳转

6.3.1navigateTo跳转

6.3.2redirectTo跳转

6.3.3tabBar页面切换

6.3.4页面跳转与页面生命周期案例

6.4页面间的参数通报

6.5新闻客户端案例解说

6.5.1功效形貌与实现效果

6.5.2前期准备

6.5.3编码实战

6.6本章小结

第7章“扶贫超市Part2”项目页面框架设置

7.1项目目录整理

7.2项目tabBar设置

7.3项目窗口设置

7.4本章小结

第3篇小程序的UI开发

第8章页面结构

8.1页面结构概述

8.2flex结构基本观点

8.2.1容器与项目

8.2.2坐标轴

8.2.3flex属性

8.3flex结构案例

8.3.1运行效果

8.3.2代码说明

8.4flex容器属性详解

8.4.1flexdirection

8.4.2justifycontent

8.4.3alignitems

8.4.4flexwrap

8.4.5aligncontent

8.4.6flexflow

8.5flex项目属性详解

8.5.1flexgrow

8.5.2flexshrink

8.5.3flexbasis

8.5.4flex

8.5.5order

8.5.6alignself

8.6相对定位结构和绝对定位结构

8.6.1相对定位与绝对定位的观点

8.6.2相对定位测试和绝对定位测试

8.7浅易计算器案例解说

8.7.1效果展示

8.7.2页面组件结构与样式

8.7.3页面逻辑处置

8.8本章小结

第9章小程序的样式基础

9.1样式的基本使用

9.2样式的属性

9.2.1尺寸性

9.2.2靠山属性

9.2.3边框属性

9.2.4边距属性

9.2.5文本属性

9.3样式选择器的使用

9.3.1基本选择器

9.3.2属性选择器

9.3.3伪类选择器

9.4本章小结

第10章组件

10.1初始组件

10.1.1组件基本观点

10.1.2组件的通用属性

10.2视图容器组件

10.2.1view组件

10.2.2scrollview组件

10.2.3swiper与swiperitem组件

10.3基础内容组件

10.3.1icon组件

10.3.2text组件

10.3.3progress组件

10.4表单组件

10.4.1button组件

10.4.2input组件

10.4.3textarea组件

10.4.4radio组件

10.4.5checkbox组件

10.4.6label组件

10.4.7picker组件

10.4.8slider组件

10.4.9switch组件

10.5form组件

10.5.1form组件先容

10.5.2属性说明

10.5.3form组件使用案例

10.6导航组件

10.7多媒体组件

10.7.1audio组件

10.7.2video组件

10.7.3image组件

10.7.4camera组件

10.8map组件

10.8.1map组件属性说明

10.8.2map组件测试案例

10.8.3舆图API属性说明

10.8.4舆图API测试案例

10.9本章小结

第11章操作反馈工具与简朴的界面API

11.1toast

11.1.1toast属性说明

11.1.2toast测试案例

11.2modal

11.2.1modal属性说明

11.2.2modal测试案例

11.3loading

11.3.1loading属性说明

11.3.2loading测试案例

11.4actionsheet

11.4.1actionsheet属性说明

11.4.2actionsheet测试案例

11.5Background

11.5.1wx.setBackgroundTextStyle

11.5.2wx.setBackgroundColor

11.5.3靠山样式测试案例

11.6tabBar

11.6.1wx.showTabBarRedDot与wx.hideTabBarRedDot

11.6.2wx.showTabBar与wx.hideTabBar

11.6.3wx.setTabBarBadge与wx.removeTabBarBadge

11.6.4wx.setTabBarStyle

11.6.5wx.setTabBarItem

11.6.6动态设置tabBar测试案例

11.7加载第三方字体wx.loadFontFace

11.7.1属性说明

11.7.2字体API测试案例

11.8PullDownRefresh

11.8.1wx.startPullDownRefresh

11.8.2wx.stopPullDownRefresh

11.9本章小结

第12章“扶贫超市Part3”主要页面的UI

12.1首页UI设计

12.1.1swiper轮播

12.1.2分类部门

12.1.3推荐分类图片块

12.2分类页面UI设计

12.2.1实现效果

12.2.2顶部门类菜单

12.2.3商品内容区域

12.3购物车页面UI设计

12.3.1实现效果

12.3.2JS静态测试数据

12.3.3商品条目区视图

12.3.4按钮区域

12.4“我的”页面UI设计

12.4.1实现效果

12.4.2用户个人信息部门

12.4.3列表项部门

12.5治理员端商品治理页面UI设计

12.5.1实现效果

12.5.2顶部搜索栏

12.5.3左侧分类栏

12.5.4右侧商品栏

12.5.5底部牢固操作按钮

12.6本章小结

第4篇小程序的后台开发

第13章熟悉云开发项目

13.1云开发的观点与组成

13.2云开发的确立与开通

13.2.1确立一个云开发项目

13.2.2开通云开发并构建云环境

13.3初始化

13.4新建云函数并部署

13.4.1部署已有的云函数

13.4.2新建一个云函数

13.4.3挪用新建的云函数

13.5云开发之用户治理案例

13.5.1openid先容

13.5.2openid获取用户信息

13.6上传文件案例以及云空间文件治理

13.6.1实现效果

13.6.2代码说明

13.6.3下载文件

13.6.4删除文件

13.7数据库操作案例

13.7.1操作指引

13.7.2数据库操作代码剖析

13.8本章小结

第14章云开发数据库

14.1基本观点

14.2数据类型

14.3权限控制

14.3.1基础权限设置

14.3.2数据库平安规则

14.3.3数据库平安规则编写

14.4数据库庞大操作

14.4.1查询和更新数组元素与嵌套工具

14.4.2联表查询

14.5本章小结

第15章云函数及其调试

15.1云函数基础

15.1.1设置云函数内陆目录

15.1.2新建 Node.js 云函数

15.2wxserversdk初始化

15.3云函数的常见操作

15.3.1挪用数据库

15.3.2挪用存储

15.3.3挪用其他云函数

15.4云开发调试

15.4.1云函数云端测试

15.4.2Network面板

15.4.3开启云函数内陆调试

15.5本章小结

第16章“扶贫超市Part4”构建数据库与商品治理

16.1确立数据库

16.1.1表结构设计

16.1.2添加聚集

16.2用户与治理员身份的登录判断

16.2.1获取openid的方式

16.2.2判断是否为治理员

16.2.3判断是否为新用户

16.2.4实现效果

16.3添加商品

16.3.1添加商品效果展示

16.3.2WXML页面代码

16.3.3JS逻辑代码

16.4修改商品信息

16.4.1修改商品信息效果展示

16.4.2WXML页面说明

16.4.3JS逻辑代码

16.5删除商品

16.5.1删除商品效果展示

16.5.2JS逻辑函数

16.6本章小结

第5篇小程序的API

第17章系统底层的基础API

17.1获取系统信息的API

17.1.1wx.getSystemInfo与wx.getSystemInfoSync

17.1.2参数说明

17.2定时器

17.2.1属性说明

17.2.2定时器测试案例

17.3调试API

17.3.1开启调试模式与设置断点

17.3.2console全局工具

17.3.3console测试案例

17.4扫码

17.4.1wx.scanCode参数说明

17.4.2wx.scanCode示例

17.5本章小结

第18章网络与文件上传API

18.1网络基础

18.2wx.request

18.2.1wx.request参数

18.2.2RequestTask

18.2.3请求网络数据案例

18.3图片选择、预览与保留

18.3.1wx.chooseImage：属性说明

18.3.2选择图片测试案例

18.3.3wx.previewImage属性说明

18.3.4预览图片测试案例

18.3.5wx.getImageInfo

18.3.6wx.saveImageToPhotosAlbum

18.3.7wx.compressImage属性说明

18.3.8压缩图片测试案例

18.4文件的上传与下载

18.4.1从客户端会话选择文件

18.4.2上传文件

18.4.3下载文件

18.4.4文件保留到内陆或直接打开

18.4.5下载文件并保留测试案例

18.5号码归属地查询小程序案例解说

18.5.1实现效果

18.5.2前期准备

18.5.3编码实战

18.6本章小结

第19章数据缓存API

19.1wx.setStorage

19.2wx.getStorage

19.3wx.removeStorage

19.4wx.getStorageInfo

19.5wx.clearStorage

19.6数据缓存API函数同步版本

19.6.1Java的同步与异步

19.6.2数据缓存API的同步版本语法

19.7数据缓存API测试案例解说

19.7.1运行效果

19.7.2代码说明

19.8本章小结

第20章位置API

20.1wx.getLocation

20.1.1属性说明

20.1.2乐成回调返回数据

20.2wx.chooseLocation

20.2.1参数说明

20.2.2乐成回调返回数据

20.3wx.openLocation

20.4wx.onLocationChange

20.5wx.offLocationChange

20.6位置API测试案例解说

20.6.1运行效果

20.6.2代码说明

20.6.3腾讯舆图API挪用准备

20.7路径导航案例

20.7.1实现效果

20.7.2代码说明

20.8本章小结

第21章获取用户信息及登录态治理

21.1用户数据分类与开发数据获取

21.2敏感信息的获取方式

21.2.1使用开发者的服务器

21.2.2云开发获取openid

21.3wx.login

21.4wx.getUserInfo获取信息

21.4.1参数属性说明

21.4.2乐成回调返回数据

21.5与授权相关的API

21.5.1API作用说明

21.5.2所有scope

21.5.3授权示例

21.6用户登录态治理

21.6.1session与cookie

21.6.2小程序登录态实现机制

21.7获取用户信息编码说明

21.7.1自界说app.js中的getUseInfo方式

21.7.2磨练服务端session的refreshSession方式

21.7.3完整的登录userLogin

21.7.4其他页面挪用getUserInfo

21.8本章小结

第22章“扶贫超市Part5”商品图片上传功效

22.1点击加号选择图片

22.1.1实现效果

22.1.2代码说明

22.2删除指定图片

22.2.1实现效果

22.2.2删除图片步骤解说

22.2.3代码说明

22.3图片缩略图预览

22.4上传图片到数据库

22.5本章小结

第6篇综合案例实战

第23章扶贫超市项目功效完善

23.1商品详情

23.1.1实现效果

23.1.2商品详情页面WXML代码

23.1.3JS代码

23.2加入购物车

23.2.1实现效果

23.2.2JS代码

23.3编辑购物车

23.3.1实现效果

23.3.2JS代码

23.4结算与确认订单

23.4.1实现效果

23.4.2确认订单页面WXML代码

23.4.3JS代码

23.5设置收货地址

23.5.1实现效果

23.5.2JS代码

23.6提交订单

23.6.1实现效果

23.6.2JS代码

23.7支付

23.7.1支付流程说明

23.7.2实现效果

23.7.3JS代码

23.8本章小结

12

教案

	2. 通过网络教学平台+课程实验+课程视频的授课方式，辅助学生明白重点难点内容。 2.师生通过电话、QQ、微信、课程网络教学平台留言窗口等多种方式确立联系、答疑。 3.通过案例演示和新技术新方式先容，让学生学会使用文献检索工具查找资料并将理论与现实应用结合起来，引发学习兴趣。

, usdt收款平台 菜宝钱包（caibao.it）是使用TRC-20协议的Usdt第三方支付平台,Usdt收款平台、Usdt自动充提平台、usdt跑分平台。免费提供入金通道、Usdt钱包支付接口、Usdt自动充值接口、Usdt无需实名寄售回收。菜宝Usdt钱包一键生成Usdt钱包、一键调用API接口、一键无实名出售Usdt。 ,