《微信小程序开发实验》课程大纲（本科）.docx

《微信小程序开发实验》课程大纲 课程编号：F0250214学 分：1 学 时：16（其中：实验学时：16；实训学时：0） 先修课程：计算机导论、Java 程序设计、Web 应用技术等课程 适用专业：软件工程 开课学院：计算机科学与工程学院课程网站： 一、课程性质与地位 本课程是计算机及相关专业本科生的专业选修课程，是一门 Web 移动开发 方面的计算机专业智能化方向的重要课程。 通过本课程的学习，使学生掌握微信小程序开发常用的标签、样式、数据格式、页面架构和第三方接口调用；掌握云服务的申请，配置和使用，能将应用发布到云端并管理自己的服务器，真正完成一个商业项目的流程。培养学生良好的编码习惯，分析问题和解决问题能力，以及表达、沟通能力和团队协作能力。 二、课程目标 通过本课程的学习使学生了解掌握 Web 移动开发学习的各个方面的理论基础与技术基础知识，并能综合运用所学基础理论和专业技能解决计算机类学科和专业的实际问题。 （一）课程教学目标 目标 1：理解小程序的基本概念和技术，并能应用于 Web 移动应用程序的设计与开发中。目标 2：掌握小程序的框架结构，能灵活运用小程序组件进行小程序架构与开发。 目标 3：能综合运用微信小程序开发工具与技术，具有本地开发和云端开发能力。 （二）课程育人目标 培养学生的辩证观，以及自主学习、团结协作和创新素养；培养学生的法治意识、社会责任感，以及科学精神、大国工匠精神。 三、课程目标与专业毕业要求指标点的对应关系 本课程为专业核心基础课，具有知识点覆盖广、难度大的特点，因此，主要为毕业要求 1、5 的实现提供支持。 本课程支持的毕业要求指标点如下： 指标点 1-4：能够综合运用数学、自然科学、软件工程专业理论知识分解和综合分析复 杂工程问题、并能提出解决方案或优化方法，对不同解决方案进行比较、权衡和综合。 指标点 5-3：能够针对软件项目需求，选用满足要求的辅助工具，识别软件项目中的关键问题,模拟和预测性能指标问题,分析其局限性。 表 1 课程目标与专业毕业要求指标点的对应关系 毕业要求指标点 课程目标 指标点 1-4 指标点 5-3 目标 1 √ 目标 2 √ 目标 3 √ 四、实验项目 表 2 本课程实验项目 序号 项目名称 学时分配 实验类型 要求 主要仪器设备 1 Hello 微信小程序 2 设计 必做 计算机 2 小程序项目的页面框架配置 2 设计 必做 计算机 3 小程序项目主要页面的 UI 设计 4 设计 必做 计算机 4 小程序项目云开发（数据库建立） 2 设计 必做 计算机 5 小程序项目云开发（图片上传）功能 2 设计 必做 计算机 6 小程序项目云开发功能完善 4 设计 必做 计算机 实验 1 Hello 微信小程序实验（2 学时） （一）实验的目的和要求 了解 app.js、app.json、app.wxss 等文件的作用； 理解文件配合联动。 （二 ）实验内容或原理 搭建微信小程序开发环境； 创建一个 Hello World 程序项目； 完成实验报告。 实验 2 小程序项目的页面框架配置实验（2 学时） （一）实验的目的和要求 理解 bindchange 与 bindtap 绑定函数的作用； 掌握最新移动开发的基本原理。 （二）实验内容或原理 在 app.js 文件的 wx.login 方法中进行微信授权登录的一些逻辑的实现； 往数据库写入该用户的注册信息，完成注册的流程； 小程序项目的 app.json 全局配置； 项目目录结构的搭建与 tarBar 和 window 配置； 完成实验报告。 实验 3 小程序项目主要页面的 UI 设计实验（4 学时） （一）实验的目的和要求 了解在配置文件中通过宏定义的方式实现相应数据的调用； 掌握修改信息的方法。 （二）实验内容或原理 项目的主要页面 UI 设计过程，包括首页页面、分类页面、购物车页面、“我的”页面、管理端商品管理页面等页面的 UI 设计； 各主要页面的 UI 设计和样式代码编写； 完成实验报告。 实验 4 小程序项目云开发（数据库建立）实验（2 学时） （一）实验的目的和要求 掌握数据库的设计； 掌握相关逻辑函数的编写； （二）实验内容或原理 数据库设计和云端集合操作； 结合云端数据库完善项目中的商品管理 wxml 代码和 JS 逻辑函数设计。 云函数的调用； 完成实验报告。 实验 5 小程序项目云开发（图片上传）功能实验（2 学时） （一）实验的目的和要求 掌握图片选择上传、预览与删除功能的实现。 掌握小程序项目云开发的 API 函数的调用。 （二）实验内容或原理 完成小程序项目的图片上传功能部分； 本地图片选择及云开发端将图片写入数据库等操作，实现图片的选择上传、预览与删除等功能。 撰写实验报