微信小程序开发技能基础

单元1 hello world

学习目标

知识概述

任务1创建新项目与介绍小程序目录结构

任务2添加子页面——添加购物车页面

任务3 搭建购物车页面框架——基础布局组件view

任务4显示购物车商品文字--text组件

任务5添加购物车商品图片——image组件

任务6 添加购物车商品选择按钮——checkbox组件

任务7添加购物车结算和商品数量操作按钮——button组件

任务8 tabBar导航——底部菜单设置

任务9 navigator导航组件——跳转到子页面

单元总结

拓展练习

拓展任务1

拓展任务2

单元2页面布局

学习目标

知识概述

任务1个人中心案例

任务2商品信息案例

任务3进度条案例

任务4会员图标案例

任务5优惠信息案例

任务6商品展示案例

任务7信息列表案例

任务8商品角标案例

任务9布局案例

任务10首页案例

单元总结

拓展练习

拓展任务1

拓展任务2

拓展任务3

单元3JS入门基础

学习目标

知识概述

任务1显示变量

任务2产生随机数

任务3显示数组元素

任务4布尔型变量应用

任务5随机显示数组元素

任务6数字的运算

任务7if条件语句

任务8元素旋转

任务9控制元素弧形运动

任务10 switch 语句应用

单元总结

拓展练习

拓展任务1

拓展任务2

单元4JS应用提升

学习目标

知识概述

任务1显示实时时间

任务2秒表

任务3跑马灯广告

任务4折叠显示

任务5用户管理

任务6顶部选项卡

任务7图片浏览

任务8人员增删

任务9弹窗显示信息

任务10购物车数量

任务11点击查看大图

单元总结

拓展练习

拓展任务1

拓展任务2

拓展任务3

单元5组件应用

学习目标

知识概述

任务1 scroll-view组件实现滚动菜单项

任务2 scroll-view组件实现轮播效果

任务3 scroll-view组件实现图文轮播效果

任务4 movable-area组件实现看图识字应用

任务5 slider组件实现拖动验证应用

任务6picker组件实现省市区选择器

任务7 canvas组件实现绘制矩形与圆形

任务8 canvas组件实现动画绘制圆弧

任务9 switch组件实现开关效果

任务10 checkbox组件实现投票应用

单元总结

拓展练习

拓展任务1

拓展任务2

拓展任务3

拓展任务4

单元6微信小程序API应用

学习目标

知识概述

任务1一键拨打电话

任务2网络访问显示返回结果

任务3小程序页面跳转

任务4通过API选择播放视频

任务5使用消息提示框

单元总结

拓展练习

拓展任务1

拓展任务2

单元7数据库应用

学习目标

知识概述

任务1服务器搭建与数据库创建

任务2.php文件返回JSON格式数据

任务3小程序浏览数据表记录

单元总结

拓展练习

拓展任务1

拓展任务2

微信小程序，小程序的一种，英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦相。用户扫一扫或搜一下即可打开应用。微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生App 体验的服务双머M全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序开发技能成了软件开发人才所需的热门技能。本书从hello world案例开始，先讲解微信小程序开发的基本框架，再循序渐进地讲述包括页面布局、JS入门基础、JS应用提升、组件应用、微信小程序API应用、数据库应用等方面近60个应用案例。在讲述案例实现过程中，把技能知识的应用渗透于案例实现过程中，以实现功能效果为目标，讲解微信小程序开发的基础技能。本书可作为中等职业学校的教材，案例以学习任务的形式呈现于课堂，注重学生的兴趣的培养和兴趣保护，适合开展课堂实践学习。