简单的ASP.NET Web应用

开发环境使用VS2019

首先选择ASP.NET Web应用程序

asp.net 开发地址簿 asp.net web开发步骤_System


然后点击下一步,选择一个文件夹存放

然后这里选择空,勾选Web窗体

asp.net 开发地址簿 asp.net web开发步骤_asp.net_02


然后点击创建完成创建

然后右键点击旁边解决方案资源管理器里的项目名(我这里是Test)

添加->新建项->Web窗体

asp.net 开发地址簿 asp.net web开发步骤_System_03


这里就创建了一个窗体了

这个窗体默认叫WebFrom1然后点击解决方案资源管理器里的WebFrom1.aspx

就可以看到他的前端代码,是用HTML JavaScript和CSS写的

在左下方有 设计|拆分|源 这三个选项,选中设计,就可以去布置控件了

控件在旁边的工具箱里

我在页面上布置了一个Button控件

asp.net 开发地址簿 asp.net web开发步骤_Web_04


双击这个控件,会自动跳转到与这个控件关联的函数处,如果没有,就会自动生成一个。

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

namespace Test
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write("这是一个测试");
        }
    }
}

然后运行

asp.net 开发地址簿 asp.net web开发步骤_控件_05


点击之后就会将“这是一个测试”写入http输入流

asp.net 开发地址簿 asp.net web开发步骤_asp.net_06


这就是一个极其简单的ASP.NET Web应用程序了

后面几篇我还会简单介绍下如何实现页面间的跳转,连接数据库,以及设置背景图案等。比如下面这种不随窗口大小而改变的。

asp.net 开发地址簿 asp.net web开发步骤_asp.net_07