动态网页设计实训指导书

示出图象，如图；图象文件上传失败时，要给出具体的原因，例如，没有选择上传的文件，文件类型不正确，文件已经存在等。

具体操作步骤： 1.建立网站： 2.设计页面：

18

3.添加控件及设置属性： 4.编写事件代码：

using System;

using System.IO;（在程序中要用到File类，故在编写代码前，首先应引入命名空间）

using System.Configuration; using System.Data; using System.Linq; using System.Web;

using System.Web.Security; using System.Web.UI;

using System.Web.UI.HtmlControls; using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts; using System.Xml.Linq;

public partial class _Default : System.Web.UI.Page {

页面载入执行的事件代码如下：

protected void Page_Load(object sender, EventArgs e)

{

this.Title = \上传控件与图象控件的应用\

ImgShow.AlternateText = \尚未上传图象\//设置图象控件的替换文本

}

“上传”按钮被单击时，所触发的事件代码如下：

protected void btnUp_Click(object sender, EventArgs e) {

if (fulFileUp.HasFile)//判断上传控件中是否包含文件 {

string strFileName = fulFileUp.FileName; //获取上传文件的名称

string strWebFilePath = Server.MapPath(\strFileName);

//服务器端图象文件所存在的路径 string strFileType = fulFileUp.PostedFile.ContentType; //获取上传文件的类型

if (strFileType == \

\//判断上传文件的扩展名 {

if (!File.Exists(strWebFilePath)) //如果文件不存在 {

fulFileUp.SaveAs(strWebFilePath);//按照指定的服务

器路径文件保存

19

ImgShow.ImageUrl = \ //在Image控件中显示所上传图象 ImgShow.Height = 150;//指定图象控件的宽度 ImgShow.Width = 200;//指定图象控件的高度 Label1.Text = \文件上传成功\

} else {

Label1.Text = \文件已存在！\ } } else {

Label1.Text = \文件类型不符合要求，只能上传.bmp jpg gif格式的文件\ } } else {

Label1.Text = \请选择要上传的文件\

} } }

三、思考与练习

1.如何设置选择类型类型控件的常用属性，事件，方法及其综合运用。

20

实训4 Web应用的状态管理

一.实训目的：

1、掌握数据验证控件的常用属性，事件，方法的设置方法。 2、能熟练掌RequiredFieldValidator，ComPareValidator，

RegularExpressionValidator，RangeValidator，ValidationSummary的

控件的使用

二.实训内容：

任务一：

创建一个模拟的用户登录页面，要求用户名，身份证号两项内容必填写，同时要求在专业下拉列表框中必须选择一个专业，否则出现错误提示，如图所示，

当

页

面

通

过

验

证

时

的

运

行

效

果

如

图

。

21