Lect04Web页面设计实例

《Lect04Web页面设计实例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、计算机与IT入门第四讲：Web页面设计实例Outline文件上传示例（FileUpload）调查页面（SurveyForm）表单验证（FormValidation）网格控件示例(GridView)连接Excel数据源Login页面示例2文件上传示例文件上传是网页中常备的功能之一。时常需要编辑如下界面：3上传单个文件使用FileUpload控件来作单个文件的上传控件基本语法如下FileUpload控件可以视为一个文本框+浏览按钮的组

2、合单击浏览按钮选择要上传的文件，文本框会显出被选中的文件路径真正完成上传还需要另用一个按钮来处理4为了构建上述简单的界面，需要在页面的body部分写入一个form代码

3、erver">Label控件来显示一些信息，比如文件上传是否成功等5为了构建上述简单的界面，需要在页面的body部分写入一个form代码

4、"Runat="server">到此，还有什么工作没有完成呢？需要定义Button1的单击事件（消息）处理函数6Button1的单击处理函数编写（采取直接嵌在asp页面代码中的方法）<%@ Page Language="C#"%>protectedvoidButton1_Click(object sender,EventArgse){//等待填入实际的代码}7Button1的单击相应函数实际内容功能：判断是否已经选中文

5、件，是，将上传的文件保存在指定位置否，输出错误信息要操纵的变量：FileUpload1FileUpload控件的ID8现在，需要被操控的是一个FileUpload类的对象，要想使用该对象，必须先了解FileUpload类的成员变量以及方法请查阅http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.fileupload.aspx要查阅起所有成员，checkouthttp://msdn.microsoft.com/en-us/library/syst

6、em.web.ui.webcontrols.fileupload_members.aspx9需要查两个点如何判断是否已有文件被选择上传？FileUpload类的成员HasFile如果其值为true，则表示有文件要上传如何将上传文件保存到server的某个位置？FileUpload类的方法SaveAs10protectedvoidButton1_Click(object sender,EventArgse){if(FileUpload1.HasFile){FileUpload1.SaveAs(“C\Uploads\”+F

7、ileUpload1.FileName);}else{Label1.Text=“你没有选择要上传的文件！”;}}注：SaveAs的方法参数是服务器端的文件路径名11使用Label来显示一些被上传文件的信息protectedvoidButton1_Click(object sender,EventArgse){if(FileUpload1.HasFile){FileUpload1.SaveAs(“C\Uploads\”+FileUpload1.FileName);Label1.Text=“FileName:“+FileU

8、pload1.PostedFile.FileName+"
"+FileUpload1.PostedFile.ContentLength+"kb
"+"Contenttype:"+FileUpload1.PostedFile.ContentType;}else{Label1.Text=“你没有