ASP.NET 2.0 快速入门第一讲
l 网络应用程序开发的历史回顾
l ASP.NET服务器端控件
l 内嵌代码与后置代码的区别
l 用户自定义控件
一. 网络应用程序开发的历史回顾
1. 网络编程语言与B/S架构程序的出现.
C/SàB/S
SmartClient技术
2. 早期三大网络编程语言ASP,PHP,JSP
3. .net平台的诞生与发展----ASP.NET的出现.
4. .net 2.0的发展, ASP.NET的复生.
l 最早的互动解决方案HTML+JavaScript(没有服务器端角本的时代)
计算器示例
<html>
请输入第一个数字<input type="text" name="no1"></p>
请输入第二个数字<input type="text" name="no2"></P>
<input type="button" name="submit" value="计算" onclick="add()">
<script language="javascript">
function add()
{
document.write(parseInt(document.all.no1.value)+parseInt(document.all.no2.value));
}
</script>
</html>
l ASP服务器端应用
ASP可以同样对用户输入或者操作进行响应,只是响应放在服务器端进行.
下面的例子和上面例子效果相同,只是响应放在了服务器端.
一. ASP.NET服务器端控件
ASP.NET提供了近80种服务器端控件
其中包括ASP.NET 1.1的30个和ASP.NET 2.0的50个新控件.
ASP.NET 2.0提供了一种File System的格式,它会在你的硬盘的某个目录下建立一个WebSite,可以不需要IIS支持,它会自己生成一个本地的轻量级WEB服务器进行管理.(基于文件轻型网页服务器),它只允许本地访问,保证了你在调试时的安全性.
1. 常用ASP.NET服务器控件
|
Lable |
标签 |
|
Textbox |
文本框 |
|
Checkbox |
复选框 |
|
Radio Button |
单选框 |
|
Image |
图片框 |
2. Button控件
|
Button |
普通按钮 |
|
Link Button |
带链接的按钮 |
|
Image Button |
带图片的按钮 |
l 例子应用:第一个ASP.NET 2.0应用程序—计算器示例
利用服务器控件生成计算器,代码如下:
a) Default.aspx
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br />
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox><br />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
<asp:Label ID="Label3" runat="server" Text="Label"></asp:Label></div>
</form>
</body>
b) Default.aspx.cs
protected void Button1_Click(object sender, EventArgs e)
{
this.Label3.Text = (Convert.ToInt32(this.TextBox1.Text) + Convert.ToInt32(this.TextBox2.Text)).ToString();
}
3. 列表框控件
List控件
|
List Box |
通用列表框 |
|
Drop Down List |
下拉列表框 |
|
Check button List |
复选列表框 |
|
Radio button List |
单选列表框 |
l 列表框互动示例
(略)
1. 认证控件
认证控件可以帮助程序员对用户的输入进行确认,如可以确认用户输入的合法性等.
Validation控件
|
RequriedField Validator |
必须输入检查 |
|
Regular Expression Validator |
正则表达式检查 |
|
Compare Validator |
比较检查 |
|
Custom Validator |
自定义检查 |
l 用户注册示例:
使用认证控件实现用户输入判定
一. 内嵌代码与后置代码的区别
(略)
二. 用户自定义控件
.NET中支持用户开发自定义的控件,以丰富程序
演示:用户开发自定义控件
1. datetimepicker.ascx
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="datetimepicker.ascx.cs" Inherits="datetimepicker" %>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label><br />
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
2. datetimepicker.ascx.cs
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Drawing;
public partial class datetimepicker : System.Web.UI.UserControl
{
private Color _Color = Color.Red;
public Color color
{
get
{
return _Color;
}
set
{
_Color = value;
}
}
protected void Page_Load(object sender, EventArgs e)
{
this.Label1.Text = DateTime.Now.ToLongDateString();
this.Label2.Text = DateTime.Now.ToLongTimeString();
this.Label1.ForeColor = this.color;
this.Label2.ForeColor = this.color;
}
}
浙公网安备 33010602011771号