第14讲 ：使用MultiView控件实现多视图切换

学时：2

任务目标

l   了解MultiView和View控件

l   使用CSS样式设置链接按钮的列表链接样式和鼠标经过样式

l   使用链接按钮、MultiView和View控件设计可切换的视图界面

知识内容

项目 3 任务3.4
参考教材《ASP.NET动态网页设计项目教程》，科学出版社2016.2出版，郭建东主编

重  点

使用链接按钮、MultiView和View控件设计可切换的视图界面

难  点

设置链接按钮的命令参数与视图索引号一致，编写链接按钮的Command事件

教学方法

教师：理论与实际操作讲解相结合

学生：预习、课堂学习与课堂练习相结合

师生：教师通过课程引导启发提问、疑难解答、学生练习点评进行互动

学习方法

阅读教材、PPT、播放视频进行项目学习，然后通过实际操作完成知识学习过程

资源

PPT、电子教材、教学视频、网络课程（http://jx.gdgm.cn/skills/wv/13876336）

教学过程

知识点

基本内容

教学过程

建议时长（分钟）

知识点1：布局按钮切换界面

1．复习 上节内容

通过PPT和运行网页讲解复习

3

2．添加列表链接按钮设计，并设置按钮参数和统一命令事件

通过实际操作讲解

10

3．使用CSS样式设计链接按钮链接样式和鼠标经过样式

通过实际操作讲解

8

知识点2：使用MultiView 和View控件布局切换界面

1.添加MultiView 和View控件

通过实际操作讲解

4

2.在view控件中添加列表内容，并设置内容样式

通过实际操作讲解

10

知识点3：编写按钮命令事件

1. 编写页面加载事件，初始化视图

通过实际操作讲解

3

2. 编写链接按钮命令事件，使视图索引号与按钮参数对应

通过实际操作讲解

7

上机练习

1.学生课堂练习

学生练习，教师答疑

40

2.教师点评学生练习并总结

对练习中出现的问题进行总结点评

5

课后作业

学生完成课后习题练习

布置课后作业