“微信小程序开发实战”的版本间的差异
来自CloudWiki
(→小程序页面渲染) |
|||
第119行: | 第119行: | ||
== API应用案例(下)(8课时)== | == API应用案例(下)(8课时)== | ||
+ | |||
+ | ==微信小程序云开发== | ||
+ | *[https://www.jianshu.com/p/eced0176b9c3 微信小程序云开发(一)] | ||
==小程序开发框架(8课时)== | ==小程序开发框架(8课时)== | ||
*[[小程序基础样式库-WeUI的安装]] | *[[小程序基础样式库-WeUI的安装]] |
2022年5月21日 (六) 08:20的版本
目录
准备工作
微信小程序介绍(2课时)
微信公众平台:https://mp.weixin.qq.com/
微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/
- 小程序介绍及安装
- 微信小程序与其他技术的贯通
- 小程序框架及文件介绍
- 小程序:配置文件和顶部导航栏
- 小程序:底部菜单栏
- 小程序:团队开发与项目上线
- 小程序:添加新的编译模式(这里可以先不讲)
- 跨境小助手:设计我的主页
- 案例:小程序案例:Hello World
小程序开发基础
实践案例
小程序页面布局
实践小案例
小程序组件
实践小案例
JavaScript基础=
小程序数据绑定
小程序页面渲染
- 导航 -> 参数传递 -> 动态渲染
实践小案例
参数传递
补充:条件渲染与列表渲染
- Node.js、npm的介绍和安装
- 小程序:LinUI组件库
- 小程序:添加新的编译模式
- 小程序:数据流向与页面组织
- 小程序:数据绑定与setData函数
- 小程序:数据绑定的实战应用
- 小程序:条件渲染
- 小程序:列表渲染、微信小程序的for循环]
- 小程序WXML列表渲染、条件渲染、微信小程序的if语句
- 微信小程序 wx:if 多条件判断及逻辑运算
API应用案例(上)(8课时)
- 微信小程序:API综述
- 微信小程序:API调用及补充
- 微信小程序:结合回调函数操作API
- 微信小程序:音频API、"音乐"小程序:播放器
- 微信小程序:位置API
- 微信小程序:文件API、微信小程序:文件API、微信小程序:开放接口
- "个人中心"小程序:用户登录、微信小程序"http://127.0.0.1 不在以下 request 合法域名列表中"解决方案
- "个人中心"小程序:个人资料展示
API应用案例(下)(8课时)
微信小程序云开发
小程序开发框架(8课时)
参考文档:https://www.w3cschool.cn/weixinapp/weixinapp-kcyb38p8.html
Panal
九宫格
表单
操作反馈
案例: “音乐”小程序项目(10课时)
掌握swiper组件的使用
scroll-view组件
image组件的使用
slider组件
音频API
案例: “婚礼邀请函”小程序(10课时)
小程序API的使用:视频播放、地图定位、发送消息等
- 小程序运行机制及声明周期函数
- "婚礼邀请函"小程序:开放前准备
- "婚礼邀请函"小程序:邀请函页面
- "婚礼邀请函"小程序:照片页面
- "婚礼邀请函"小程序:美好时光页面
- "婚礼邀请函"小程序:婚礼地点页面
- "婚礼邀请函"小程序:宾客信息页面
案例:综合点餐(10课时)
案例:跨境小助手
干货:外贸英文信函模版大集合(一):https://www.tradesns.com/cn/theme/detail/xL9mXB7L
24种外贸基本信函: https://wenku.baidu.com/view/4d1a1115bf1e650e52ea551810a6f524ccbfcb3c.html
美国海运散货包裹到门: https://www.pfcexpress.com/dianshangfuwu/meiguozhuanxian.html
小程序实现流程进度:微信小程序实现流程进度功能
外贸步骤:外贸出口操作流程
经验技巧分享
- 解决微信小程序button设置宽高无效问题
- 微信小程序中使用阿里(iconfont)字体图标
- 微信小程序体验版怎么生成
- 微信小程序-textarea文本域限制最大字数问题【每天一个上分小技巧】
- 商品详情页
- 小程序分包
API查询:https://www.pfcexpress.com/webservice/APIDoc.html
汇总9款优秀的开源小程序UI框架: https://zhuanlan.zhihu.com/p/204245080