《Vue企业开发实战》电子教案13_大觅服务端通信配置.docxVIP

《网站开发技术（VUE）》·教案13

第PAGE页

一、基本信息

课程名称

网站开发技术（VUE）

授课教材

《Vue企业开发实战》

授课项目

项目5大觅项目中与服务端通信

授课教师

XXX

授课对象

高等职业教育专科软件技术专业

授课方式

讲授+演示+上机

课时

2课时（1次课，理实一体）

授课地点

Web开发实训室

二、教学内容

本课对应课程标准项目5的任务5。完成大觅项目通信层基本配置，能按接口约定用Mock数据在页面展示，达到代理生效、数据可被Axios正确展示。一次课完成讲授、演示与上机，不拆分课时。

任务

教学内容

课件

任务5大觅服务端通信配置

按接口约定整理请求；接入大觅页面；错误处理；联调检查清单

教材5.5

三、学情分析

学生已能get通用模拟数据，但还没接到大觅具体页面和约定字段。本课要求列表或详情之一能展示mock数据，失败有提示。

四、教学目标

（一）知识目标

1.理解大觅接口约定与页面字段的对应。

2.掌握通信层配置要点（基地址、代理、封装）。

3.知道联调失败时的检查顺序。

（二）能力目标

1.能把Axios调用接到大觅某一页。

2.能展示列表或详情mock数据。

3.能处理请求错误并给出提示。

（三）素质目标

1.依据接口约定先模拟、再联调。

2.不篡改约定字段名。

3.对数据安全负责。

五、教学重点与难点

类型

内容

突破办法