第四章 Web服务器控件
- 格式：ppt
- 大小：3.52 MB
- 文档页数：134
下载文档原格式
合集下载
4Web服务器控件
Borderstyle="Double"></ASP:BUTTON>
<ASP:BUTTON id="B7" Runat="Server" Text="Groove" BorderWidth="4" Borderstyle="Groove"></ASP:BUTTON> <ASP:BUTTON id="B8" Runat="Server" Text="Ridge" BorderWidth="4" Borderstyle="Ridge"></ASP:BUTTON> <ASP:BUTTON id="B9" Runat="Server" Text="Inset" BorderWidth="4" Borderstyle="Inset"></ASP:BUTTON> <ASP:BUTTON id="B10" Runat="Server" Text="Outset" BorderWidth="4" Borderstyle="Outset"></ASP:BUTTON> <p></p> <ASP:BUTTON id="B11" Runat="Server" Text="BorderColor" BorderWidth="4" BorderColor="Blue"></ASP:BUTTON> <ASP:BUTTON id="B12" Runat="Server" Text="BorderWidth" BorderWidth="4"></ASP:BUTTON> </form>
程序开发范例宝典
程序开发范例ASP. net程序设计范例宝典目录第一章搭建ASP. NET开发环境实例Input （Reset）控件实现重置功1.1环境配置能实例安装与配置IIS实例Table控件布局登录页面实例配置ASP. NET应用程序开发环境实例Table控件布局DataList模板1. 2Web. Config文件配置（职员信息）实例配置Access数据库连接实例Select控件实现联动效果（选择实例配置SQL Server数据库连接省，显示对应的城市）实例配置Session的生命周期第三章CSS样式与Javascript脚本实例限制上传文件大小与时间应用实例连接默认错误页 3. 1控件样式实例配置验证级别实例普通控件样式（Button、第二章HTML开发与实现TextBox、Label)2. 1框架的使用实例图片样式按钮（Button、实例FrameSet布局聊天室框架ImageButton、LinkButton)实例IFrame布局企业管理系统实例数据控件样式（GridView、2.2滚屏的实现DataList)实例滚动显示博客公告 3.2链接样式实例滚动显示销售产品图片实例鼠标单击链接样式实例滚屏效果并实现超级链接实例鼠标滑过链接样式2. 3常用HTML控件实例鼠标离开链接样式3.3页面样式实例使用Winow. Close关闭窗口时9实例页面整体风格屏蔽确认对话框实例滚动条样式实例实现指定尺寸的无边框窗口实例页面中鼠标的样式 3.8其他3.4菜单设计实例设置为主页实例推拉式菜单实例收藏本站实例下拉式菜单实例联系我们实例白动隐藏式菜单实例离开时启动收藏夹3.5文字特效第四章常用Web服务器控件实例文字逐个闪烁 4. 1使用控件显示文本实例文字飘动输出实例显示密码格式文本实例星星会聚链接点实例显示长口期格式时间3.7窗口控制实例显示金额格式文本实例打开新窗口显示全屏广告信息 4.2使用控件显示图片实例自动关闭的广告窗口实例显示验证码图片实例弹出窗口居中显示实例动态显示用户头像实例打开新窗口显示详细信息实例使用网页对话框显示图片实例弹出窗口的Cookie控制实例实现上传图片实例为弹出的窗口加入关闭按钮实例Gr i dVi ew 控件显示商品缩略图实例关闭弹出窗口刷新父窗口 4. 3控件的超级链接实例ImageButton按钮超级链接查看商品详细信息实例GridView控件中使用超级链接模板列查看详细信息实例DataList控件模板中使用LinkButton查看详细信息4. 4下拉列表框的应用实例间接改变DropDownList当前选项实例实现多个DropDownList控件的联动实例动态添加、删除DropDownList控件选项4.5单选按钮的应用实例性别选择实例网络考试系统中单选题答案的选择4.6复选框的应用实例登录身份选择实例网络考试系统中多选题答案的选择4.7控件连接数据源实例通过向导配置AccessDataSource实例通过向导配置SqlDataSource实例通过向导配置XmlDataSource4.8 GridView控件的应用实例数据绑定并实现分页功能实例选中、编辑、取消、删除数据项实例GridView实现正反双项排序功能实例Gr i dV i ew 控件中DropDownL i s t控件的绑定实例通过CheckBox删除选中记录实例删除GridView控件行信息弹出确认提示框实例在GridView控件中实现自动编实例GridView控件实现主细表实例查看当前页详细信息实例验证电话号码实例单元格中指定字符串固定长度 5.2口期与时间类验证实例供求信息网审核发布信息实例验证□期输入格式实例根据学生成绩合格与不合格显示实例验证时间输入格式不同颜色实例验证口期与时间输入格式4.9DataList控件的使用5. 3文本与数值验证实例绑定数据并实现分页实例验证是否为空实例编辑DataList控件模板显示员实例验证输入的数值是否在指定范围工信息实例比较2个文本框中的文本实例DataList控件实现主细表实例验证身份证号码实例DataList控件实现删除功能实例验证输入文本是否为汉字4.9Repeater控件的使用实例验证护照实例Repeater控件数据绑定 5.4自定义验证实例Repeater控件分页实例验证合法的数据表名称实例编辑Repeater控件标识商品信实例验证货币类型息第六章高级Web服务器控件第五章验证控件 6. 1制作广告条5. 1通讯类验证实例制作旗帜广告条实例验证Email地址和邮政编码实例制作随机广告条实例验证网址 6. 2网站导航实例Hyp er Link实现简单的网站导航实例SitMapPath实现供求网站导航实例TreeView控件设置0A办公系统导航实例Menu控件实现BBS导航6.3登录控件使用实例实现Login控件实现会员登录实例CreateUserWizard控件创建新用户登录6.4日期与时间实例通过Calendar控件查看指定口期新闻实例制作万年历实例日历备忘录6.5用WebPart实现个性化实例创建简单的WebPart页实例在WebPart中加入用户控件实例在WebPart中加入简单WebPart实例WebPart之间的连接实例用Panel控件显示或隐藏一组控件实例通过ListBox实现点菜功能第七章ADO. NET技术7. 1数据库连接实例建立Access数据库连接实例与加密后的Access数据库建立连接实例建立SQL Server数据库连接实例建立Oracle数据库连接实例建立ODBC数据源连接7.2数据添加实例添加单条数据实例添加多条数据实例将文件添加到数据库中7.3数据更新实例更新指定记录实例批量更新数据实例商品价格调整6.6其他7.4数据删除实例删除指定记录实例格式化时间并进行绑定实例删除所有记录实例DataBinder. Eval绑定数据库中7.5图片存取技术图片路径实例将上传图片名称存储到数据库中实例Eval 和Bind 绑定DataList 控实例将图片以二进制格式存储到数据件显示Blog信息库中8.2非数据源绑定实例读取数据库中上传图片名称并显实例绑定变量示该图片实例绑定常量实例读取并显示数据库中二进制图片实例绑定集合7.6生成与恢复SQL脚本实例绑定表达式实例生成SQL数据库脚本实例绑定方法结果实例通过SQL脚本恢复数据库结构8. 5控件绑定数据7.7数据备份与还原实例查询商品信息并绑定到服务器控实例备份SQL Server数据库件实例还原SQL Server数据库实例将数据库中菜谱数据绑定到7.8事务处理ListBox 控件实例事务在插入多表数据中的应用实例将新闻类型绑定到实例事务在添加留言信息中的应用DropDowenList 控件第八章数据绑定技术实例将数组绑定到DropDownList控8.1数据源绑定件8.6XML数据绑定实例利用变量字符查询字符串数据实例将XML文件中数据绑定到实例利用变量查询数值型数据TreeView 控件实例利用变量查询□期型数据实例将XML文件中数据绑定到9.4模式查询GridView 控件实例利用—通配符进行查询实例将XML文件中数据绑定到菜单实例利用％通配符进行查询Menu控件实例利用□通配符进行查询第九章SQL查询相关技术实例利用「］通配符进行查询9. 1SELECT实例复杂的模式查询实例查询特定列数据9. 5TOP和PERCENT限制查询结果实例使用列别名实例查询前10名数据实例在列上加入计算实例取出数据统计结果前10名数据实例使用函数设置条件实例9. 2查询常量实例实例查询数字9.6周期、口期查询实例查询字符串实例查询指定口期的数据实例查询□期数据实例查询指定时间段的数据实例查询逻辑型数据实例按月查询数据实例查询空数据9. 7比较、逻辑、重复查询9. 3查询变量实例查询数据大于指定条件的数据实例NOT与谓词进行组合条件的查询9. 11聚合函数实例查询时不显示重复记录实例利用聚合函数SUM对销售额进行实例列出数据中的重复记录和记录条汇总数实例利用聚合函数AVG求某班学生的9. 9在查询中使用OR和AND运算符平均年龄实例利用0R进行查询实例利用聚合函数MIN求销售额以及实例利用AND进行查询利润最少的商品实例同时利用OR、AND进行查询实例利用聚合函数MAX求月销售额完9. 10排序、分组统计成最多的员工实例在分组查询中使用ALL关键字实例利用聚合函数COUNT求日销售额实例在分组查询中使用CUBE运算符大于某值的商品数实例在分纟H杳询中使用ROLLUP实例利用聚合函数First或Last求实例对数据进行降序排列数据表中第一条或最后一条记录实例对数据进行多条件排序9. 12多表查询实例对统计结果进行排序实例利用FROM子句进行多表查询实例数据分组统计（单列）实例使用表别名查询实例按仓库分组统计图书库存（多实例合并多个结果集列）9. 13嵌套查询实例多表分组统计实例简单嵌套查询实例使用COMPUTE 和COMPUTE BY实例复杂嵌套查询实例嵌套查询在查询统计中的应用实例使用IN引入子查询限定查询范9. 14子查询围实例利用子查询派生数据表实例用IN查询表中的记录信息实例利用子查询作为表达式9. 19交义表查询实例在Update语句中应用子查询实例利用TRASF0RM分析数据9. 15联合语句union实例利用TRASF0RM动态分析数据实例使用联合查询实例静态交义表实例多表联合查询实例动态交叉表实例对联合查询后的结果进行排序9. 20函数查询9. 16内连接查询实例在查询语句中使用格式化函数实例简单内连接查询实例在查询语句中使用字符串函数实例复杂内连接查询实例在查询中使用口期函数实例使用内连接选择一个表与另一个9. 21HAVING语句应用表中行相关的所有行实例利用HAVING语句过滤分组数据9. 17外连接查询实例HAVING语句应用在多表查询中实例left outer join 查询第十章视图、存储过程及触发器的应实例right outer join 杳询用实例使用外连接进行多表联合查询10. 1视图的应用9. 18利用in进行查询实例创建视图实例在ASP. NET中应用视图实例获取数据库中的全部用户视图实例获取页面间传送的值实例修改视图实例获取客户端浏览器版本信息实例删除视图实例获取客户端和服务器端IP地址10. 2存储过程的应用11. 3在线统计实例创建存储过程实例利用Application对象统计在线实例应用存储过程实现登录身份验证人数实例应用存储过程添加数据实例统计IP地址登录次数实例获取数据库中的全部存储过程实例统计用户在线停留时间实例修改存储过程实例统计日访问量实例删除存储过程实例统计网站总访问量10. 3触发器的应用11.4聊天室实例创建触发器实例利用Application对象实现消息实例应用触发器白动插入回复记录发送实例获取数据库中的触发器实例利用Session对象实现私聊功能第^一章ASP. NET内置对象11.5在线投票11. 1页面传值实例利用Cookie对象防止重复投票实例利用Response. Redirect ()方法实例每月只能投票一次进行页面传值11.6购物车实例通过Session对象传递一贞向地址实例查看购物车11.2获取信息实例从购物车中移除指定商品实例清空购物车实例遍历指定驱动器第十二章文件处理12. 5获取文件属性12. 1对文件的操作实例获取文件名称、大小及类型实例创建、删除、移动和复制文件实例获取文件创建人、创建时间及修实例修改文件名称改时间实例查看文件是否存在12.6在线解压缩文件实例文件的简单读写实例在线压缩文件实例网上购物商城中读取服务条款文实例在线解压缩文件本文件12.7其他12.2对文件夹的操作实例读取注册表信息实例创建、删除、移动和复制文件夹实例通过修改注册表设置网站主页实例修改文件夹名称实例读取驱动器信息12.3文件上传与下载第十三章图形图像与多媒体实例单文件上传13. 1简单图形绘制实例多文件上传实例GDI+绘制直线、矩形和多边形实例上传图片文件并显示实例GDI+绘制圆形、椭圆形和扇形实例文件下载实例绘制带有阴影效果的矩形实例获取文件下载所需时间13.2绘制验证码12.4遍历文件实例绘制汉字验证码实例遍历指定目录下的所有文件实例绘制字母和数字混合验证码13.3柱形图表实例插入Flash动画实例柱形图表分析投票结果实例插入背景透明的Flash动画实例柱形图表分析网站流量13.9在线播放与下载实例柱形图表分析汽车销售业绩实例在线点播13.4折线图表实例MP3文件下载实例折线图表分析人口出生率实例H制视频播放器实例折线图表分析商品价格走势实例带记忆的在线影片欣赏实例折线图表分析网站人气指数第十四章水晶报表与打印13. 5饼形图表14. 1打印Web窗体实例饼形图表分析男女比例实例打印Web窗体实例饼形图表分析产品市场占有率实例打印窗体中内容实例饼形图表分析人力资源情况14.2打印图片13.6头像选择实例打印图片实例通过下拉列表选择头像实例打印简历实例通过网页对话框选择头像14. 3利用报表生成器设计报表13. 7控制、显示图片特效实例简单报表实例通过滑动鼠标控制图片大小实例分组统计报表实例显示随机图像实例主明细报表实例获取页面中图像的实际尺寸14.4水晶报表中数据源和数据的操作13. 8 Flash 动画实例在水晶报表中使用Access数据库实例在水晶报表中使用SQL Server 数据库实例在水晶报表中使用Excel工作薄实例跨数据源查询14.5水晶报表中字段和文本对象的操作实例订货总金额超过10万元时才能显示出恭喜获奖的文字实例薪资大于或等于1万元使用蓝色字体标记14.6水晶报表中数据的筛选实例筛选月销售额大于100万的商品实例筛选薪资大于2000元的男员工14.7水晶报表中数据的分组、排序与汇总实例按仓库分组统计图书库存实例按成绩总分降序排序实例部门销售量占公司总销售量的业绩百分比实例利用累计方式替每一笔数据记录加上笔数编号14.9子报表的使用实例插入子报表实例连接子报表到主报表中的数据实例通过子报表来组合不相关的报表实例不可链接的数据与子报表协同工作14.10 ASP. NET中实现网络打印实例通过网络打印工作总结报告实例通过网络打印产品检验报告第十五章XML技术15.1读写XML文件实例写XML文件实例读XML文件实例修改XML文件实例在SQL Server中读取XML文件14.8水晶报表的计算15.2 XML文件节点操作实例插入XML节点实例利用Web Services发送手机短实例检索XML节点信实例删除XML节点实例利用Web Services 发送Email 15. 3XML文件转换邮件实例HTML文件和XML文件的相互转16.4其他换实例利用Web Services传送图片实例DataSet和XML文件的相互转换实例利用Web Services实现验证码实例XSL转换XML文件技术15.4XML文件加密、解密实例利用Web Services实现天气预实例加密XML文件报实例解密XML文件实例利用Web Services实现产品编第十/弋章Web Services号16. 1认识Web服务第十七章ASP. NET高级应用实例创建Web Services17. 1访问Office文件实例引用Web Services实例调用Word、Excel文件16.2Web服务实现数据库操作实例调用PowerPoint中幻灯片实例SQL Server数据库连接服务17.2电子邮件实例Web Services调用数据库中的实例利用Jmail组件发送和接收邮件存储过程实例利用SMTP服务发送电子邮件16.3 Web服务实现通讯功能17. 4网站搜索实例一般搜索18.4Access数据库安全实例高级搜索实例防止Access数据库被下载实例常用搜索实例编程实现修复Access数据库17.6ASP. NET应用程序打包与发布实例锁定和解锁Access数据库中的实例打包ASP. NET应用程序表实例发布ASP. NET应用程序18.5过滤非法字符第十八章ASP. NET安全机制实例过滤SQL非法字符18. 1用户登录实例过滤HTML非法字符实例普通登录实例禁止用户输入非法字符实例Session对象判断用户登录状态第十九章综合实例实例网络上实现惟一登录19. 1企业门户网站实例防止SQL注入式攻击登录实例实例验证码技术登录实例18. 1权限实例实例设置ASP. NET身份验证模式实例实例测试管理员级别19.2BLOG实例权限不够弹出消息对话框实例查看文章最新信息18. 3数据加密技术实例文章中加入表情图象实例MD5加密登录用户名和密码实例文章管理功能的实现实例SHA1加密页面传値实例权限管理留言信息19. 3论坛实例购物车的实现实例查看帖子信息实例商品搜索实例发表帖子19.50A办公自动化系统（工作流模实例回复帖子块）实例删除帖子及其回复信息实例采购申请19.4B2C电子商务网站实例领导审批实例商品管理实例文件传送与接收实例会员管理实例聊天室。
ASP.NET控件(一)
15
使用控制权转移控件
Button 控件
16
ImageButton 控件
Hyperlink 控件
选择控件
有四种类型的选择控件： CheckBox –为用户提供一种方法在 true/false、yes/no
或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选择一项 ListBox - 允许用户从预定义列表中选择一项或多项
28
有效性验证
用户注册时，输入了不合标准的信息，怎么办？
后台手写验证代码 页面回传，用户体验不好
使用javascript脚本进行验证 不安全，与浏览器相关
提供了验证控件
轻松实现用户输入的验证，且与用户浏览器无关 由在客户端或服务器中运行的验证代码执行 多种验证控件，验证数据更加简单方便
验证控件的使用方式
验证控件可以和在Web窗体页中处理的任意控件一起使用， 比如，HTML服务器控件或 Web服务器控件等。 添加——编程人员像添加其他服务器控件那样向窗体 添加验证控件。 关联——每个验证控件都会关联到一个或多个页面上 其他地方的输入控件（服务器控件）。 设置验证条件——验证控件便根据验证条件的要求测 试用户的输入值是否通过测试的属性。编程人员可以 使用自己的代码来测试页和单个控件的状态。如果检 测到状态无效，就略过更新。 显示错误——检测到错误的验证控件随后将生成显示 在页面上的错误信息。
HTML 标签
runat="server"
HTML 服务器控件
WEB服务器端控件是一个抽象对象模板，不仅 有一般表单类控件，还有ASP .NET的专用控件， 如日历控件等。
使用控制权转移控件
Button 控件
16
ImageButton 控件
Hyperlink 控件
选择控件
有四种类型的选择控件： CheckBox –为用户提供一种方法在 true/false、yes/no
或 on/off 选项之间切换 RadioButton - 用于只从选项列表中选择一个选项 DropdownList - 允许用户从预定义列表中选择一项 ListBox - 允许用户从预定义列表中选择一项或多项
28
有效性验证
用户注册时，输入了不合标准的信息，怎么办？
后台手写验证代码 页面回传，用户体验不好
使用javascript脚本进行验证 不安全，与浏览器相关
提供了验证控件
轻松实现用户输入的验证，且与用户浏览器无关 由在客户端或服务器中运行的验证代码执行 多种验证控件，验证数据更加简单方便
验证控件的使用方式
验证控件可以和在Web窗体页中处理的任意控件一起使用， 比如，HTML服务器控件或 Web服务器控件等。 添加——编程人员像添加其他服务器控件那样向窗体 添加验证控件。 关联——每个验证控件都会关联到一个或多个页面上 其他地方的输入控件（服务器控件）。 设置验证条件——验证控件便根据验证条件的要求测 试用户的输入值是否通过测试的属性。编程人员可以 使用自己的代码来测试页和单个控件的状态。如果检 测到状态无效，就略过更新。 显示错误——检测到错误的验证控件随后将生成显示 在页面上的错误信息。
HTML 标签
runat="server"
HTML 服务器控件
WEB服务器端控件是一个抽象对象模板，不仅 有一般表单类控件，还有ASP .NET的专用控件， 如日历控件等。
ASPNET程序设计 第4章
4.1 标签和文本框类控件
4.1 标签和文本框类控件
4.1.1 Label控件 例4-1 添加三个Label控件，其中，Label1与文本框
相关联，快捷键为N；Label2与按钮Button1相关联， 快捷键为B；Label3用于点击按钮时，显示文本框 中输入的内容。界面布局如图4-1 所示。 Label1TextBox1Button1Label2Label3设计视图 图4-1 界面布局
号；另外，在HTML标记中不能使用~/表示网站根目录，只能使用HTML中的相对位置描述方法表示 （见第2章）。
图4-7 例4-4运行结果
4.1.4 Textbox 文本框控件 1．Textbox 文本框控件的作用：接受用户的信息输入。可以是单行文本框、多 行文本框，或隐藏输入信息的密码文本框。 2．服务器端标记 <asp:TextBox ID="ID值" runat="server" 其他属性…></asp:TextBox> 3．常用属性 ⑴Text：文本框中输入的文本。 ⑵TextMode：文本框样式，其值可以选择：Single、MultiLine和Password ， 分别代表单行文本框、多行文本框和密码文本框，如图4-8所示。
图4-6 界面布局 2. 运行结果 程序运行结果如图4-6所示。
没有设置图片，显示 的是Text属性
鼠标移动到图片 链接控件时，Text 属性的内容显示 为提示。 图片链接的目 标网页。
图4-6 例4-3运行结果 [案例拓展] 使用Label控件实现HyperLink控件的图片链接功能的效果。 分析：由于Label控件的Text属性可以包含HTML标记，因此，Label控件不但可以显示 一般样式文字，而且可以加入链接标记A以及图片标记Img，因此，要实现图片链接，只 需要设置Label的Text属性为： <a href=><img src=images/yahoo.gif alt=中文雅虎 ></a> 打开源视图，可以看到Label的标记如下： <asp:Label ID="Label1" runat="server" Text="<a href=><img src=images/yahoo.gif alt=中文雅虎 ></a>"></asp:Label> 运行结果如图4-7所示。 本例必须保证images文件夹下存在yahoo.gif图片文件，否则显示找不到图片文件的
Web控件使用
二HTML控件
在该实例中，主要操作的是aspcn_onclick 子程序，而这个程序是由名为button2的button 控件激发的。程序的主要作用，就是通过 label1.text=select1.value.tostring将我们在 select1中选择的选项值赋给label控件label1。
<!doctype html public “-//w3c/dtd html 4.0 transitional//en”> <html> <script language=“vb” runat=“server”> Private sub textbox1_textchanged(byval sender as system.object,byval e as system.eventargs) lbl1.text=textbox1.text End sub </script> <head><title>使用基本的Web服务器控件</title></head> <body> <form runat=“server” method=“post” id=“form1”> <b>籍贯：</b> <asp:textbox id=“textbox1”> autopostback=“true” maxlength=“24” ontextchanged=“textbox1_textchanged” runat=“server”/> <p> <b>您的籍贯为：</b> <asp:label id=“lbl1” runat=“server” width=“96px” ></asp:label> <br><br><br> <asp:literal id=“literal1” text=“欢迎使用中华人民共和国户籍管理系统” runat=“server”/> </form> </body> </html>
Web应用设计第4章 主题母版页
4.1.1 主题概述 4.1.2 创建主题 4.1.3 将主题应用于整个应用程序
5
4.1.1 主题概述
用户界面外观主要与控件和页面的样式有关。几乎所 有的控件都具有Style属性，用于设置前景色、背景色、 边框样式、字体等属性。在网站制作过程中，可以一个 控件一个控件的去设置，这样会做许多重复性的工作， 而且还不容易保持站点中页面外观的一致性。利用 2.0提供的主题功能，可以快速地为服务器控件 定义外观，并且所定义的外观可应用到单个页面、应用 程序的所有页面及所有的应用程序中。
文本框控件，按题目要求进行设置，第二个文本框应用 命名皮肤，第三个文本框禁用皮肤文件。要将定义的 TextBox.skin皮肤文件应用于该页面中的文本框，需要 在@Page指令中添加代码“Theme=”主题目录名称”” 属性，该皮肤文件位于Temes_skin主题目录中，因此 需在@Page指令中添加“Theme=”Temes_skin””属性。
第4章
主题、母版页
本章内容
掌握创建和应用主题的方法 掌握母版页的使用方法
2
本章重点
本章重点
外观文件 CSS样式文件 母版页
本章难点
创建和使用主题及母版页
3
主题、母版页
4.1 主题 4.2 母版页 4.3 本章小结
4
4.1 主题（Theme）
主题（Theme）是 2.0提供的一种新技术，是 指控件和页面外观属性设置的集合。通过为控件和页面 套用主题，可以使用户界面外观达到一致化的显示效果。
6
4.1.1 主题概述
在一个主题中至少要包括一个皮肤文件（或称外观文件， 扩展名为.skin），还可包括级联样式表文件（扩展名 为.css）。外观文件不同于CSS样式， CSS样式只能用来定义页面和HTML标记的外观样式 外观文件用来定义服务器控件的外观样式。 如果将两者结合起来就可以定义不同类型的控件。
5
4.1.1 主题概述
用户界面外观主要与控件和页面的样式有关。几乎所 有的控件都具有Style属性，用于设置前景色、背景色、 边框样式、字体等属性。在网站制作过程中，可以一个 控件一个控件的去设置，这样会做许多重复性的工作， 而且还不容易保持站点中页面外观的一致性。利用 2.0提供的主题功能，可以快速地为服务器控件 定义外观，并且所定义的外观可应用到单个页面、应用 程序的所有页面及所有的应用程序中。
文本框控件，按题目要求进行设置，第二个文本框应用 命名皮肤，第三个文本框禁用皮肤文件。要将定义的 TextBox.skin皮肤文件应用于该页面中的文本框，需要 在@Page指令中添加代码“Theme=”主题目录名称”” 属性，该皮肤文件位于Temes_skin主题目录中，因此 需在@Page指令中添加“Theme=”Temes_skin””属性。
第4章
主题、母版页
本章内容
掌握创建和应用主题的方法 掌握母版页的使用方法
2
本章重点
本章重点
外观文件 CSS样式文件 母版页
本章难点
创建和使用主题及母版页
3
主题、母版页
4.1 主题 4.2 母版页 4.3 本章小结
4
4.1 主题（Theme）
主题（Theme）是 2.0提供的一种新技术，是 指控件和页面外观属性设置的集合。通过为控件和页面 套用主题，可以使用户界面外观达到一致化的显示效果。
6
4.1.1 主题概述
在一个主题中至少要包括一个皮肤文件（或称外观文件， 扩展名为.skin），还可包括级联样式表文件（扩展名 为.css）。外观文件不同于CSS样式， CSS样式只能用来定义页面和HTML标记的外观样式 外观文件用来定义服务器控件的外观样式。 如果将两者结合起来就可以定义不同类型的控件。
Html控件和web控件概念及区别和优点
Html控件和web控件概念及区别和优点Control（控件）概念:Web服务器控件和HTml控件都是Control控件，这是Web页⾯能够容纳的对象之⼀。
它是⼀个可重⽤的组件或者对象，这个组件不但有⾃⼰的外观，还有⾃⼰的数据和⽅法，⼤部分组件还可以响应事件。
Web服务器控件概念：web控件是在运⾏的：通俗点说就是web控件是在处理后⽣成静态代码发送给客户端浏览器, 书写格式简单，⽽且不⽤特别加runat语句，它的实质仍是html控件只不过是⽤别的⽅法重新封装了⽽已。
Html服务器控件概念：html 控件是普通控件,运⾏在客户端，要想让它在可执⾏必须加上runat=“server”和选择性加上ID=””。
⼏乎所有的HTML标签控件加上runat=”Server”这个Server控件的标识属性后，都可以变成HTML控件，ID属性表⽰程序是以本属性来控制对象的，所以任何对象的名称不可重复，不管是否为同⼀种类，如该对象在程序不需要被程控则可以忽略ID属性的设定。
HTML控件在Web⽹页的Page页⾯中使⽤。
如果想要减轻服务器的负担可以采⽤HTML控件，HTML控件的客户端事件处理⽐较⽅便,可以直接在控件中指定,直接调⽤js函数，如果是WEB 控件就必须采⽤程序指定了,⽐如在cs中采⽤c#函数。
Web服务器控件和Html服务器控件区别是:1)前者可以触发服务器控件特有的事件，后者只能通过回递的⽅式触发服务器上的页⾯级事件。
2)输⼊到前者中的数据在请求之间可以维护（即具有状态管理功能）,⽽后者⽆法⾃动维护数据，只能使⽤页⾯级的脚本来保存和恢复。
3)前者可以⾃动检测并调整到恰当的显⽰，⽽后者没有⾃动适应功能，必须在代码中⼿动检测。
4)每个服务器控件都具有⼀组属性，可以在的代码中更改控件的外观和⾏为，⽽后者只有HTML属性。
如果某些控件不需要的事件或状态管理功能时，可以选择，这样可以提⾼应⽤程序的性能。
在不是⼀定需要使⽤服务器控件的时候最好⽤，因为每次页⾯运⾏，⾥⾯的服务器控件会向服务器⾥请求数据及其他，这⾥会占⽤⼀定的资源。
《WEB服务器》课件
IIS是微软开发的WEB服务器软件， 适用于Windows操作系统。
WEB服务器安全
1
WEB服务器的安全威胁
WEB服务器面临各种攻击，如DDoS、SQL注入和跨站脚本等，需要采取措施加 以防护。
2
WEB服务器的安全加固策略
制定安全策略、更新补丁、加密传输、使用防火墙等可以提升WEB服务器的安全 性。
动态网站
WEB服务器可以处理动态网 页请求，如从数据库中获取 数据并生成动态内容。
负载均衡
通过多台WEB服务器分担请 求负载，提高系统的可扩展 性和稳定性。
WEB服务器常用软件
Apache服务器
Apache是最常用的WEB服务器软 件，具有成熟稳定、功能丰富的 特点。
Nginx服务器
IIS服务器
Nginx是一款高性能的WEB服务 器软件，能够处理大量并发连接。
WEB服务器负责接收并处理客户端的请求，解析动态脚本，返回相应的网页内容。
3 WEB服务器的分类
常见的WEB服务器有Apache、Nginx、IIS等，每种服务器有不同的特点和用途。
WEB服务器应用场景
静态网站
WEB服务器可以用于托管和 提供静态网页内容，如 HTML、CSS和JavaScript文 件。
《WEB服务器》PPT课件
本课程将介绍WEB服务器的基础概念、应用场景、常用软件、安全以及优化 等方面内容。加深对WEB服务器的理解，并掌握相关技术和注意事项。
WEB服务器基础概念
1 什么是WEB服务器
WEB服务器是指能够处理HTTP协议的请求，提供网页服务的软件或硬件设备。
2 WEB服务器的功能
WEB服务器的发展推动了互联网的普及与快速发展，为用户提供了丰富的在线服务。
Web服务器控件
【随堂演练4-4】 站点地图
4.4.2 ImageMap控件
4.5 选择服务器控件
CheckBox控件用于在Web窗体中创建复选框，该复选框允 许用户在true和false之间切换，提供用户从选项中进行多项选择 的功能。 1. CheckBox控件的语法格式
2. CheckBox控件的常用属性和事件
Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形 如 ，Literal控件的语法格式如下：
<asp: Literal id=" Literal1" Text="要显示的文本内容" runat="server"/>
或者
<asp: Literal id=“ Literal1” runat=“server”> 要显示的文本内 容 </asp: Literal> Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形
4.4.1 Image控件
4.4 图像服务器控件
ImageMap控件是一个可以在图片上定义热点（HotSpot）
区域的服务器控件，用户可以通过单击这些热点区域进行回发
（PostBack）操作或者定向（Navigate）到某个URL位址。该 控件一般用在需要对某张图片的局部范围进行互动操作时。
常用属性
4.8.1 AdRotator控件
4.8 增强控件
Calendar 控件可以在Web窗体中显示日历，以便于用户选
择年、月或是日期。Calendar控件为用户选择日期提供了丰富的
可视界面，通过该控件用户可以选择日期并移动到上一个月或者 下一个月。
4.4.2 ImageMap控件
4.5 选择服务器控件
CheckBox控件用于在Web窗体中创建复选框，该复选框允 许用户在true和false之间切换，提供用户从选项中进行多项选择 的功能。 1. CheckBox控件的语法格式
2. CheckBox控件的常用属性和事件
Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形 如 ，Literal控件的语法格式如下：
<asp: Literal id=" Literal1" Text="要显示的文本内容" runat="server"/>
或者
<asp: Literal id=“ Literal1” runat=“server”> 要显示的文本内 容 </asp: Literal> Literal控件在Visual Studio .NET 2005工具箱的“标准”选项卡中形
4.4.1 Image控件
4.4 图像服务器控件
ImageMap控件是一个可以在图片上定义热点（HotSpot）
区域的服务器控件，用户可以通过单击这些热点区域进行回发
（PostBack）操作或者定向（Navigate）到某个URL位址。该 控件一般用在需要对某张图片的局部范围进行互动操作时。
常用属性
4.8.1 AdRotator控件
4.8 增强控件
Calendar 控件可以在Web窗体中显示日历，以便于用户选
择年、月或是日期。Calendar控件为用户选择日期提供了丰富的
可视界面，通过该控件用户可以选择日期并移动到上一个月或者 下一个月。
new ASPnet编程基础第四章2
Web控件表单
1 文字控件
（2）Textbox控件的属性和使用方法。
Text: 文本框中的内容
Textmode:文本框的输入模式。有三种情况，没有指明时为默认的singleline 单行文本输入方式；值为password时为密码输入方式；值为multiline时 为多行文本输入方式。
Columns:文本一行能够输入的字符个数。
Web控件表单
1 文字控件 （3）Label控件的功能和使用方法。
Label控件是用于显示文字的，其作用与HTML控件中的Span标记 一样，事实上，当label控件在服务器端被处理完后，也将被转换成Span 标记，并返回到客户端。
Label控件主要的属性有三个：ID、Runat、Text属性，其中text属 性指明要显示的内容。下例4-5演示文字控件的使用方法。
Web控件表单
Web控件的功能和分类
前面已经提及Web控件是属于System.Web.UI.WebControls命名空间 的对象，Web控件从使用方法上看，非常类似于高级可视化程序设计的 控件，Web控件表单的功能是十分强大的。常用的Web控件见下表
控件分类
控件名称
书写标记
控件说明
文字控件
Label Textbox
单选按钮控件 一组单选按钮控件
Dropdownlist <asp:Dropdownlist />
下拉选择控件
Listbox
<asp:Listbox />
列表框控件
Button
<asp:Button />
按钮控件
按钮控件
Image
<asp:Image />
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
BorderColor属性
BorderWidth属性
BorderStyle属性
4.4 基本控件-Button控件
使用Button控件可为用户提供向服务器发送网页
的能力。该控件会在服务器代码中触发一个事件，
可以处理该事件来响应回发。
包括三种按钮控件，每种按钮控件在网 页上显示的方式都不同，如下表4-1所列：
网站部署在Web服务器上，人们可以通过浏览 器来访问这个站点。客户端请求一个静态的HTML 页面时，服务器找到对应的文件直接将其发送给用 户端浏览器；
请求页面时，服务器将在文件系统中找 到并读取对应的页面，然后将页面中的服务器控件 转换成浏览器可以读取的HTML标记和一些脚本代 码，再将转换后的结果页面发送给用户。
Label控件
提供一种以编程方式设置Web窗体页中文本的方法。希望 在运行时更改页面中的文本时就可以使用Label控件。 当希望显示的内容不可以被用户编辑时，可以使用Label 控件。如果只是希望显示静态文字，并且文字内容不需要 改变，建议使用HTML显示。 示例代码： <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
使用服务器控件，可以大幅减少开发
Web应用程序所需编写的代码量，提高开发效率 和Web应用程序的性能。
三种超链接方法
（1）<a href=“”>新浪</a> （2）<a id=“anchor1” runat=“server” ></a> （3）<asp:HyperLink ID=" anchor2" runat="server" >HyperLink</asp:HyperLink>
注意：所有 HTML 服务器控件必须位于带有
runat=“server” 属性的 <form> 标签内。
runat=“server” 属性指示该表单应在服务器端进
行处理。同时指示其包括在内的控件可被服务
器脚本访问。
Web控件
Web 服务器控件是服务器可理解的特殊 标 签，是对HTML控件的扩充，它提供了更多的功能控 件，如日历控件、时间控件等，所有Web服务器控件 都包含在“<asp: ></asp: >”标记中；
服务器控件概述（3/6）
在页面上，服务器控件表现为一个标记，
如<asp:textbox…/>。此标记不是标准HTML元素，
如果出现在网页上，浏览器将无法理解。
当从Web服务器上请求一个页面时，这
些标记都将动态地转换为HTML元素，浏览器只会 接收到它能理解的HTML。
Button默认使用POST操作提交页面。LinkButton
和ImageButton控件不能直接支持POST操作。
使用这些按钮时，它们将客户端脚本添加到页面
以允许控件以编程方式提交页面。（因此
LinkButton和ImageButton要求在浏览器上启用 客户端脚本。）
（3）处理Button控件的客户端事件
注意：对Label标签，也可以显式HTML样式。
protected void Page_PreInit(object sender, EventArgs e)
{ Label1.Text = "Hello World<hr/><span style=\"color:red\">A Html Code</span>"; //输出 HTML Label1.Font.Size = FontUnit.XXLarge; //设置字体大小
4.3 Web控件概述
Web控件概述
对HTML控件的扩充，比HTML控件更为抽象。Web 控件包含在System.Web.UI.WebControls基类； ID属性 Width属性 TableIndex属性 Enabled属性 Height属性 AccessKey属性 Font属性Visible属性 BackColor属性
Button控件
Web页面中的普通按钮,submit按钮把Web页面提
交到服务器处理，没有从服务器返回的过程；
command类型按钮有一个相应command名（通过
CommandName属性设置该命令名字），当有多个
command类型按钮共享一个事件处理函数时，可 通过Command名字区分要出来哪个Button的事件。
服务器控件概述（4/6）
创建.aspx页面时，可以将任意的服务器控件放 到页面，请求服务器上该页面的浏览器将只会接 收到HTML和JavaScript脚本代码，如图4-1所示。
浏览器
http://server/page.aspx page.aspx
服务器
服务器端代码
客户端代码
图4-1 服务器端代码转换为客户端代码
三种输入文本框方法
（1）<input type=“text” name=“username”>
（2）<a id=“TextBox1” type=“text ”></>
（3）<asp:TextBox ID="TextBox1"
runat="server"></asp:TextBox>
服务器控件概述（1/6）
超链接控件通常使用的两个属性：
ImageUrl：要显式图像的URL。ห้องสมุดไป่ตู้
NavigateUrl：要跳转的URL。 动态跳转 超链接控件能够对控件进行编程，来按照用户的 意愿跳转到自己跳转的页面
TextBox（文本框）控件
在Web开发中，需要和用户进行交互，例如 用户注册、登录等。使用文本框制作高级的 文本编辑器用于HTML，以及文本的输入输出。 利用TextBox控件在Web窗体中输入信息（包 括文本、数字和日期）的方法。 通过该控件的TextMode属性设置可以设置单 行，多行和密码三种形式文本框。
表4-1 按钮控件的比较
控件
Button LinkButton ImageButton
说明
标准命令按钮，该按钮呈现为一个HTML input元素。 超链接，包含使窗体被发回服务器的客户端脚本。（可以使 用HyperLink 服务器控件创建真实的超链接。） 将图形呈现为按钮。这对于提供丰富的按钮外观非常有用。 ImageButton控件还提供有关图形内已单击位置的坐标信息
可以引发服务器事件，也可以引发客户端事件。 服务器事件在回发后发生，且这些事件在为页面 编写的服务器端代码中处理。客户端事件在客户 端脚本（如JavaScript）中处理，并在提交页面前 引发。 通过向按钮控件添加客户端事件，可 以执行一些任务（如在提交页之前显示确认对话 框以及可能取消提交）。
TextMode属性
TextBoxMode.SingleLine，显示一个单行文本框 （默认值）。 TextBoxMode.MultiLine，显示多行文本框（该文 本框将作为textarea元素呈现）。 TextBoxMode.Password，显示屏蔽用户输入的文 本框。通过使用Text属性可以获得TextBox控件中 显示的文本。
图1 投票界面
4.1 HTML标记、HTML控件和Web控件
HTML标记、HTML控件
HTML标记作为文本来进行处理，要想使标记可编程，
就需要向这些 HTML 元素添加 runat=“server” 属性。
该属性指示，此元素是一个服务器控件。同时要添加 id 属性来标识该服务器控件。
<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton> Link类 型按钮 <br/> <asp:ImageButton ID="ImageButton1" runat="server" /> 图像类型按钮 <br/>
（1）按钮事件： 用户单击Button控件，会将该页发送到服务器。 这使得在基于服务器的代码中网页被处理，任何挂 起的事件被引发。这些按钮还可引发它们自己的 Click事件，可以为这些事件编写“事件处理程序”。
（2）按钮回发行为：
当用户单击按钮控件时，该页回发到服务器。默 认情况下，该页回发到其本身，在这里重新生成相 同的页面并处理该页上控件的事件处理程序。
第四章 Web服务器控件
本讲学习目标
掌握常见控件的使用方法
设计制作网络调查系统
本项目:网络调查系统。系统设计思路：首先用户设 置调查项生成调查问卷，对网上的浏览者进行调查， 网上浏览者对调查问卷进行相应的选择和回答后，提 交一个调查结果，调查结果在服务器端汇总，得出调 查结论。 系统将为使用者提供一个迅速、便捷的得到用户反馈 的方式，及时的了解用户对某些问题的真实态度，为 了解用户的反应以及为接下来的决策提供参考和依据。
文本控件其它属性
Text表示要显示的文本
MaxLength表示文本框的最大字符数。
AutoPostBack表示文本是否处理服务器端事件。 OnTextChanged事件表示当文本框中的文本发 生改变时处理的事件程序。