程序微信小程序怎么做

《微信小程序开发实战》课程教学大纲(课程英文名称)课程编号:学分:学分学时:67学时(其中:讲课学时36上机学时31)先修课程:计算机基础、计算机网络、HTML、CSS、JavaScript适用专业:信息技术及其计算机相关专业开课部门:计算机系一、课程的性质与目标《微信小程序开发实战》是专注于微信小程序开发的Web前端教材,涉及微信小程序页面组件、应用接口API、事件机制、登录、获取用户信息、Node.
js搭建服务器、第三方框架的使用等.
通过本课程的学习,学生能够理解微信小程序的实质,掌握微信小程序开发的基本技能,快速高效的开发微信小程序.
二、课程设计理念与思路课程设计理念:高职教育的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展,不能局限于单纯的技能训练.
单纯的技能训练不是提高高等职业教育的理想课程.
以能力的培养为重点,以就业为导向,培养学生具备职业岗位所需的职业能力,职业生涯发展所需的能力和终身学习的能力,实现一站式教学理念.
课程设计思路:基于工作过程开发课程内容,以行动为导向进行教学内容设计,以学生为主体,以案例(项目)实训为手段,设计出理论学习与技能掌握相融合的课程内容体系.
教学整体设计"以职业技能培养为目标,以案例(项目)任务实现为载体、理论学习与实际操作相结合".
三、教学条件要求操作系统:Windows7开发工具:微信开发者工具四、课程的主要内容及基本要求第一章微信小程序入门学习单元第一章微信小程序入门学时6学习目标1.
了解微信小程序的概念及发展前景2.
掌握微信小程序开发工具的使用3.
掌握微信小程序的基本功能4.
掌握微信小程序的目录结构学习内容知识点了解掌握重点难点什么是微信小程序√微信小程序的发展前景√√微信小程序账号√√微信小程序的特点√开发环境搭建√√开发者工具的使用√√小程序的开发体验√团队开发与项目√√项目成员及权限√√提交审核及发布√√第二章微信小程序开发基础学习单元第二章微信小程序开发基础学时7学习目标1.
掌握小程序项目的基本架构2.
掌握配置文件的编写3.
掌握Page()函数和App()函数的作用4.
掌握WXML和WXSS的基本语法5.
掌握常用组件的使用6.
掌握条件渲染和列表渲染的语法7.
掌握小程序与服务器交互的实现学习内容知识点了解掌握重点难点【案例1】比较数字大小√创建项目√√页面组件√√页面样式√页面逻辑√配置文件√√实现比较功能√√【案例2】调查问卷√√编写表单页面√服务器数据交互√√表单数据绑定√√【案例3】计算器√编写计算器页面√实现计算逻辑功能√√√第三章音乐小程序项目学习单元第三章音乐小程序项目学时10学习目标1.
掌握swiper组件的使用2.
掌握scroll-view组件的使用3.
掌握image组件的使用4.
掌握silder组件的使用5.
掌握音频API的使用学习内容知识点了解掌握重点难点开发前准备√√【任务1】标签页切换√swiper组件√√include代码引用√实现标签页切换√√√【任务2】音乐推荐√scroll-view组件√image组件√√轮播图√√内容区域滚动√√√功能按钮√√【任务3】播放器√√音频API√√√slider组件√控制播放进度√√【任务4】播放列表√√编写页面结构和样式√实现换曲功能√√第四章婚礼邀请函项目学习单元第四章婚礼邀请函项目学时10学习目标1.
掌握video组件和腾讯视频插件的使用2.
掌握模板消息的发送3.
掌握地图API的使用4.
掌握背景音频API的使用5.
了解WXS的用法6.
掌握picker组件的使用学习内容知识点了解掌握重点难点开发前准备√【任务1】邀请函页面√√背景音乐播放√一键拨打电话√【任务2】照片页面√纵向轮播图【任务3】美好时光页面√video组件√腾讯视频插件√XWS脚本语言增强页面功能√【任务4】婚礼地点页面√map组件√微信内置地图和定位√【任务5】宾客信息页面√√picker组件√√√模板消息√表单验证√发送婚礼请帖回复通知√第五章API应用案例(上)学习单元第五章API应用案例(上)学时8学习目标1.
掌握小程序网络请求服务器数据方法2.
掌握登录、交互反馈、分享API的用法3.
了解小程序位置信息、设备应用API的使用4.
了解腾讯地图SDK的用法学习内容知识点了解掌握重点难点【案例1】用户登录√√用户登录流程√数据缓存√√搭建Node服务器√√实现用户登录√√检查用户是否已经登录√√获取用户信息√开放数据校验和解密√√√【案例2】个人中心√√页面跳转:wx.
switchTab、wx.
navigateTowx.
redirectTo、wx.
reLaunch√√选择图片:wx.
chooseImage√选择收货地址:wx.
chooseAddress√拨打电话:wx.
makePhoneCall√实现底部标签页切换√【案例3】天气预报查询√√wx.
request()√动态查找城市名√请求天气接口数据√渲染页面√【案例4】查找附近美食餐厅√√腾讯地图SDK接入√wx.
getSystemInfo()√markers标记点√controls设置√第六章API的应用(下)学习单元第六章API应用案例(下)学时8学习目标1.
掌握canvas的用法2.
熟悉canvas的API对象的使用3.
了解animation动画的用法4.
掌握WebSocket的用法学习内容知识点了解掌握重点难点【案例5】模拟时钟√√canvas组件√√canvas使用步骤√canvas绘制直线√canvas绘制笑脸√canvas绘制钟表√【案例6】罗盘动画√√wx.
createAnimation()√√animation动画对象√√手指触摸旋转罗盘√单击按钮操作罗盘√【案例7】文件上传与下载√√wx.
startRecord()√wx.
playVoice()√wx.
pauseVoice()√wx.
uploadFile()√wx.
downloadFile()√录音和上传√√文件的下载√√【案例8】在线聊天系统√√WebSocket的作用√wx.
connectSocket()√√wx.
sendSocketMessage()√√wx.
onSocketMessage()√√搭建Node服务器√√实现服务器与客户端通信√√√第七章小程序开发框架学习单元第七章小程序开发框架学时8学习目标1.
掌握小程序模块化开发2.
掌握WeUI的特点和简单使用3.
掌握mpvue的特点和简单使用4.
掌握WePY的特点和简单使用学习内容知识点了解掌握重点难点模块化√√模板√√自定义组件√插件√√√小程序基础样式库--weUI√weUI下载安装√【案例】电影信息展示√√使用Vue.
js开发小程序—mpvue√√开发工具√【案例】计算器√√小程序组件化开发框架—WePY√√开发工具√√【案例】商品展示√√第八章综合项目-点餐系统学习单元第八章综合项目-点餐系统学时10学习目标1.
掌握Promise的用法2.
掌握fetch的用法3.
掌握数据接口的封装方法4.
列表下拉刷新和上拉触底功能开发5.
熟悉点餐系统的功能设计学习内容知识点了解掌握重点难点开发前准备√Promise对象封装网络请求√使用fetch做ajax请求√【任务1】商家首页√√焦点图切换√中间区域单击跳转√底部商品展示√【任务2】菜单列表√√实现菜单栏联动单品列表√√【任务3】购物车√√设计底部购物车模块√添加商品√实现商品数量的加减√清空购物车√满减优惠√【任务4】订单确认√备注功能实现√数据渲染页面√【任务5】订单详情√【任务5】订单列表√√封装数据请求接口√√下拉刷新功能√√上拉触底功能√√【任务6】消费记录√五、学时分配章目讲课上机合计第一章微信小程序快速入门426第二章微信小程序开发基础527第三章音乐小程序项目5510第四章婚礼邀请函5510第五章API应用的案例(上)448第六章API应用(下)448第七章小程序开发框架358第八章综合项目—点餐系统6410合计363167六、考核模式与成绩评定办法本课程为考试课程,期末考试采用百分制的闭卷考试模式.
学生的考试成绩由平时成绩(30%)和期末考试(70%)组成,其中,平时成绩包括出勤(5%)、作业(5%)、上机成绩(20%).
七、选用教材和主要参考书本大纲是根据教材《微信小程序开发实战》所设计的.
参考书籍:黑马程序员.
《JavaScript前端开发案例教程》人民邮电出版社.
2018黑马程序员.
《jQuery前端开发实战教程》中国铁道出版社.
2018八、大纲说明本课程的授课模式为:课堂授课+上机,其中,课堂主要采用多媒体的方式进行授课,并且会通过测试题阶段测试学生的掌握程度;上机主要是编写程序,要求学生动手完成指定的程序设计或验证.
撰写人:审定人:批准人:执行时间: