基本教学资源
您当前位置: 基本教学资源> 教学设计> 单元设计> 第8讲读取数据库路径存储的图片

第8讲读取数据库路径存储的图片

发布时间:2017-06-19 23:40 浏览次数:7090    
字体大小 默认
  • 默认
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
  • 21pt
  • 22pt
  • 23pt
  • 24pt
  • 25pt
字体颜色

默认

  • 默认
背景颜色

默认

  • 默认

教学视频   查看PPT   电子教材   图片下载   数据库下载  上机练习   拓展学习 

8讲 :显示数据库中以路径方式存储的图片信息

学时:2

任务目标

l  了解DataList数据控件中的模板字段

l  掌握在前端页面源代码视图下编辑项模板

l  了解图片的路径存储方式及控件绑定

知识内容

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

 

掌握模板字段与图片控件的数据绑定

 

编辑项模板ItemTemplate

教学方法

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

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

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

学习方法

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

资源

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

教学过程

知识点

基本内容

教学过程

建议时长(分钟)

知识点1:连接到雇员信息表

 

1.复习 上节内容

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

3

2.用数据源控件连接到雇员表

通过实际操作讲解,使用上一节课的数据库连接字符串

3

3.用DataList控件显示雇员表中的信息,编辑图片路径字段,绑定到图片控件

通过实际操作讲解

10

知识点2修改数据库雇员表中的photopath字段信息

1.下载雇员头像图片,并存放到网站中

通过实际操作讲解

3

2.修改数据库雇员表中photopath字段的路径

通过实际操作讲解

5

3.编辑DataList控件项模板的布局

通过实际操作讲解

6

上机练习

1.学生课堂练习

学生练习,教师答疑练习中出现的问题

25

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

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

5

拓展学习

1.使用GridView控件显示雇员表中的图片信息

通过实际操作讲解

10

举一反三

学生练习使用GridViewDetailsviewFormview控件显示雇员表中的图片信息

学生练习,教师答疑练习中出现的问题

20

课后作业

学生完成课后习题练习

布置课后作业

 


操作成功!此窗口3秒钟后自动关闭!
立即关闭