《微信小程序开发图解案例教程》教学教案—11仿华为商城微信小程序.pdf
版权申诉
16 浏览量
2022-06-17
00:14:39
上传
评论 1
收藏 1.25MB PDF 举报
第7章 综合案例：仿华为商城微信小程序
课程名称
任务名称
项目性质
授课班级
微信小程序开发图解案例
教程
仿华为商城微信小程序
□演示性
项目名称
课时
□综合性
仿华为商城微信小程序
6
□验证性 √设计性
授课日期 授课地点
（1）学会利用微信小程序来完成界面布局以及给界面添加相关的布局样式，深入使用 flex弹
性布局设计；
（2）学会底部标签导航、海报轮播效果、宫格导航的设计。
（3）学会使用scroll-view可滚动视图区域组件来进行商品左右滑动设计；
（4）学会使用swiper滑块视图容器组件可以在海报轮播设计、登录设计、导航设计等等不同
教学目标
场景的使用；
（5）学会使用网络请求wx.request(object)用来发起请求服务器端API接口数据；
（6）学会列表式导航在页面中的使用；
（7）学会登录不同场景的使用，包括微信授权获取用户信息和登录账号获取用户信息；
（8）学会表单制作，设计表单样式以及表单组件的使用。
（1）“我的”界面列表导航设计
（2）账号登录
教学内容
（3）用户注册
（4）首页布局设计及动态获取数据
（5）分类导航设计及动态获取数据
教学重点
教学难点
“我的”界面列表导航、账号登录、用户注册、首页布局、分类导航设计及动态获取数据
仿华为商城微信小程序的制作
装有微信小程序的开发工具的电脑
教学准备
教学课件PPT
教材：《微信小程序开发图解案例教程（附精讲视频）（第3版）》
作业设计
剩余35页未读，继续阅读
资源评论
xxpr_ybgg
- 粉丝: 6449
- 资源: 3万+
最新资源
- 111111111111111111
- Screenshot_2024-04-30-21-47-24-26.jpg
- Cpp1.cpp1111111111
- 利用ERP流程操作的整个订单流程.ppt
- 最新二开版本源码博客论坛源码,UI很漂亮,可切换皮肤界面.rar
- ModStartBlog现代化个人博客系统 v5.2.0源码.rar
- 带posix库的mingw编译器
- SoraAI是一款功能强大的AI助手，由OpenAI开发，以其出色的语音识别技术、广泛的知识库和高度的人工智能特性而备受瞩目
- Thinkphp开发大气响应式个人博客青春博客网站源码.rar
- 最新PHP博客网站程序源码 ThinkPHP.rar
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
