WebSite1服务器控件
WEB服务器控件
WEB服务器控件编写一个WEB控件至少要包含三个元素:ASP:XXX指明是哪一类控件,ID指明控件的标识符,Ruant指明是在服务器端运行的。
如:<asp:TextBox ID="TextBox1"runat="server"></asp:TextBox><br/><asp:Label ID="Label1"runat="server"Text="Label"></asp:Label><br/><asp:Button ID="Button1"runat="server"Text="Button"/> </div>一、WEB服务器控件3、通过编程设置WEB服务器控件的属性如label1.Text=”您好”;TextBox1.TextMode=TextBoxMode.SingleLine;二、文字控件Label用于显示文字，其最常用的属性是Text,用于显示的文字内容。
TextBox控件用于输入文字信息，WEB用于文本输入工作的只有TextBox控件，通过设置控件的TextMode属性来区分文本，密码，多行文本输入方式。
注意：文本框内容是字符串类型，如果要做计算，需要作类型转换。
如convert.tosingle转成单精度，或single.parse()文字控件案例一(5_3):制作登录界面ID 属性设置Label1 Text=用户名Label2 Text=密码LblMessage Text=””protected void BtnRest_Click(object sender, EventArgs e){TxtUserName.Text = "";TxtPassWord.Text = "";LblMessage.Text = "";}protected void BtnSumit_Click(object sender, EventArgs e){if ((TxtUserName.Text.Trim() != "") && (TxtPassWord.Text.Trim() != "")){LblMessage.Text = "用户名:" + TxtUserName.Text + ":" + "密码" + TxtPassWord.Text;}else if (TxtUserName.Text.Trim() == ""){LblMessage.Text = "请输入用户名";}else{LblMessage.Text = "请输入密码";}}}文本控件案例二(5_1):显示日期protected void Page_Load(object sender, EventArgs e){DateTime now = DateTime.Now;this.lbltime1.Text = now.ToString();this.lbltime2.Text = now.ToShortDateString();this.lbltime3.Text = now.ToLongDateString();this.lbltime4.Text = now.ToLongTimeString();this.lbltime5.Text = now.ToShortTimeString();}文本控件案例三(5_2):显示金额protected void Button1_Click(object sender, EventArgs e){int money = Convert.ToInt32(TextBox1.Text);Label1.Text = money.ToString("C");Label2.Text = money.ToString("$#,###.00");}练习:制作页面,完成阶乘运算。
WebSite1服务器控件
C#教材 WEB服务器控件全文-临时分类
OnEditCommand= " …" On ItemCommand= " …"
On ItemCreated= " …" onpage IndexChanged=" …"
On sortCommand=" …" OnUpdataCommand= " …" >
WEB服务器控件
手动指定字段"模式的语法格式
DataGrid 是一个功能更加强大且复杂程度更 高的控 件, 不仅可以提供删除 、 更新数据的功能,还提供了分页浏览 及数据 排序等 功能 。 DataGrid 控件依照功能可以区分为 “ 自动产生字段 ”与 “手动指定字段 ” 两种模式 。两种模式的区别在于 AutoGenerateColumn 属性若设置为 True, 表示使用 “ 自动产生字段 ”模式 , 显示哪些字段一般由建立 DataSet 对象时 SQL 语句决定 , 在此方式下只要设定显示格式即可 ; 若设置为 False ,表示使用 “手动指定字段 ”模式, 显示的字段必须自行设定 。
WEB服务器控件
第5章 Web服务器控件
CheckBox控件
属性：
AutoPostBack：用于设置当单击CheckBox控件时，是否自动 回送到服务器。
True---回送；False（默认）---不回送。
Checked：用于获取或设置复选框的选中状态。
True---被选中；False（默认）---未被选中。
Text：用于获取或设置复选框的显示文本。 TextAlign：用于指定复选框文本的显示位置。
默认值为0，表示任意多列。
RepeatDirection：用于指定CheckBoxList控件的显示方向。
属性值为Vertical---以列优先排列的顺序显示
属性值为Horizontal---以行优先排列的顺序显示。 显示的列数始终由RepeatColumns属性决定。
35
CheckBoxList控件
<asp:listbox>
列表框
31
选择控件
CheckBox控件和CheckBoxList控件 功能： • 用户可以从选项中作多种选择，即在网页中制作复 选框。 • CheckBox控件和CheckBoxList控件功能类似，最 大的区别在于CheckBoxList控件支持数据源的绑定，
可以动态创建具有多项选择功能的复选框列表。
属性值为Right（默认）时，文本显示在复选框的右边；
属性值为Left时，文本显示在复选框的左边。
GroupName：获取或设置按钮所属群组。
33
CheckBox控件
事件：
CheckedChanged：当Checked属性值发生了变化时，引发Chec kedChanged事件。 注意：只有当AutoPostBack属性值为True时才会触发该事件 。
WEB服务器控件
国信安培训-《web服务器控件》
文本输入控件
1、TextBox控件–用作将由用户或程序员输入的文本的占位符， 输入的文本可以用程序读取。 TextBox类直接继承于WebControl类，用于让用户输入文本， 是经常使用的一个输入控件。
<ASP:TextBox Id="控件的名字" Runat="Server" Text="TextBox中的字符串" TextMode="SingleLine | Multuline | Password" Columns="最大列数" Rows="最大行数" MaxLength="最大字符数目" [AutoPostBack="True | False"] Wrap="True | False" OnTextChanged="事件程序名称" />
国信安培训-《web服务器控件》
Button的主要属性和事件
事件：Click和Command事件。其中Cilck先执行。 事件 属性： 属性 CommandName属性：为每个按钮一个名字，多个按钮共用同 一个事件函数时，就会用到。举例说明。 CommandArgument属性：给命令传递参数时，使用到，特别 是绑定时使用。 OnClientClick属性：客户端的javascript脚本代码（函数） PostBackUrl属性：单击按钮时，转移到的Url地址。 注意：任何时候，点击按钮，都会发送请求到服务器。
国信安培训-《web服务器控件》
3.1 ASP .NET控件属性
AccessKey属性：用来为控件指定键盘的快速键，这个属性的内容为 数字或是英文字母。例如设置为“A”，那么使用时用户按下Alt+A组合 键就会制动将焦点移动到这个控件的上面。只有Internet Explorer 4.0 或者更高的版本才支持这个特性。 Backcolor属性用于设置对象的背景色，其属性的设定值为颜色名称或 是#RRGGBB 的格式。 边框属性包括有BorderWidth、BorderColor、BorderStyle等几个属性。 其中，BorderWidth属性可以用设定Web控件的边框宽度，单位是像素 计算。 Enabled属性用于设置禁止控件还是使能控件。当该属性值为False时， 控件为禁止状态。当该属性值为True时控件为使能状态，对于有输入 焦点的控件，用户可以对控件执行一定的操作
第3章 基本Web服务器控件
ImageButton控件与Button控件功能相似，只是 ImageButton控件可以在按钮上添加图片。ImageButton用 ImageUrl来指定图片的位置。按钮不再有名称，而是一副图 像，而Button按钮显示的是通过Text属性设置的文字。
CheckBox控件用于在Web窗体页上创建复选框，该复 选框允许用户在True或False状态之间切换。通过设置Text 属性，可以指定在控件中显示的标题，标题可显示在复选 框的右侧或左侧。设置TextAlign属性以指定标题显示在哪 一侧。
3.4
使用FileUpload控件实现文件上传
在常见的Web应用系统中，文件上传是经常会用到的。以 前整个上传过程都得靠开发人员编程实现。在.NET中，提供了 上传文件控件FileUpload，可以很方便地实现文件的上传。
3.2
按钮控件
Web服务器控件包括3种类型的按钮：标准命令按钮 （Button控件）、图形化按钮（ImageButton控件）和超级 链接样式按钮（LinkButton控件）。这3种按钮具有相同的 提交或链接功能，但具有不同的外观。
当用户单击按钮时，3种类型的按钮都会将窗体提交 给服务器。这些按钮还可引发自己的Click事件，可以为这 些事件编写事件处理程序。
基本web服务器控件aspnet提供了一系列服务器控件这些控件不仅增强了aspnet的功能同时将以往由开发人员完成的许多重复工作都交由控件去完成大大提高了开发人员的工作效率
第3章
基本Web服务器控件
提供了一系列服务器控件，这些控件不仅增强了 的功能，同时将以往由开发人员完成的许多重复工作都交由控件去完成， 大大提高了开发人员的工作效率。创建Web页面时，可使用的服务器控件 类型有HTML服务器控件、Web服务器控件和用户控件3种。其中，Web服 务器控件是的精华所在。Web服务器控件功能全面，极大地简化 和方便了开发人员的开发工作。本章将主要介绍Web服务器控件中的常用 控件。 本章学习的内容有： • • • 输入和输出的控件 按钮控件 单选按钮和复选框
第5章 HTML控件和Web服务器控件(1)PPT课件
ImageButton=Image+Button
控件显示响应鼠标单击的图像。
LinkButton=HyperLink+Button控件显示文本超链 接，响应鼠标事件
_top
将内容呈现在没有框架的全窗口中。
10
5.2.1 ImageButton、HyperLink和LinkButton控件
3、LinkButton
具有link的外观，显示成为文本超级链接 具有button的特性，可以响应鼠标点击事件
11
ImageButton Vs HyperLink
HyperLink 控件可以显示文本或图像。
18
5.2 标准服务器端控件
5.2.4 CheckBox和CheckList控件 CheckBox（复选框）与CheckList（复选框组）控件的作用十
分相似，都是用于向用户提供多选输入数据的控件。用户可以在控 件提供的多个选项中选择一个或多个。被选中的对象中带有一个 “√”标记，CheckBox和CheckList控件的外观如图6-15所示。
2) 隐藏在图像中的作用点集合。每个作用点控件 都是一个不同的Web元素。对于每个作用点控件， 需要定义其形状（圆形、矩形或多边形）以及用于 指定作用点位置和大小的坐标。例如，如果创建一 个圆形作用点，则应定义圆心的x、y坐标及圆的半 径。
15
Image
与大多数其他 Web 服务器控件不同，Image 控件 不支持任何事件。例如，Image 控件不响应鼠标单 击事件。实际上，可以通过使用 ImageMap 或 ImageButton Web 服务器控件来创建交互式图像。
Web控件
1 服务器控件 2 HTML控件 3 Web服务器控件 4 Web服务器验证控件 5 服务器控件绑定
3 Web服务器控件
命名空间： System.Web.UI.WebControls
前缀<ASP:> Runat=“server”
ControlToValidate="要验证的控件ID" errorMessage="错误信息“ Display="Static|Dymatic|None">
MinimumValue = "最小值" MaximumValue = "最大值" Type = "String|Integer|Double|DateTime|Currency “
<asp:TextBox id="txtName" runat="server“ Text=“Hello“/>
Web服务器控件的层次
基本Web服务器控件
1. Literal控件
<asp:Literal id="Literal1" Text=" " runat="server"/>
2. Label控件
</ASP:CompareValidator>
CompareValidator举例
<ASP:CompareValidator id="CompareValidator1 " runat="Server “ ErrorMessage="必须大于TextBox1的值" ControlToValidate="TextBox2" ControlToCompare="TextBox1" Operator="GreaterThan" Type="Integer"> </ASP:CompareValidator>
第3章 服务器控件
控件示例
3-1.aspx
3.1.3 Web表单的工作原理
第1步
第2步
第3步
特别注意：
每一次运行时都要从头到尾执行着整个文件 在第3步中仍然要首先执行Page_Load过程，然后才执
行Enter_Click过程，然后继续执行HTML代码部分。
3.1.4 控件的分类
控件的类型
HTML服务器控件 Web服务器控件 验证控件 用户控件
使用控件的原则
3.2 HTML服务器控件
这一类控件是主要是为了保留原来的HTML元素 标记。一般和原来的HTML标记一一对应，只是 增加了runat=“server”。
常见的有：HtmlForm, HtmlButton, HtmlInputButton, HtmlInputCheckBox, HtmlInputRadioButton, HtmlInputText, HtmlSelect, HtmlTextArea等
3.2.10 综合示例一（2）3-2.aspx
3.2.11 HtmlInputFile（文件上传控件）
为什么要使用文件上传控件？ <form> 标记上的 Enctype 属性必须设置为
"multipart/form-data"。 语法示例：
<input id="File1" type=file runat="server">
3.2.5 HtmlInputRadioButton（单选框）
<input id="控件名称" type="radio" value="单选框的值" name="组的名称" checked="True | False" runat="server" />
服务器控件
件就是页面上能够被服务器端代码访问和操作的任何控 件，它们都具有runat=“server”属性，id属性是服务器端代码
的访问操作控件的唯一标识。 服务器控件都是页面上的对象，采用事件驱动
的编程模型，控件的事件处理发生在服务器而不是客户端，事 件的处理需要进行客户端与服务器端的往返，因些，在某些情 况下会影响性能。 服务器控件的事件处理遵循.NET Framework模式，即所有 事件处理都传递参数，如 Button1_Click(object sender,EventArgs e) sender：表示引发事件对象的对象，以及包含任何事件特 定信息的事件对象； EventArgs：对某些控件来说特定于该控件的类型
3. Button服务器控件 用来在客户端生成type为submit或button的按钮 重要属性： （1）OnClientClick属性：执行的客户端语句或函数 例如： <asp:Button ID="Button1" runat="server" OnClientClick=“Tst();” Text="Button" /> 或OnClientClick = „alert(“ok”);‟ （2）设置aspx页面的缺省按钮，使用form的 defaultbutton属性指定按钮的id
需要编写能兼容各种浏览器的 Web 页 需要特殊功能，如日历、广告 轮转 不需要考虑带宽
节省网络带宽
归纳下来，HTML标签、HTML服务器控件、Web服务器 控件的用法如下： 不需要在服务器端使用C#代码控制的内容，就使用 HTML标签实现，而页面已经用HTML设计完成（例如：美 工只熟悉HTML标签），可以将HTML标签转化为HTML服 务器控件，同时，如果考虑生成的页面尺寸，也可以使用 HTML服务器控件，但是一些特殊的效果和功能：如日历、 据绑定等，这种效果只能用Web服务器控件实现。
web服务器控件
《10.3W eb服务器控件》1. 目标概述[2分钟] (2)2. 回顾[5分钟] (2)3. 课程知识点讲解 (2)3.1. Web服务器控件简介[45分钟] (2)3.2. 文本控件[20分钟] (5)3.3. 控制权转移控件[45分钟] (6)3.4. 选择控件[20分钟] (7)3.5. 容器控件[15分钟] (8)3.6. 其他控件[25分钟] (8)4. 小结[3分钟] (8)5. 考核点 (9)6. 作业答案 (9)7. 扩展练习 (10)8. 学生问题汇总 (10)9. 教学后记 (10)本节目标⏹本节中将讲述如下主要内容：✧Web服务器控件简介✧文本控件✧控制权转移控件✧选择控件✧容器控件✧其他控件⏹通过教学使学生掌握WEB服务器控件及其应用。
本节重点⏹文本控件⏹控制权转移控件⏹选择控件⏹容器控件⏹其他控件本节难点⏹授课课时⏹4课时教法建议1.目标概述 [2分钟]本节主要讲述WEB服务器控件及其应用。
2.回顾 [5分钟]回顾上一节的相关知识。
3.课程知识点讲解3.1.Web服务器控件简介[45分钟]引入：主题：（1）Web服务器控件简述Web服务器控件具有以下特性：●功能丰富的对象模型，该模型具有类型安全编程功能。
由于Web服务器控件是框架全新封装提供的新控件，因此其具有严格的类型安全检查。
●自动浏览器检测。
Web服务器控件可以检测浏览器的功能，并为基本型和丰富型(HTML 4.0或以上) 浏览器创建适当的输出。
●对于某些控件，可以使用模板来自定义控件的外观。
●对于某些控件，可以指定控件的事件是立即发送到服务器，还是先缓存然后在提交窗体时引发。
●可将事件从嵌套控件（例如表中的按钮）传递到容器控件。
在设计时的“HTML”视图中，显示在页中的控件的格式如下：<asp:button attributes runat="server"/>（2）HTML服务器控件与W eb服务器控件的区别HTML服务器控件与Web服务器控件的区别：（3）Web服务器控件的公共属性1．System.Web.UI.WebControls.WebControl类的属性System.Web.UI.WebControls.WebControl 类是System.Web.UI.WebControls 命名空间中的所有控件的基类。
第二章Web服务器控件
图2-2
要求:
能显示图片； 将标题栏改为“图片浏览器”； 在图2-2的下拉列表框中显示若干图像文件名； 当选定一个列表框中的一个文件名后，将相应 的图片显示出来； 当图片不能被正常显示，显示其文件名，以起 到提示作用。
目的:
学习标签等简单控件的主要 属性、方法和事件； 学习Image控件的主要属性 、方法和事件； 学习下拉列表框的主要属性 、方法和事件。
BorderColor
BorderStyle ForeColor 属性 BorderWidth Text
控件边框颜色
控件边框风格 控件前景颜色，即控件上显示内容的颜色 控件边框宽度 控件上显示的内容
Font
AccessKey Enabled TabIndex ToolTip Visible 事件 Click
控件 属性 Text 属性值 “图片浏览器” “图片浏览器” Name:“隶书” DOCUNENT title
Label1
Image1
Font
ImageUrl
AlternateText ListItem DropDownLi st1 AutoPostBack
“D：\asp\1.jpg”
“D：\asp\1.jpg” 将 1.jpg 、 2.jpg 、 3.jpg 、 4.jpg、5.jpg五个文件名作 为项目输入 True
ห้องสมุดไป่ตู้
Text属性的二级属性和方法
类别 属性/方法名称 描述 返回文本框中内容的长度 在文本框中插入内容，该方法有两个参数，一个是多行 显示时的位置(单行时为0)，一个要插入的值，如 Insert(0,”123”)是将123插入到文本框中。 替换文本框内容中的部分值，如Replace("a","A")是将 文本框中的“a”替换为“A” 删除文本框中内容前、后的空格 将文本框中包含的小写字母转化大写字母 将文本框中包含的大写字母转化小写字母 属性 Lenth Insert()
第15章Web服务器控件
1.什么是Web服务器控件？能完成什么功能？答：Web服务器控件是动态网页技术的一大进步，真正的将后台程序和前端网页融合在一起，相对Html空间而言，Web服务器控件功能更加强大，也更加抽象，不仅能完成Html控件的所有功能，还包括一些完成特定功能的控件,如日历控件、数据绑定控件等。
2.如何使用Button控件的Command事件来响应用户的按钮点击动作？答：Button的Click事件和Command事件都能够响应点击事件，而Command事件具有更为强大的功能，该事件通过关联按钮的CommandName属性，是按钮可以自动寻找并调用特定的方法，还可以通过CommandArgument属性向该方法传递参数。
3.如何使用CheckBox和RadioButton自动响应用户的选择操作？答：CheckBox和RadioButton的AutoPostBack属性可以指示再点击选择时是否自动回发到服务器，并通过CheckedChange事件来处理用户的选择。
4.如何使用HyperLink和LinkButton，用超链接的形式接受用户的单击选择？答：HyperLink和LinkButton的ImageUrl属性为图片的路径，而NavigateUrl属性为链接到的Url，而LinkButton具有Button的功能，具有Click事件和Command事件。
5.Image和ImageButton的什么属性可以设置现实的图片？答：Image和ImageButton的ImageUr属性可以设置现实的图片。
6.TextBox如何接受密码形式、多行形式的用户输入？答：TextBox的（1）TextModel属性设置为Multilane时为多行输入模式（2）TextModel属性设置为Passwords时为密码输入模式（3）TextModel属性设置为SingleLine时为单行输入模式。
7.如何自动响应DropDownList和ListBox中，用户的选择动作？答：DropDownList和ListBox可以通过其SelectedIndexChange事件来自动响应用户的选择动作。
服务器控件概述
“Runat="Server"”属性，如果没有就会被直接发送到客户端的浏览器进
行解析，如果有则表示这个控件可以被.NET程序所控制，需要等到程序执
行完毕，再将HTML控件的执行结果发送到客户端浏览器。
服务器控件的属性、事件和方法
•
Web程序设计采用了面向对象的编程思想，服务器1_Click”的方法，
• 创建事件处理程序： • （1）在设计视图中选择控件； • （2）在“属性”对话框中单击“事件符
号”，将显示所选控件的事件列表；
• （3）在事件旁边的单元格中执行下列其中 一个操作。
• 双击。 • 输入要创建的事件处理程序的名称。 • 从下拉列表中选择已有的事件处理程序名称。
服务器控件概述
•
服务器控件是指在服务器上执行程序逻辑的组件，
常常具有一定的用户界面。服务器控件包含在
页面中，当运行页面时，用户与控件发生交互行为，当
页面被提交时，控件可在服务器端引发事件，在服务器
端，则会根据相关事件处理程序来进行事件处理。
服务器控件分类
•
提供了多种服务器控件，根据定义方式，可分为
• （1）通过鼠标创建
•
在“工具箱”窗口中选择需要的控件后，通过鼠标左键拖放到页面上
或直接双击，即可在页面上创建相应控件。
• （2）在页面HTML视图中，通过编辑代码实现
•
同HTML中的控件不同，服务器控件的特点是拥有“Runat="Server"”
属 性 。 当 网 页 执 行 时 ， .NET 会 检 查 页 面 上 的 标 签 有 无
一系列的类，如Button控件类等。每一个具体的服务器控件便是这个类的 一个具体实例，称之为对象，如在页面上新创建的按钮控件Button1。
服务器 控件
上-页 下-页 返回
5.2 HTML服务器控件
2．Htmllnputlmage控件 当Input控件的type属性被设置为image时，就成了一
个图像按钮控件，不同于HtmIButton控件的是，所有的 浏览器都支持Htmllnputlmage控件。 它的语法形式如下： <input type=image Id=valuel Src=url OnServerClick=value2 Runat=“server” 例5.5代码如T-5
②设置ID属性，标识服务器控件的身份，方便编程引用。 例如： <INPUT type= "button“ value=“提交”>
上-页 下-页 返回
5.1 服务器控件简介
转化为服务器控件为： <INPUT ID=“buttonl” type=“button”
value=“提交”runat=“server” Web服务器端控件有很多优点。 ①更丰富且统一的对象模型。 ②自动检查浏览器类型。： ③可以保存状态到ViewState里。： 另外，Web服务器端控件还增加了绑定数据、选择日期
②action属性：用于指定提交表单信息时，处理表单信 息的页面地址。默认的页面地址是当前页面地址。
上-页 下-页 返回
5.2 HTML服务器控件
5.2.3 按钮控件HtmIButton 按钮控件HtmIButton用于在网页上显示一个按钮，其标
记为<button>。HtmIButton控件的主要方法有 ①OnServerClick方法：用于指定处理单击事件的函数。 ②OnMouseOver方法：用于指定处理鼠标移动到按钮
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
4
代码实现-Config文件 文件 代码实现
文件上传路径 Web.config文件中定义文件上传路径、上传类型限 文件中定义文件上传路径、 文件中定义文件上传路径 <configuration> 上传类型限制 <appSettings> 总文件夹容量限制、 制、总文件夹容量限制、单个文件大小限制等参数 <add key="FileUploadPath" value="Upload/" /> <add key="FileTypeLimit" value=".zip,.rar,.doc,.ppt,.txt,.mp3" /> <!--FileSizeLimit和FolderSizeLimit以KB为单位 为单位--> 和 以 为单位 单个文件大小限制 <add key="FileSizeLimit" value="10240" /> <add key="FolderSizeLimit" value="102400" /> </appSettings> 总文件夹容量限制 <connectionStrings/> <system.web> <!--每次请求最大长度 每次请求最大长度40M，页面执行最长时间 秒--> 每次请求最大长度 ，页面执行最长时间60秒 <httpRuntime maxRequestLength="40960" executionTimeout="60" /> <compilation debug="true"/> <authentication mode="Windows"/> </system.web> </configuration>
9
界面四： 界面四：管理文件页面设置
<asp:View ID="view_Manage" runat="server"> <table cellpadding="5" cellspacing="0" border="0"> ID 控件 功能 <tr> <td> View <asp:ListBox ID="lb_FileList" runat="server" AutoPostBack="True" view_Manage 选项卡 Width="300px" Height="300px" ListBox lb_FileList confirm 是 javascript 语言中的一个 列出目录中所有文件 OnSelectedIndexChanged="lb_FileList_SelectedIndexChanged"></asp:ListBox> </td> 方法，可以弹出一个包含"确定 确定"与 取 方法，可以弹出一个包含 确定 与"取 <td valign="top"> Label lab_FileDescription 显示列表框中选的文件的详 的对话方块. 消"的对话方块 的对话方块 <asp:Label ID="lab_FileDescription" runat="server" Text=""></asp:Label> 细信息， 用法:confirm(msg)，msg 是提示信 用法 </td> 在客户端OnClick上执 返回true;或 在客户端 btn_Download。如果用户按下了确定 返回 上执 息 如果用户按下了确定,返回 或 Button 属性Text=“下载文件” 下载文件” 属性 下载文件 </tr> 者按下了取消,返回 返回false 行的客户端脚本 者按下了取消 返回 </table> Button ID="btn_Download" runat="server" Text="下载文件 <asp:Button btn_Delete 下载文件" 属性Text=“删除文件” 属性 删除文件” 下载文件 删除文件 OnClick="btn_Download_Click" /> <asp:Button tb_FileNewName 删除文件" 删除文件 TextBox ID="btn_Delete" runat="server" Text="删除文件 显示并修改列表框中选定的 OnClientClick="return confirm('确定删除文件吗？')" 确定删除文件吗？ 确定删除文件吗 文件名 OnClick="btn_Delete_Click" /><br /> Button 属性Text="对文件重命名 对文件重命名" 属性 对文件重命名 <asp:TextBox btn_Rename ID="tb_FileNewName" runat="server" Width="300px"></asp:TextBox> <asp:Button ID="btn_Rename" runat="server" Text="对文件重命名 对文件重命名" 对文件重命名 OnClick="btn_Rename_Click" /> </asp:View>
服务器控件
网络文件夹的例子
网络文件夹的界面
初始界面 上传限制界面 上传文件界面 管理文件界面
2
网络文件夹的功能需求
1.在Web.config文件中定义文件上传路径、上传类型 在 文件中定义文件上传路径、 文件中定义文件上传路径 限制、总文件夹容量限制、单个文件大小限制等参数。 限制、总文件夹容量限制、单个文件大小限制等参数。 2.四个界面通过 四个界面通过MultiView进行切换，页面顶部下拉 进行切换， 四个界面通过 进行切换 列表框提供4个界面的切换 个界面的切换。 列表框提供 个界面的切换。 3.文件类型限制使用 文件类型限制使用BulletedLisst控件呈现，其它数 控件呈现， 文件类型限制使用 控件呈现 据使用Lable控件呈现。 控件呈现。 据使用 控件呈现 4.对没有选择上传文件、上传文件的类型不匹配、大小 对没有选择上传文件、上传文件的类型不匹配、 对没有选择上传文件 超过单个文件限制、大小超过文件夹可用容量、 超过单个文件限制、大小超过文件夹可用容量、上传成 功等情况都使用客户端警告框给予提示。 功等情况都使用客户端警告框给予提示。
3
网络文件夹的功能需求
5.管理文件界面中使用 管理文件界面中使用ListBox列出目录中所有文件， 列出目录中所有文件， 管理文件界面中使用 列出目录中所有文件 单击任何一项都自动在右边给出文件详细信息， 单击任何一项都自动在右边给出文件详细信息，并且把 文件名输入到“对文件重命名”按钮前的文本框中。 文件名输入到“对文件重命名”按钮前的文本框中。 6.管理文件界面实现文件的删除、重命名和下载操作。 管理文件界面实现文件的删除、重命名和下载操作。 管理文件界面实现文件的删除 删除和改名操作在成功后使用客户端警告框给予提示。 删除和改名操作在成功后使用客户端警告框给予提示。 7.任何界面上的所有文字都使用样式表固定为 任何界面上的所有文字都使用样式表固定为10pt的 任何界面上的所有文字都使用样式表固定为 的 黑色宋体。 黑色宋体。
10
后台代码-页面初始化 后台代码 页面初始化
在执行页面的Page_Load方法时，对页面上的控件 方法时， 在执行页面的 方法时 显示内容进行设置
的一个属性， 是Page的一个属性，表示页面是否已经回发， 的一个属性 表示页面是否已经回发， 常用来判断页面是否第一次加载。 常用来判断页面是否第一次加载。 IsPostBack==true，说明页面已经回传。 ，说明页面已经回传。 IsPostBack!=true，说明页面第一次加载。 ，说明页面第一次加载。
8
界面三： 界面三：上传文件页面设置
控件 View ID view_Upload 选项卡 文件上传控件 上传文件 属性Text=“上传文件 上传文件” 属性Text=“上传文件” 功能
FileUpload FileUpload Button btn_Upload
<asp:View ID="view_Upload" runat="server"> <asp:FileUpload ID="FileUpload" runat="server" Width="400px" /> <br /> <asp:Button ID="btn_Upload" runat="server" Text="上传文 上传文 件" OnClick="btn_Upload_Click" /> </asp:View>
5
字体样式
<head runat="server"> <title>网络文件夹 网络文件夹</title> 网络文件夹 <style type="text/css"> /*给body、input和select元素同时应用 元素同时应用css*/ 给 、 和 元素同时应用 body,input,select { font-family: "宋体 宋体"; 宋体 font-size: 10pt; font-weight: normal; color: #000000; } </style> </head>