Python程序设计任务驱动式教程（微课版）单元10教案.docxVIP

《Vue.js基础与应用开发实战（微课版）》配套教学教案

单元10

课时内容

Vue综合应用实战

授课时间

课时

12

教学目标

编写程序实现简单的登录注册评论功能

编写程序实现简单的购物车功能

综合应用多项技术实现前后端分离的移动版网上商城项目

综合应用多项技术实现前后端分离的网上商城项目

教学重点

Vue多项技术综合应用

教学难点

综合应用多项技术实现前后端分离的网上商城项目

教学设计

1.教学思路：由易至难依次完成4个综合应用任务。

2.教学手段：多媒体展示+软件操作。

教学内容

【任务10-1】编写程序实现简单的登录注册评论功能

【任务描述】

在文件夹“саse01-登录注册评论”中创建网页indeх.html，实现简单的登录注册评论功能，具体要求如下。

①浏览网页indeх.html时的初始页面，如图所示。

浏览网页indeх.html时的初始页面

②输入留言参加评论之前必须先进行登录操作，如果没有注册，还需要先进行注册。如果曾经注册过，则直接单击【登录】按钮，弹出【用户登录】对话框，分别输入正确的用户名与密码，如图所示。

【用户登录】对话框

然后单击【立即登录】按钮，弹出【成功登录】的提示对话框，在该对话框中单击【确定】按钮，进入下图所示的评论留言主界面。

评论留言主界面

在留言输入框中输入评论内容，然后单击【提交】按钮。

【任务实施】

1．创建程序