- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
- 课程概览
- 授课讲师
- 课程大纲
- 实验列表
该课程以微信小程序基本编程能力培养为目标,突出小程序基础知识的讲授,并结合实践案例及项目,使学习者从无到有,逐步掌握微信小程序的基本开发技能,为微信小程序的高级开发打下坚实基础。
课程概览
使用视频订阅灵活学习模式。
微信小程序开发是一个涉及前端开发、UI界面交互、JavaScript等编程知识的复杂过程。以下是微信小程序开发的基本步骤和关键要点:
-
注册小程序账号:
- 在微信公众平台(mp.weixin.qq.com)注册小程序账号。
- 完成注册后,完善小程序的基本信息,包括名称、头像、介绍等。
- 获取小程序的AppID,这是创建小程序项目时必需的。
-
安装微信开发者工具:
- 微信官方提供了微信开发者工具,这是一款集代码编辑、调试、预览等功能于一体的开发工具。
- 下载并安装微信开发者工具,然后使用微信号登录。
-
打开微信开发者工具:
- 使用微信扫码登录开发者工具。
- 如果没有AppID,可以选择申请使用测试号进行开发。
-
创建新项目:
- 在开发者工具中,选择“新建项目”,填写项目名称、项目目录、AppID等信息。
- 如果选择空目录,可以选择是否在该目录下生成一个简单的项目模版。
-
设计界面布局:
- 使用微信开发者工具中的设计器进行界面布局设计。
- 设计过程中要注意保持界面的简洁明了,同时注重用户体验。
-
设置界面属性:
- 对小程序的界面属性进行设置,包括主题色调、图标、页面布局等。
-
使用JavaScript编写逻辑:
- 微信小程序使用JavaScript作为主要的编程语言。
- 编写代码以实现小程序的各项功能,如页面跳转、数据交互等。
-
使用WXML和WXSS:
- WXML是微信小程序的标记语言,类似于HTML。
- WXSS是微信小程序的样式表语言,类似于CSS。
- 使用WXML和WXSS来构建小程序的页面结构和样式。
-
使用开发者工具调试:
- 在开发者工具中进行代码调试,查找并修复错误。
- 可以使用开发者工具中的模拟器来模拟小程序在微信客户端的表现。
-
真机调试:
- 在真实手机上进行调试,以测试小程序在不同设备上的表现。
-
提交代码审核:
- 在开发者工具中,将小程序代码提交至微信团队进行审核。
- 审核过程中需要填写小程序的基本信息、设置访问权限等。
-
发布小程序:
- 审核通过后,可以在微信公众平台发布小程序。
- 发布后,用户就可以在微信中搜索并使用你的小程序了。
-
关注用户反馈:
- 发布后,要密切关注用户反馈和数据统计,了解小程序的使用情况和问题。
-
优化功能:
- 根据用户反馈和数据分析结果,不断优化小程序的功能和用户体验。
-
迭代升级:
- 定期更新小程序版本,修复已知问题并引入新功能。
通过以上步骤,你可以完成微信小程序的开发、调试、测试和发布工作。微信小程序开发需要具备一定的编程和前端开发知识,但只要你耐心学习、不断实践,就一定能够制作出一款成功的微信小程序。
授课讲师
专业成就: 拥有华为双IE专家资格认证,在云计算与云服务领域具有专业权威。 技术文章《云上主机安全设计》获得业界认可,阅读量达1700次。 教学风格: 授课方式通俗易懂,强调互动,营造生动有趣的课堂氛围。 通过课后讨论,加深学生对技术的理解,提升学习热情。 学术地位: 作为高校客座教授,享有学术界和业界的广泛认可。 擅长技术领域: 精通云计算架构设计、云服务管理与优化。 擅长云主机安全策略规划与实施。 熟练掌握虚拟化技术、容器化部署和自动化运维。
课程大纲
- 第1章初始微信小程序
-
    第1节 初始微信小程序
-
    第2节 开发环境
-
    第3节 小程序开发体验
-
    第4节 团队开发与项目上线
- 第2章微信小程序开发基础
-
    第1节 【案例1】比较数值大小
-
    第2节 【案例2】问卷调查
-
    第3节 【案例3】计算器
- 第3章音乐小程序项目
-
    第1节 开发前的准备
-
    第2节 【任务1】标签页切换
-
    第3节 【任务2】音乐推荐
-
    第4节 【任务3】播放器
-
    第5节 【任务4】播放列表
- 第4章邀请函项目
-
    第1节 开发准备
-
    第2节 邀请函页面
-
    第3节 照片页面
-
    第4节 信息页面
- 第5章API应用案例上
-
    第1节 【案例1】用户登录
-
    第2节 【案例2】个人中心
-
    第3节 【案例3】天气预报查询
- 第6章API应用案例下
-
    第1节 【案例5】模拟时钟
-
    第2节 【案例6】罗盘动画
-
    第3节 【案例7】文件上传与下载
-
    第4节 【案例8】在线聊天系统
实验列表
- 实验名称hello word
- 实验描述对小程序认知并运行界面
- 实验名称成绩计算案例
- 实验描述将成绩输入提交显示页面
- 实验名称轮播图
- 实验描述使用组件进行轮播
- 实验名称todolist
- 实验描述仿写一个记事本的案例
- 实验名称登录界面
- 实验描述对登录界面进行仿写
- 实验名称商品展示
- 实验描述对小程序商品展示页面仿写
节数 | 上课时间 | 星期一 | 星期二 | 星期三 | 星期四 | 星期五 | 星期六 | 星期天 |
---|---|---|---|---|---|---|---|---|
第1节 | 08:00 - 08:40 | |||||||
第2节 | 09:00 - 09:40 | |||||||
第3节 | 10:00 - 10:40 | |||||||
第4节 | 11:00 - 11:40 | |||||||
第5节 | 14:00 - 14:40 | |||||||
第6节 | 15:00 - 15:40 | |||||||
第7节 | 16:00 - 16:40 | |||||||
第8节 | 17:00 - 17:40 |
天数 | 上课日期 | 上课时间 | 内容 |
---|
相关课件 更多
-
pptx
第1讲初识微信小程序
大小:1.88MB
2023-08-04
-
pptx
第2讲微信小程序开发基础
大小:1.19MB
2023-08-04
-
pptx
第3讲音乐小程序
大小:1.39MB
2023-08-04
-
pptx
第4讲邀请函
大小:1.2MB
2023-08-04
-
pptx
第5讲API应用上
大小:1.77MB
2023-08-04
-
pptx
第6讲API应用下 -
大小:1.05MB
2023-08-04