基于ASP NET的Web应用开发情境三任务2会员登录页面设计
《WEB应用开发》课程教案
主要教学内容
1.任务2
任务描述：设计与实现会员登录功能。
假设登录名为”abc”,密码为”123”。
当用户输入正确时，单击“登录”，提示“登录成功”，否则提示“登录名或密码错误”；单击“注册”时，可以跳转到注册页面,运行界面如下图。
2.基本知识与技能
2.1 html控件与web服务器控件概述
2.1.1 HTML标签的特点
HTML标签是静态的, 服务器端的C#代码无法得到这些元素，也不能动态地为这些元素添加或修改属性。
2.1.2 web服务器控件的特点
web服务器控件就是页面上能够被服务器端代码访问和操作的任何控件，它们都具有runat=“server”属性，id属性是服务器端代码的访问操作控件的唯一标识。
服务器控件都是页面上的对象，采用事件驱动的编程模型，控件的事件处理发生在服务器而不是客户端，事件的处理需要进行客户端与服务器端的往返，因此，在某些情况下会影响性能。
2.1.3 Web控件的书写格式
在中，Web控件是使用相应的标记来编写控件的。
Web控件的标记有特定的格式： <asp:TextBox ID="TextBox1" runat="server">
</asp:TextBox>
当客户端请求该控件所在.aspx页面时，服务器返回给客户端的代码为： <input name="TextBox1" type="text" id="TextBox1" />
2.1.4 使用Web控件对程序员的要求
使用Web控件，程序员不用详细了解HTML元素就可以设计页面。
在Visual Studio中，
程序员可以把Web控件拖拽到页面上来设计页面。
2.1.5将hmtl控件当成服务器端的控件使用
如：html标记文本框
<input id="Text1" type="text" />
加上属性:runat= " server " 它就可以当成服务器端的控件使用了
<input id="Text1" type="text" runat="server" />
2.2服务器控件的介绍
Web服务器控件的类别有：
固有控件：与一些简单的 HTML 元素相对应的控件
如：Button、Label、LinkButton、ImageButton…
验证控件：验证用户输入的控件
如： RequiredFieldValidator、RegularExpressionValidator…
Rich 控件：提供更加丰富的用户界面的控件
如： Calendar、AdRotator…
列表绑定控件：显示数据列表
如： DataList、GridView…
导航控件
如：Menu、TreeView...
登录系列控件等
.........
2.3 web服务器控件的使用
2.3.1 TextBox控件
(1)作用
建立单行文本输入框、密码输入、多行文本输入，通过TextMode属性来区别三种输入模式。
(2)常用属性的介绍
Text: 获取或设置 TextBox 控件中的数据
TextMode: 获取或设置文本的行为模式
ReadOnly:是否可以更改文本框中的文本
MaxLength：设置文本输入框中最多允许的字符数
AutoPostBack：设置为 True 时，当用户更改内容后离开控件时，导致控件触发TextChanged事件， AutoPostBack默认情况下设置为 False.
以上属性边演示边讲解,学生同步操作
(3)案例1
将文本框TextBox1中输入信息，显示在页面上
页面设计：在页面上添加一个TextBox1
利用文本框的TextChanged事件
protected void TextBox1_TextChanged(object sender, EventArgs e)
{
Response.Write(TextBox1.Text);
}
运行：在文本框中任意输入文本信息回车后，观察结果。
运行时在文本框中输入信息后，将鼠标离开TextBox1,观察结果。
将TextBox1的AutoPostBack设置为true,观察结果
(AutoPostBack=true时，焦点离开该文本框控件时自动提交)
(4)学生同步练习
将文本框TextBox1中输入信息，显示在页面上
教案辅导并答疑
2.3.2 Label控件
(1)作用
在页面上显示文本。
可以显示静态的信息，也可以在运行时通过代码动态的修改文本信息。
(2)常用属性的介绍
Text属性：在页面上显示信息
(3)实例2.在页面上显示当前的日期
页面设计：在页面上添加一个标签LblDate
编写代码：
protected void Page_Load(object sender, EventArgs e)
{
LblDate.Text = System.DateTime.Now.ToShortDateString();
}
浏览运行页面
学生同步练习：在页面上显示当前的日期。
学生练习：显示短时间型和日期时间型
2.3.3 Button控件
作用：接收用户的click事件，并执行相应的事件程序。
2.3.4 LinkButton控件
作用：同Button控件，中是外观上类似超级链接。
2.3.5 ImageButton控件
作用：基本功能同Button控件，只是在按钮上不仅可以显示一副图片，还可以获取图片的点击位置。
2.3.6 Image控件
(1)作用：显示图片
(2)常用属性的介绍
ImageUrl:显示图像的Url
AlternateText:图像不显示时的替代文字
ImageAlign:图像相对于页面其他元素的对齐
3. 任务2实施
3.1 任务分析
(1)需要用户输入什么内容？用什么控件实现？
(2)登录和注册分别用什么控件来实现？
3.2 页面设计与实现
(1)在站点下新建两个页面Login.aspx和Register.aspx
(2) Login.aspx页面设计
(3)Register.aspx页面的设计
(4)编写登录和注册的代码
protected void btnLogin_Click(object sender, EventArgs e)
{
if (txtName.Text == "abc" && txtPwd .Text== "123")
Response.Write("<script>alert('登录成功!')</script>");
else
Response.Write("<script>alert('登录名或密码错误！')</script>");
}
protected void lbtnReigster_Click(object sender, EventArgs e)
{
Response.Redirect("~/Register.aspx");
}
(5)说明：ImagButton的用法与Button类似，只是多设置一个ImageUrl属性
3.3任务拓展
3.3.1 HyperLink控件
(1)作用：在页面实现超链接，以文本或图片的形式呈现超链接。
(2)常用属性的介绍
Text：链接的文本标签
Target：链接的目标窗口或框架。
可能的值为 _top、 _self、_parent、_search 或_blank
NavigateURL：单击链接时所链接到的页面的 URL
ImageURL：用来指定要进行链接的图片Url，若和Text属性同时存在，则ImageUrl优先,Text显示为<img>标签的alt属性
(3)练习1：将该任务中的注册改成HyperLink来实现
3.4 拓展部分：html控件转化成服务器端的控件使用的方法
实例3:将文本框中输入的内容显示在页面
(1)页面设计：在页面增加一个html标记，和一个web服务器控件Button，id为btnGetText
(2)将文本转化为服务器端的控件
(3)编写代码：单击按钮，在页面显示文本框中输入的内容。
protected void btnGetText_Click(object sender, EventArgs e)
{
Response.Write(Text1.Value);
}
4.小结
(1)了解了HTML控件与WEB服务器控件的使用区别
(2)学习了几个基本控件的使用方法
(3)学习了事件处理的模式
(4)巩固了页面运行的机制
5.作业
预习并完成注册页面的设计与制作。
基于ASPNET的Web应用开发情境1任务3
《WEB应用开发》课程教案教学内容和教学组织主要教学内容1. 任务3 设计图文页面任务描述：设计图文页面，使用CSS美化HTML页面完成后效果如图所示：2. 基本知识与技能2.1 CSS简介CSS （Cascading Style Sheet ）中文译为层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
HTML定义了网页的结构CSS决定了浏览器如何显示HTML代码2.2如何在HTML中引入CSS？2.2.1行内式在HTML标签的style属性中写CSS代码2.2.2嵌入式在<head></head>中写CSS代码2.2.3链接式使用<link>链接外部CSS文件<link type="text/css" rel="stylesheet" href="mycss.css" />2.2.4导入式使用@import指令<style type="text/css">@import "mystyle.css";</style>2.3编写CSS 样式规则CSS 的思想就是首先指定对什么“对象”进行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。
因此，概括来说，CSS 就是由3个基本部分组成的——“对象”、“属性”和“值”。
2.3.1 CSS 规则与声明CSS 文档由一条或多条CSS 规则（Rules ）组成，规则拥有特定的格式：2.3.2 CSS 单位2.4基本CSS 选择器在CSS 的3个组成部分中，“对象”是很重要的，它指定了对哪些网页元素进行设置，因此，它有一个专门的名称选择器（selector ）。
2.4.1 CSS 标签选择器用于设定HTML 文档中指定标签的显示样式属性2.4.2类别选择器给特定的一组CSS 代码取名，然后可以应用于多个不同的标签：属性 值 属性 值2.4.3 id 选择器对于页面中独一无二的元素，比如页脚，可以给其id 属性赋予一个独一无二的值，然后可以用id 选择器给指定id 的元素设置样式ID 选择器 属性 值属性值2.4.4伪类选择器超链接标签<a>支持几个特殊的CSS 样式类，用于定义超链接不同状态的样式，这些样式类被称为“伪类（pseudo class ）”2.5复合选择器将前面介绍 的“标记选择器”、“类别选择器”和“ID 选择器”统称为“基本选择器”。
基于ASP NET的Web应用开发02情境九任务2：实现会员留言功能
《WEB应用开发》课程教案主要教学内容1.任务2创建留言信息表Message，实现留言功能。
由于还没有实现登录功能，所以无法从数据库读取登录的用户，但可以假设为一个数据库已经存在的固定用户，登录功能实现以后再修改代码成当前登录用户。
2.基本知识与技能2.1 网址路由简介网址路由（Routing）是 MVC生命周期的一部分，在 MVC中有两个主要用途，一是匹配通过浏览器传来的HTTP请求，二是将适当的网址返回浏览器。
掌握网址路由能够帮助理解 MVC执行的先后顺序，从而减少错误。
（1）匹配通过浏览器传来的HTTP请求客户端对网站发出请求时，能通过Routing找到适当的HttpHandler来处理该请求，如果HttpHandler是由MvcHandler（MvcHandler实现了IHttpHandler接口）来处理的，则就会进入 MVC的执行生命周期，并且会找到适当的Controller与Action类对其进行处理。
（2）将适当的网址返回给浏览器网址路由的另一个作业是决定 MVC应该输出什么样的网址并将其返回给浏览器。
一般来说，跳转地址或在View中定义的超链接都需要敞开网址路由的定义，否则会出现无法找到资源的错误。
2.2 URL如何对应到网址路由网址路由定义在Global.asax文件中。
所有应用程序的入口都是Application_Start()方法，所有的网址路由都会在此定义。
其中RouteTable.Routes是一个公开的静态对象，用于存储所有网址路由的匹配规则。
而RegisterRoutes()方法用于注册网址路由，其第一行代码routes.IgnoreRoute({resource}.axd/{*pathInfo})；使用IgnoreRoute()方法来定义那些不需要经过网址路由处理的网址。
在RegisterRoutes()方法中，｛｝只代表一个占位符，*是通配符，表示任意长度的字符串。
基于ASP.NET的主题在网站设计中用户登录界面的应用
２ 主题 在 单 个 页 面 中的 应 用
对 于 如 图 １所示 的用 户 登 录窗 口 ． 用 主题 来 改 变 利
１ 组 成 主 题 的 主 要 元 素
主题 由 Ｃ Ｓ级 联 样 式 表 、 观 、 Ｓ 外 图像 和其 他 资 源 组 成 ． 中外 观 是 必 不 可 少 的组 成 元 素 之 一 其 （）Ｓ １Ｃ Ｓ样式 。 主题 可 以包 含 一 个 或 多 个 Ｃ Ｓ样 式 Ｓ 表 假 如 将 Ｃ Ｓ样 式 文 件 放 在 主题 文 件 夹 时 ． 式 表 会 Ｓ 样 自动作 为 主题 的 一 部 分 来 应 用 ．当 然 也 可 以 将 Ｃ Ｓ样 Ｓ 式 文件 放 在其 他 目录 里 主 题 中的 Ｃ Ｓ文 件 与 非 主 题 Ｓ
０ 引
言
中 的 Ｃ Ｓ文 件 有 所 不 同 ．主 题 中 的 Ｃ Ｓ在 应 用 是 不 需 Ｓ Ｓ 要 在 页 面 中 指 定 Ｃ Ｓ文件 链 接 ．而 是设 置 页 面 或 整 个 Ｓ
开 发 一 些 大 型 网 站 时 ．利 用 网 页设 计 中 的 Ｃ Ｓ Ｓ 样 式 可 以 使 开 发 人 员 有 效 地 设 计 出外 观 一 致 的 网 页 但 Ｃ Ｓ样 式 主 要 针 对 Ｈ ＭＬ元 素 ， 在创 建 动 态 页 面 时 ． Ｓ Ｔ 而 大 多数 使 用 Ｗｅ 服 务 器 控 件 ． 了使 用 Ｗｅ ｂ 为 ｂ服务 器 控 件 也 能 像 Ｈ ＭＬ元 素 那 样 使 用 Ｃ Ｓ样 式 ．可 以 使 用 Ｔ Ｓ
外 观 都 有 一 个 唯一 的 名称 Ｓ ｉｌ 标识 ｋｎＤ
主题 是 Ａ ＰＮ Ｔ 的一 项 重 要 应 用 功 能 ． 组 控 件 Ｓ ．Ｅ 一 的 外 观 可 以使 用 此 功 能 一 次 来 完 成 定 义 ．还 可 以 设 置 将 该 外 观 应 用 于整 个 Ｗｅ ｂ应 用 程 序 。例 如 ， 以通 过 可 设 置 主 题 功 能 ． 可 以方 便 、 捷 地 为 应 用 程 序 中的 所 就 快
基于ASP.NET技术的WEB网站开发与设计
基于技术的WEB网站开发与设计————————————————————————————————作者：————————————————————————————————日期：毕业设计（论文)摘要随着现代信息技术的发展,基于Web服务的信息发布成为技术改革与发展的方向。
本设计主要是人力资源咨询和培训网站的建设，在求职者与企业之间建立一座桥梁。
一方面使企业通过该系统提供的服务发布招聘新信息以及查询求职者的个人信息；另一方面求职者也可以发布个人求职信息,查询企业相关信息，方便求职者即时的了解企业的招聘动态.在网站建设的过程中,涉及到技术、开发环境、数据库设计等知识，特别是Web服务。
本系统选用了Asp。
net作为系统开发工具，数据库管理系统采用SQL Server2000.本设计实现了个人和企业的注册以及登录的功能，不仅对各种招聘信息、企业信息、个人信息的即时发布,而且还提供了后台管理功能。
在后台管理中还实现了对个人会员、企业会员的管理以及对最新招聘信息的管理.关键词：ASP。
NET;人力资源；网站建设AbstractWith the development of modern information technology，Web-based information service issued became a technical reform and development direction.The design is mainly talking about human resources consulting and building website of training, building a bridge between job—seekers and enterprises。
On the one hand，the enterprises can issued new information of recruitment，and enquiried job—seekers’ personal information which provided by the services of the system;On the other hand, job—seekers can also issued the individual information，enquired business—related information。
基于ASP.NET框架下登录模块的设计与实现
试验与研究234 2015年9月下基于 框架下登录模块的设计与实现王 清 孙玉涛安徽财经大学管理科学与工程学院计算机系，安徽 蚌埠 233000摘要：设备管理系统主要用于城市充电站网点、充电站设备公司及刷卡用户之间的在线交互。
而作为拥有多重权限交互功能管理系统，必然需要一个完整的登录体系。
本文基于 框架，首先从登录模块的功能结构和用户体验分析，设计用户界面；然后设计业务流程图，对模块关键代码进行阐述；再深入思考代码的复用性问题；最后从安全方面考虑，给出数据加密的解决方案。
关键词：设备管理系统； 框架；登录模块；MD5加密；代码复用性 中图分类号：TP311.52 文献标识码：A 文章编号：1002-1388(2015)09-0234-021 模块设计1.1 B/S 结构B/S 结构是一种以HTTP 为传输协议，客户端通过浏览访问Web 服务器以及与之相连的后台数据库的体系结构[1]。
登录模块采用B/S 三层架构。
用户通过浏览器登录系统，系统执行操作之后，通过数据访问层的接口，可以同数据库服务器中进行数据交互。
图11.2 数据表介绍登录模块涉及到访问数据库中的三张数据表。
用户信息结构表名称为“YHTable ”，本文中使用到的该表中的字段为“YH_Name ”和“YH_Password ”；客户信息结构表名称为“KHTable ”，本文中使用到的该表中的字段为“KH_Name ”和“KH_Password ”；管理员信息结构表名称为“GLYTable ”，本文中使用到的该表中的字段为“GLY_Name ”和“GLY_Password ”。
1.3 设计用户控件用户控件是封装到可复用控件中的Web 窗体，它包含了许多页面都需要的代码块；或者说用户控件将可复用的代码或内容创建为独立的 控件，然后可以在其他页面中使用这样控件[2]。
登陆模块控件主要由下面8个基本控件构成，根据下表内容，再进行适当布局。
2 模块实现2.1 业务逻辑流程见图1。
ASP 设计会员登录
ASP 设计会员登录
会员登录是一个网站必不可少的部分，是为用户提供个性化页面的基础，会员只用登录成功，才能享受网站的各种优惠活动。
本次练习将使用表格布局工具，设计登录界面，具体的功能实现代码，我们再前面已经多次讲解，这里就不再重复。
具体步骤如下所示：
（1）建立表单。
再表单插入一个1行1列的表格，设置表格的背景图片为ima
（2）在单元格中嵌套表格，设置垂直对齐模式为底部对齐，使用二个文本框和一个下拉菜单提示用户输入账号密码信息，使用【确定】和【取消】按钮具体提
具体效果如图8-2所示：
图8-2 使用表格设计登录界面。
基于ASPNET的Web应用开发情境三任务3会员注册页面设计
《WEB应用开发》课程教案教学内容和教学组织主要教学内容1.任务3任务描述：设计与实现用户注册功能。
新用户注册时，可以输入用户名、密码等相关的信息，当单击“注册”按钮时，可以将用户输入的内容在表格的下方显示；当单击“取消”时，可以撤销用户的输入，同时让光标停留在用户名输入框中。
运行界面如下所示。
2.基本知识与技能2.1 DropDownList控件2.1.1 作用用来在客户端呈现一个下拉框2.1.2 常用属性介绍Items：列表集合SelectedIndex：获取或设置被选中项的索引SelectedItem：获取列表中被选定的项SelectedValue：获取列表中选中的值AutoPostBack：列表中选项发生变化，是否自动回传到服务器2.1.3 DropDownList控件的数据绑定(1) ListItem集合编辑器DropDownList控件右上方的DropDownList任务，选“编辑项”或者通过Items属性。
这种方式简单，但不太适用。
（2）直接用HTML添加<asp:DropDownList ID="DropDownList1" runat = "server" ><asp:ListItem>aa</asp:ListItem><asp:ListItem>bb</asp:ListItem><asp:ListItem>cc</asp:ListItem></asp:DropDownList>（3）用代码设置protected void Page_Load(object sender, EventArgs e){if (!IsPostBack){DropDownList1.Items.Add(new ListItem(“计算机网络"));DropDownList1.Items.Add(new ListItem(“电子技术应用"));DropDownList1.Items.Add(new ListItem(“软件外包服务"));}}（4）利用集合这种方法最灵活using System.Collections;protected void Button1_Click(object sender, EventArgs e){ArrayList arr = new ArrayList();arr.Add("111");arr.Add("222");arr.Add("333");DropDownList1.DataSource = arr;DropDownList1.DataBind();}(5) DropDownList控件的事件:与AutoPostBack属性结合使用实例4：将在DropDownList控件中选择的内容填充到文本框中。
asp会员注册登录以及管理系统网页实例
Result.asp(注册跳转结果，是否注册成功)<!--#include file="conn/db.inc.asp"--><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>注册结果</title><style type="text/css"><!-body {margin-top: 0px;margin-bottom: 0px;background-image: url();background-repeat: no-repeat;}body {background-color: #FFFFCC;}--></style></head><body><% on error resume next '如果有代码错误就跳过去继续运行%><table width="800" border="0" align="center" cellspacing="0"><tr><td width="218" height="72" bgcolor="#FFCC99"> </td><td width="376" bgcolor="#FFCC99"> </td><td width="200" bgcolor="#FFCC99"> </td></tr><tr><td bgcolor="#99FF99"> </td><td align="center" valign="middle" bgcolor="#99FF99"><p><a href="register.asp"><%'创建recordset对象方法1set rst=Server.CreateObject("ADODB.recordset")rst.open "select * from [user] where u_user='"&request.form("f_user")&"'",conn,1,1if rst.recordcount>0 then'如果从在这个用户名，对用户进行提示response.Write "用户名："&request.form("f_user")&"已经被占用！请点击后退按钮返回上一页！"rst.closeset rst=nothingconn.closeset conn=nothingresponse.Endelserst.closeconn.begintrans '开启数据库的事务功能rst.open "select * from [user]",conn,1,3rst.addnew'插入数据到user表rst("u_user")=request.Form("f_user")rst("u_code")=request.Form("f_code")rst.updaterst.close'获取刚才插入数据的自动编号字段值，即u_id字段的值set rst1=conn.execute("SELECT @@IDENTITY AS uid")uid=rst1("uid")rst.open "info",conn,1,3'错误分析检测语句set myErrors=conn.errorsif myErrors.count>0 thenfor i=0 to myErrors.count-1response.Write("错误原因:"&myErrors.item(i).description&"<b>")nextend if'错误分析检测结束if err.number<>0 thenresponse.Write "ERR对象捕获错误："&err.descriptionend ifrst.addnew'插入数据到info表rst("i_uid")=uidrst("i_name")=request.Form("f_name")rst("i_sex")=request.Form("f_sex")rst("i_age")=request.Form("f_age")rst("i_vip")=falserst.updaterst.closeif err.number<>0 thenconn.rollbacktrans'取消之前写入数据库的内容（写入数据出错的情况下）%></a> <img src="image/zcsb.jpg" width="250" height="250" /><br> <%elsemittrans%><img src="image/zccg.jpg" width="250" height="250" /> </p><p>请<a href="login.asp">登录</a>！！！</p></td><%end ifend if%><td bgcolor="#99FF99"> </td></tr><tr><td height="154" bgcolor="#99FF99"> </td><td bgcolor="#99FF99"> </td><td bgcolor="#99FF99"> </td></tr></table></body><%set rst=nothingconn.closeset conn=nothing%></html>Login.asp（会员登陆、登陆成功、会员信息显示页面）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>主页</title><style type="text/css"><!--body {margin-top: 0px;margin-bottom: 0px;background-image: url();background-repeat: no-repeat;}.STYLE1 {font-size: xx-large}.STYLE2 {font-size: large;font-weight: bold;color: #FF0000;}--></style></head><body><table width="800" height="431" border="0" align="center" cellspacing="0"><tr><td height="431" align="center" valign="top" background="img/zybeijing.jpg" bgcolor="#FFFFFF"><table width="800" height="429" border="0" cellspacing="0"><tr><td width="229" height="69" bgcolor="#6699FF"></td><td width="359" bgcolor="#6699FF"></td><td width="206" bgcolor="#6699FF"><p><a href="register.asp">注册</a></p><p><a href="login.asp">登录</a></p><p><a href="admin.asp">管理</a></p></td></tr><tr><td height="68" bgcolor="#66FFFF"></td><td align="center" valign="middle" bgcolor="#66FF99"><span class="STYLE1">会员登陆</span></td><td bgcolor="#66FFFF"></td></tr><tr><td height="238" bgcolor="#66FFFF"></td><td align="center" valign="middle" background="img/du.jpg" bgcolor="#66FF99"><!--#include file="conn/db.inc.asp"--><%set rst=Server.CreateObject("adodb.recordset")if request.QueryString("act")="login" then'登录sql="select * from [user] where u_user='"&request.Form("f_user")&"'"sql=sql&"and u_code='"&request.Form("f_code")&"'"rst.open sql,conn,1,1if rst.recordcount>0 thensession("user")=rst("u_user")'用这个SESSION变量表示用户是否已经登录session("acc")=trueresponse.Write "用户名会密码错误！登陆不成功！"end ifrst.closeelseif request.QueryString("act")="loginout" then'退出登录session("user")=""session("acc")=falseend if%><%if not session("acc") then%><form id="form1" name="form1" method="post" action="login.asp?act=login"><br /><table width="84%" border="0" cellspacing="0" cellpadding="0"><tr><td width="24%" align="right">用户名：</td><td width="56%"><input name="f_user" type="text" id="f_user" /></td><td width="20%" rowspan="2" align="center"><input type="submit" name="Submit" value="登录" /></td></tr><tr><td align="right">密 码：</td><td><input name="f_code" type="password" id="f_code" /></td></tr><tr><td align="right"> </td><td colspan="2">如果没有账户，请<a href="register.asp">注册</a>！</td></tr></table></form><%else%><%= session("user") %> 欢迎你再次到来！<br /><a href="login.asp?act=loginout">退出登录</a><%end if%></td><td bgcolor="#66FFFF"></td></tr><tr><td height="28" bgcolor="#99FFFF"></td><td bgcolor="#99FFFF"></td><td bgcolor="#99FFFF"></td></tr><tr><td height="26" colspan="3" align="right" valign="bottom" bordercolor="#FFFFFF" bgcolor="#99FFFF" style="border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-bottom-style: dotted; border-bottom-width: 1px"></td></tr></table></td></tr><table width="800" height="651" border="0" align="center" cellspacing="0"><tr><td height="651" align="center" valign="top" background="img/zcym1.jpg" bgcolor="#FFFFFF"><table width="800" border="0" cellspacing="0"><tr><td width="84" height="225" bgcolor="#FFCC99"></td><td width="670" align="center" bgcolor="#FFCC99"><span class="STYLE1"> 会员功能</span></td><td width="40" bgcolor="#FFCC99"></td></tr><tr><td height="358" bgcolor="#FFFF99"></td><td align="center" valign="middle" bgcolor="#FFFFCC"><%if not session("acc") then%><span class="STYLE2"> 对不起,您还没有登录，不能查看会员功能!!!</span><br /><%else%>会员数据库USER表结构如下：<table width="80%" border="1" cellspacing="0" cellpadding="0"><tr><td width="24%" align="center">字段名</td><td width="21%" align="center">字段类型</td><td width="22%" align="center">字段数据长度</td><td width="33%" align="center">允许存储的最大数字位</td></tr><%rst.open "select * from [user]",conn,1,1for i=0 to rst.fields.count-1%><tr><td align="center"><%= rst.fields(i).name %></td><td align="center"><%= rst.fields(i).type %></td><td align="center"><%= rst.fields(i).actualsize %></td><td align="center"><%= rst.fields(i).precision %></td></tr><%next%></table><%end if%><br /></td><td bgcolor="#FFFF99"></td></tr><tr><td height="66" colspan="3" align="center" valign="bottom" bgcolor="#FFFFCC"></td></tr></table></td></tr></table></body><%set ret=nothingconn.closeset conn=nothing%></html>Register.asp（注册页面）<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>注册页面</title><style type="text/css"><!--body {margin-top: 0px;margin-bottom: 0px;background-image: url();background-repeat: no-repeat;background-color: #FFFFCC;}.STYLE1 {color: #FF0000}.STYLE3 {font-size: xx-large; color: #FF0000; font-family: "华文琥珀";}--></style></head><body><table width="800" height="597" border="0" align="center" cellspacing="0"><tr><td height="597" align="center" valign="top" background="img/beijing.jpg"><table width="800" border="0" cellspacing="0"><tr><td width="91" height="114" bgcolor="#66FF66"> </td><td width="310" bgcolor="#66FF66"> </td><td width="304" align="center" valign="middle" bgcolor="#66FF66" class="STYLE3">注册页面</td><td width="87" bgcolor="#66FF66"> </td></tr><tr><td height="74" bgcolor="#00FF99"> </td><td colspan="2" bgcolor="#99FFFF"> </td><td align="center" valign="middle" bgcolor="#66FF99"> </td></tr><tr><td height="322" bgcolor="#00FF99"> </td><td colspan="2" bgcolor="#99FFFF"><form id="form1" name="form1" method="post" action="result.asp"><table width="90%" border="1" align="center" cellpadding="5" cellspacing="0"><tr><td colspan="3">请在下面填写您的注册资料，红色<span class="STYLE1">*</span>号所标示的选项为必填项</td></tr><tr><td width="24%" align="right">用户名：</td><td width="37%" align="left"><input name="f_user" type="text" id="f_user" /></td><td width="39%" align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">密码：</td><td align="left"><input name="f_code" type="password" id="f_code" /></td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">姓名：</td><td align="left"><input name="f_name" type="text" id="f_name" /></td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">性别：</td><td align="left"><select name="f_sex" id="f_sex"><option value="男" selected="selected">男</option><option value="女">女</option></select> </td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">年龄：</td><td align="left"><input name="f_age" type="text" id="f_age" size="8" /></td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td colspan="3" align="center"><input type="submit" name="Submit" value="提交注册资料" /> <input type="reset" name="Submit2" value="重置表单" /></td></tr></table></form></td><td align="center" valign="middle" bgcolor="#66FF99"> </td></tr><tr><td height="69" bgcolor="#00FF99"> </td><td colspan="2" bgcolor="#99FFFF"> </td><td align="center" valign="middle" bgcolor="#66FF99"> </td></tr></table></td></tr></table></body></html>db.inc.asp（数据库连接页面）<%'字符串连接数据库方法set conn=server.CreateObject("ADODB.CONNECTION")conn.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("sjk/fifasp.mdb")%><%set conn=Server.CreateObject("ADODB.Connection")conn.open "DRIVER=Driver do Microsoft Access (*.mdb);UID=admin;PWD=;DBQ="&Server.MapPath("sjk/fifasp.mdb")'set conn=server.CreateObject("ADODB.Connection")'conn.open "DSN=fifasp;UID=admin;PWD=;"%>Admin.asp（会员管理删除主页面）<!--#include file="conn/db.inc.asp"--><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>会员管理</title><style type="text/css"><!--body {margin-top: 0px;margin-bottom: 0px;background-image: url();background-repeat: no-repeat;background-color: #FFFFCC;}.STYLE1 {font-size: xx-large;font-weight: bold;color: #FF0000;}.STYLE2 {color: #0000FF}.STYLE10 {color: #FF0000; font-weight: bold; font-size: large; }.STYLE12 {color: #000000; font-size: medium; font-weight: bold; }.STYLE13 {color: #FF0000;font-size: x-large;}--></style></head><body><span class="STYLE13"><%set rst=Server.CreateObject("adodb.recordset")on error resume nextif request.QueryString("act")="del" then'如果是删除记录id=request.QueryString("id")conn.begintrans'conn.execute "delete from user where u_id="&id'conn.execute "delete from info where i_uid="&idrst.open "select *from user where u_id="&id,conn,1,3rst.deleterst.closerst.open "select * from info where i_uid="&id,conn,1,3rst.deleterst.closeif err.number<>0 thenconn.rollbacktransresponse.Write "删除会员失败"elsemittransresponse.Write "删除会员成功"end ifend if%></span><table width="800" height="747" border="0" align="center" cellspacing="0"><td height="222" align="center" valign="top" background="img/hygl.jpg"><table width="800" border="0" cellspacing="0"><tr><td width="84" height="164"> </td><td width="625" align="center"><span class="STYLE1">会员管理</span></td><td width="85"><p><a href="register.asp">注册</a></p><p><a href="login.asp">登录</a></p><p><a href="admin.asp">管理</a></p></td></tr><tr><td height="472"> </td><td align="center" valign="middle" bgcolor="#FFCCCC"><table width="95%" border="1" cellspacing="0" cellpadding="2"><tr><td width="7%" align="center"><span class="STYLE10">ID</span></td><td width="18%" align="center"><span class="STYLE10">用户名</span></td><td width="16%" align="center"><span class="STYLE10">姓名</span></td><td width="7%" align="center"><span class="STYLE10">性别</span></td><td width="8%" align="center"><span class="STYLE10">年龄</span></td><td width="8%" align="center"><span class="STYLE10">会员</span></td><td width="25%" align="center"><span class="STYLE10">操作</span></td></tr><%sql="select * from user,info where u_id=i_uid"rst.open sql,conn,1,1while not rst.eof%><tr><td align="center" class="STYLE12"><%= rst("u_id") %></td><td align="center"><span class="STYLE12"><%= rst("u_user") %></span></td><td align="center"><span class="STYLE12"><%= rst("i_name") %></span></td><td align="center"><span class="STYLE12"><%= rst("i_sex") %></span></td><td align="center"><span class="STYLE12"><%= rst("i_age") %></span></td><td align="center"><span class="STYLE12"><%if rst("i_vip") thenresponse.Write "是"elseresponse.Write "否"end if%></span></td><td colspan="3" align="center"><span class="STYLE2"><a href="modify.asp?id=<%= rst("u_id") %>">修改资料</a><a href="admin.asp?act=del&id=<%= rst("u_id") %>">删除资料</a></span></td></tr><%rst.movenextwendrst.close%></table></td><td> </td></tr><td height="66"> </td></tr></table></td></tr></table></body></html>modify.asp（会员信息更新页面）<!--#include file="conn/db.inc.asp"--><%set rst=server.CreateObject("adodb.recordset")%><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>会员资料修改</title><style type="text/css"><!--body {margin-top: 0px;margin-bottom: 0px;background-image: url();background-repeat: no-repeat;background-color: #FFFFCC;}.STYLE1 {color: #FF0000}--></style></head><body><%set rst=server.CreateObject("adodb.recordset")on error resume nextid=request.QueryString("id")if request.QueryString("act")="modify" then'如果是就修改记录conn.begintrans'sql="update user setu_user='"&request.Form("f_user")&"',u_code'"&request.Form("f_code")&"'where u_id=id 'sql1="update info seti_name='"&request.Form("f_name")&"',i_sex'"&request.Form("f_sex")&"'"'sql1=sql1&",i_age="&request.Form("f_age")&",i_vip="'if request.Form("f_vip")=1 then'sql1=sql1&"true"'else'sql1=sql1&"false"'end if'sql1=sql1+"where i_uid="&id'conn.execute sql'conn.execute sql1rst.open "select * from user where u_id="&id,conn,1,3rst("u_user")=request.Form("f_user")rst("u_code")=request.Form("f_code")rst.updaterst.closerst.open "select * from info where i_uid="&id,conn,1,3rst("i_name")=request.Form("f_name")rst("i_sex")=request.Form("f_sex")rst("i_age")=request.Form("f_age")if request.Form("i_vip")=1 thenrst("i_vip")=trueelserst("i_vip")=falseend ifrst.updaterst.closeif err.number<>0 thenconn.rollbacktransresponse.Write "修改会员失败"elsemittransresponse.Write "修改会员成功"end ifend if%><table width="800" height="573" border="0" align="center" cellspacing="0"><tr><td height="573" align="center" valign="top" background="img/hyzlxg.jpg"><table width="800" border="0" cellspacing="0"><tr><td width="73" height="164"> </td><td width="646"> </td><td width="75"> </td></tr><tr><td height="337"> </td><td align="center" valign="middle" bgcolor="#FFCCFF"><a href="admin.asp">返回会员列表</a><%rst.open"select * from user where u_id="&request.QueryString("id"),conn,1,1 %><form id="form1" name="form1" method="post" action="modify.asp?act=modify&id=<%= request.QueryString("id") %>"><table width="90%" border="1" align="center" cellpadding="5" cellspacing="0"><tr><td colspan="3">请在下面修改会员资料，红色<span class="STYLE1">*</span>号所标示的选项为必填项</td></tr><tr><td width="24%" align="right">用户名：</td><td width="37%" align="left"><input name="f_user" value="<%= rst("u_user") %>" type="text" id="f_user" /></td><td width="39%" align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">密码：</td><td align="left"><input name="f_code" value="<%= rst("u_code") %>" type="text" id="f_code"/></td><td align="left"><span class="STYLE1">*</span></td></tr><%rst.closerst.open "select * from info where i_uid="&request.QueryString("id"),conn,1,1%><tr><td align="right">姓名：</td><td align="left"><input name="f_name" value="<%= rst("i_name") %>" type="text" id="f_name"/></td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">性别：</td><td align="left"><select name="f_sex" size="1" id="f_sex"><option value="男" selected="<% if rst("i_sex")="男" then response.Write "selected" end if%>">男</option><option value="女" selected="<% if rst("i_sex")="女" then response.Write "selected" end if%>">女</option></select> </td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">年龄：</td><td align="left"><input name="f_age" type="text" value="<%= rst("i_age") %>" id="f_age" size="8" /></td><td align="left"><span class="STYLE1">*</span></td></tr><tr><td align="right">是否会员：</td><td align="left"><input name="f_vip" type="radio" value="1" <% if rst("i_vip") then response.Write "checked" %> />是<input type="radio" name="f_vip" value="0" <% if not rst("i_vip") then response.Write "checked" %>/>否</td><td align="left"><span class="STYLE1">*</span></td></tr><% rst.close %><tr><td colspan="3" align="center"><input type="submit" name="Submit" value="修改会员资料" /> <input type="reset" name="Submit2" value="重置表单" /></td></tr></table></form></td><td> </td></tr></table></td></tr></table></body><%set rst=nothingconn.closeset conn=nothing%></html>。
ASPNET程序设计第04讲 登录页面和注册页面设计
四、TextBox控件（1/5）
TextBox控件称为文本框，主要用来接受用户的输入， 当然也可以用于输出信息。 (一)HTML标记 <asp:TextBox id="TextBox1" runat="server"> </asp:TextBox> 标记了一个TextBox控件，ID属性为TextBox1，为Web 服务器控件，没有默认的文本。 (二)常用属性 Text属性: 设置或获取文本框的文本内容。当用来接受 用户的输入时，需要获取该属性值为程序代码所用；当用 于输出信息时，需要将该属性设置到需要显示的内容。
一、控件概述
（2/7）
向Web Form页面加入HTML控件：在集成开发环境中， 将工具箱切换到HTML组，然后将要使用的控件拖入页面即 可。若要将其作为服务器控件使用，右击该控件，勾选 “作为服务器控件运行” ，使得开发器自动在该控件的标 签内加上“runat=server”属性，在页面的设计视图上，该 控件的左上角增加了一个绿色的小三角标记。 在HTML控件的属性窗口可以设置属性。属性窗口上没 有闪电标记，表明它没有事件，不能为其编写事件处理程 序。然而当HTML控件作为服务器控件运行时，却可以在.cs 文件中为其编写一个服务器方法。例如在网页上有一个 HTML的文本框控件Text1，将其为服务器控件运行后，双 击它就会切换的C#代码编辑窗口，可以为它编写 Text1_ServerChange处理程序。
一、控件概述
（5/7）
(三) HTML控件和Web窗体控件的选用 在一个Web Form网页上可以同时使用HTML控件和 Web窗体控件，两类控件中有一些控件的功能是对应的，如 都有Label控件。在选择控件时如何把握呢？ 1.使用HTML控件 ● 如果需要将已有的ASP网页转换成网页，则 可选择HTML控件。由于HTML服务器控件可以方便地对应于 HTML项，所有的HTML设计环境都会支持它。 ● 当控件需要与客户端互动时，则使用HTML服务器控 件。 ● 有些HTML控件功能在Web窗体控件中找不到对应控 件时，就只能使用HTML控件。例如常常使用Table HTML控 件在页面上定位，使用File Field HTML控件浏览文件目录和 选择文件，这两个HTML控件在Web窗体控件中找不到合适的 对应控件。
ASP NET应用开发教程案例2 设计网站主页面
1
1
8
2.3 知识链接
2.3.1 认识Page对象
1．code-behind模式 代码分离(代码隐藏)技术 2．Page类的事件与属性 （1）Page_Init事件 ：在页面服务器控件被初始化时发生 （2）Page_Load事件 ：在服务器控件加载到Page对象中时发生
（3）Page_UnLoad事件 ：在服务器控件从内存中卸载时发生
示的提示框，单击“全是”按钮
5
2.2 案例完成步骤
2.2.2 布局控件
6
2.2 案例完成步骤
2.2.2 布局控件
主页设计效果
7
2.2 案例完成步骤
2.2.3 编码实现
1 2 3 4 5 6 7 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { this.Panel1.Visible = true; } }
1 2 3 4 5 6 7 8 9 1 0
protected void IBtn_A_Click(object sender, ImageClickEventArgs e) { if (this.Panel1.Visible == true) { this.Panel1.Visible = false; } else { this.Panel1.Visible = true; } }
为文本也可显示为图像。
若要显示文本，请设置 Text 属性或只是将文本放置在 HyperLink 控件的开始和结束标记之间。若要显示图像，请设置 ImageUrl 属 性。 注意 ：如果同时设置了 Text 和 ImageUrl 属性，则 ImageUrl 属 性优先。如果图像不可用，则显示 Text 属性中的文本。在支持 “工具提示”功能的浏览器上，在将鼠标指针放在 Hyperlink 控 件上时将显示 Text 属性的值。