ASP.NET（1.WebForms）基本使用

简介

ASP.NET 是微软公司推出的基于 .NET Framework 的web开发平台，是一门强大的服务端技术，能够快速构建web应用程序，极大的提高了开发效率

创建项目

打开 Visual Studio，创建 ASP.NET Web应用程序，并选择创建空项目

得到以下目录

右键项目，点击添加web窗体

此时，就得到了我们的窗体对应的文件, index.aspx文件是我们的客户端页面文件，可以在里面编写html代码和chsarp代码来构建页面；index.aspx.cs 是服务端文件，可以在这里处理客户端的事件数据；index.aspx.designer.cs 是该窗体的配置文件，一般不对此文件进行修改。

若启动时，遇到此报错信息，在项目根目录下的Web.config 中，删除httpRuntime 代码即可

基本控件

非空验证

在 index.aspx 文件中，打开左侧工具栏，搜索 RequiredFieldValidator 控件，并双击添加进页面

点击它，并在右下角属性面板中进行一些设置

ControlToValidate: 此非空验证控件与哪个控件进行绑定，值为被绑定控件的 ID值

ErrorMessage: 当非空验证绑定的控件值为空时，激活控件，并显示它的 ErrorMessage

验证是否一致

搜索 CompareValidator 并添加

使用 ControlToValidate属性和 ControlToCompare属性绑定两个控件值就为控件的ID

正则表达式验证控件

搜索 RegularExpressionValidator 并添加

ControlToValidate: 需要验证控件的id值

ValidationExpression: 用于验证的正则表达式，可以使用自带的，也可以自定义

自定义验证控件

搜索并添加 CustomValidator

ControlToValidate: 需要验证控件的id值

点击事件，并双击 ServerValidate 生成函数处理验证内容

protected void CustomValidator1_ServerValidate(object source, ServerValidateEventArgs args)
{
    //使用args.Value 接收待验证的值
    //使用args.IsValid 决定是否通过验证
    args.IsValid = args.Value.StartsWith("aaa");
}

高级控件

母版页与内容页

右键项目，添加 Web Forms 母版页

此时会生成 .Master 文件，其中的 ContentPlaceHolder 就是模板占位符，母窗体会自动寻找下属的子窗体，并将对应的 ContentPlaceHolder值的子模板填入该位置

右键项目，添加子模板页

选择它的母版页

可以看到，子模版页的 ContentPlaceHolder 与母版页 ContentPlaceHolder 相对应，子版页就可以插到母版页中

注意：在子版页中，只能在 <asp:Content> </asp:Content> 标签中书写内容

文件上传控件

搜索并添加 FileUpload，并在下方添加一个按钮，双击击该按钮进入点击事件，来处理上传的文件

protected void Button1_Click(object sender, EventArgs e)
{
    // 判断是否含有文件
    if (FileUpload1.HasFile)
    {
        // 获取文件名
        string fileName = FileUpload1.FileName;

        // 获取文件的后缀名  使用Path 对象 需要在顶部导入 using System.IO;
        string fileFix = Path.GetExtension(fileName).ToLower();

        if (fileFix == ".png" || fileFix == ".jpg")
        {
            // 将文件保存至 项目文件夹下的uploadpic 文件夹中
            this.FileUpload1.SaveAs(Server.MapPath(".\\uploadpic\\" + fileName));

            Response.Write("<script>alert('文件上传成功')</script>");
        }
        else
        {
            Response.Write("<script>alert('文件必须是图片类型')</script>");
        }

    }
    else
    {
        Response.Write("<script>alert('未选择文件')</script>");
    }
}

文件下载

(待下载的文件必须是 zip 压缩包格式)

使用a标签直接下载，其路径为服务端文件路径

1
2
3

<a href="downloadFile/demo.zip">
    点我下载
</a>

点击按钮，生成点击事件下载

protected void Button2_Click(object sender, EventArgs e)
{
    // 固定格式
    Response.ContentType = "application/x-zip-compressed";

    Response.AddHeader("Content-Disposition", "attachment:filename=demo.zip");

    // 将虚拟路径转化成实际物理路径
    string fileName = Server.MapPath("~/demo.zip");

    // 将文件 回传给浏览器
    Response.TransmitFile(fileName);
}

系统对象

page 对象

IsPostBack 判断是否回发页面是否是第一次加载

protected void Page_Load(object sender, EventArgs e)
{
    // 页面第一次加载
    if (!IsPostBack)
    {

    }
}

Respons 对象

protected void Page_Load(object sender, EventArgs e)
{
    // 页面第一次加载
    if (!IsPostBack)
    {
        //向客户端写入字符串
		Response.Write("<script>alert('未选择文件')</script>");
        
        // 页面重定向
        Response.Redirect("~/index.aspx");
    }
}

Request 对象

<div>
    <!-- 使用get 方式传参 -->
    <a href="show.aspx?id=1">点击跳转</a>
</div>

protected void Page_Load(object sender, EventArgs e)
{
    // 页面第一次加载
    if (!IsPostBack)
    {
        // 通过request 对象拿到参数
        string id = Request.QueryString["id"];
    }
}

<form id="form1" action="index.aspx" method="post">
    <input type="text" name="userId">
    <input type="submit" value="提交">
</form>

protected void Page_Load(object sender, EventArgs e)
{
    // 页面第一次加载
    if (!IsPostBack)
    {
        // 通过request 对象拿到参数,参数名为 input 的name值
        string id = Request.Form["userId"];
    }
}

页面状态管理

protected void Button2_Click(object sender, EventArgs e)
{
    // 创建cookie 对象 ，第一个参数是 cookie名，第二个是它的值
    HttpCookie cookie = new HttpCookie("userName",this.TextBoxName.Text);
    
    //指定cookie 的生命周期 (这里是保存三天)
    cookie.Expires = DateTime.Now.AddDays(3);
    
    // 将对象放置浏览器
    Response.Cookies.Add(cookie)；
    
    
}

在页面中可以根据cookie值是否存在而渲染不同的页面其csharp代码需用<% %>包起

session

protected void Button2_Click(object sender, EventArgs e)
{
    // 将值存入Session
    Session["userName"] = this.TextBoxName.Text;
    
    Response.Redirect("~/index.aspx");
    
}

protected void Page_Load(object sender, EventArgs e)
{
    
    if (!string.IsNullOrEmpty(Session["userName"].ToString()))
    {
        Response.Write("当前用户为"+Session["userName"].ToString());
    }
}

三层架构

controller 层作为与页面相连的一层，用于接收展示数据，再调用service层对数据进行封装处理，再由service层调用dao层，将数据入库

dao 层作为与数据库连接层，查询到数据后，将数据返回给service，service层将数据进行封装处理之后，返给controller，controller层将数据在页面上进行展示

首先创建model 实体类，类中的字段就是数据库中的字段

public class ProductModel
{
    int productId;
    string productName;
    decimal price;
    string detail;

    public int ProductId { get => productId; set => productId = value; }
    public string ProductName { get => productName; set => productName = value; }
    public decimal Price { get => price; set => price = value; }
    public string Detail { get => detail; set => detail = value; }

    public ProductModel(int productId, string productName, decimal price, string detail)
    {
        this.productId = productId;
        this.productName = productName;
        this.price = price;
        this.detail = detail;
    }

    public ProductModel()
    {
    }
}

创建dao 层作为数据库连接层，我这里用的是 DBhlper

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data;
using System.Data.SqlClient;

namespace Dao
{
    public static class DBhelper
    {

        public static SqlConnection getConn()
        {
            string sql = "server=.;uid=sa;pwd=123456;database=testDB";
            SqlConnection conn = new SqlConnection(sql);
            conn.Open();
            return conn;
        }

        public static int exquect(string sql)
        {
            return new SqlCommand(sql, getConn()).ExecuteNonQuery();
        }

        public static SqlDataReader getReader(string sql)
        {
            return new SqlCommand(sql, getConn()).ExecuteReader();
        }

        public static DataSet getSet(string sql)
        {
            DataSet ds = new DataSet();
            new SqlDataAdapter(sql, getConn()).Fill(ds);
            return ds;
        }

    }
}

创建数据逻辑层 service 用于处理数据的封装与逻辑，并将结果retrue出去

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data;
using System.Data.SqlClient;
using Dao;
using Models;

namespace Service
{
    public static class ProductService
    {
        public static List<ProductModel> getAllProduct()
        {
            string sql = "select * from Product";
            SqlDataReader reader = DBhelper.getReader(sql);
            List<ProductModel> list = new List<ProductModel>();
            while (reader.Read())
            {
                ProductModel product = new ProductModel();
                product.ProductId = reader.GetInt32(0);
                product.ProductName = reader.GetString(1);
                product.Price = reader.GetDecimal(2);
                product.Detail = reader.GetString(3);
                list.Add(product);
            }
            return list;
        } 
        
        
    }
}

创建 controller 层，作为页面交互层，并于service通信

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using Service;
using Models;


namespace Controller
{
    public static class ProductController
    {

        public static List<ProductModel> getAllProduct()
        {
            return ProductService.getAllProduct();
        }
        
    }
}

在页面中，通过调用controller层，可以进行对数据进行操作

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Controller;
using Models;

namespace Test
{
    public partial class index : System.Web.UI.Page
    {

        public static List<ProductModel> showList;

        protected void getAllData()
        {
            showList = ProductController.getAllProduct();
            gridview1.DataSource = showList;
            gridview1.DataBind();
        }   
        
    }
}