网站编程第十五课：产品展示系统ppt课件

1、第十五课:产品展现系统. 回想：DataGrid控件相关知识目的：经过实现产品展现系统,到达以下目的:1.了解方法封装、调用(图片上传)2.掌握图片上传技术-重点3。掌握DataList数据绑定控件的根本用法重点4。掌握图片和文字两种链接方式.功能分析该产品展现系统的功能:1.主要是产品的展现(图片),包括:产品显示,详细显示(要有图片和文字两种链接)2.添加产品(重要的是图片上传).流程1.数据库设计2.页面确定和设计3.代码编辑4.编译执行.数据库,表1.根据功能的需求,确定数据库和相关表由于是产品展现系统,一定需求一张产品表2.确定每个表的字段产品表产品ID,产品称号, 产品图片,详细描

2、画,添加时间.确定工程的相关页面根据功能需求来确定相关的页面文件1.显示产品显示一切产品的标题和图片-首页(Index.aspx)详细显示-ProductDetails.aspx2.添加产品-AddProducts.aspx.配置文件配置文件是指包含在工程中的Web.config文件,它是一个XML文本文件，它用来储存 ASP.NET Web 运用程序的配置信息，它可以出如今运用程序的每一个目录中。新建一个Web运用程序后，默许情况下会在根目录自动创建一个默许的Web.config文件 web.config配置文件 中，一切的代码都应该位于configurationsystem.web和/sy

3、stem.web/configuration。演示配置数据库衔接.方法封装添加一个类文件,将一切对数据操作的方法封装在里面1.添加相片2.显示相片.添加产品首先让我们的数据库产品表有内容,先完成添加产品页面页面顶部我们运用一个自定义控件布置外观中部放添加产品的表格,添加的内容有产品称号,图片,详细描画.图片的添加需求上传图片,这里运用HTML控件的File Field控件,并把它作为效力器控件运转.图片上传图片上传是经过控件,让用户本人到本机上阅读,查找到要添加的图片,然后添加图片到效力器的过程普通方法是上传图片文件的途径到数据库,图片保管到工程的文件夹下面.以将这些图片可以展现出来.File

4、 Field控件File Field控件,文件上传控件,用来上传文件和图片,点击阅读按钮,可以在本机上选择文件和图片.该控件运用时要先作为效力器控件运转.首先要得到用户上传的文件,调用该控件下的PostedFile属性.然后赋值给HttpPostedFile类的变量. HttpPostedFile类提供了对作为文件集合从客户端上载的一切文件的访问,提供属性和方法获取关于个别文件的信息以及读取和保管文件.Eg: HttpPostedFile hpf=File1. PostedFile;.File Field控件上传文件的称号:Path.GetFileName(hpf.FileName)经过hpf

5、的SaveAs方法将要上传的文件保管到效力器,其中经过Server.MapPath(“文件夹称号)方法可以得到文件夹在效力器上的途径,再将文件夹途径和文件称号结合成要存储的该上传图片的绝对途径.添加产品代码演示练习.首页显示产品页面顶部我们运用一个自定义控件布置外观中部运用DataList控件显示产品.详细显示产品时,显示产品图片,标题,并添加图片和标题链接,进一步显示详细内容.DataList控件这个产品展现系统主要是学习掌握DataList控件进展数据绑定和显示.首先对该控件简单了解一下:DataList控件,允许运用模板和款式定义格式显示数据,与DataGrid控件有许多类似,都非常适宜显示数据和处置多条数据记录,但还有很大差别, DataList控件一定要经过模板定义其显示格式.可以使版面配置更加灵敏,外观多款式.比如最大益处是可以分列显示.DataList控件包含以下模板:.这里我们重点掌握模板,这个为必选项,用来定义模板中的项的内容和规划.设置DataList项模板右击DataList控件,选择编辑模板项模板,在项模板界面的中自定义格式来显示数据.包括可以在里面插入表格,运用控件等.然后终了模板编辑.当然也可以直接在HTML代码中手中添加模板,设置格式.首页代码演示练习.查看产品详细信息页面外