VS2019上用C#和ASP.NET写WebForm网页的试练

1 前言

NET平台的VS2019还是挺爽手的IDE，写WinForm较写WebForm程序写起来方便，毕竟项目所需资源基本上都在本地，而WebForm不仅需要IIS支持，还需要其它Script帮助。据说MS出了ASP5，微软自己用的网络平台是基于.NET和ASP5的。MS能跑在.NET和ASP上，其它小网站当然不在话下。其实VS2019上，有MVC模式可参选，但初步印象好像不是Ruby on Rail那样的MVC实例化了。先搭个WebForm找找感觉，如果能激发出足够的热情，后面的事就好开展了。

2 主要工作

1. 在Win10上创建IIS服务

2. 用VS2019 C#试练ASP的WebForm

2.1 在Win10上创建IIS服务

在Win10上找到控制面版，打开它，点类别选图标方式。

图标方式列出各分项功能，找到“程序和功能”项。

进入程序和功能，找到左上角的“启用或关闭Windows功能”

在弹出页面上点选Internet Information Services和Internet Information Services可承载的Web核心项

点击确定后，打开本地浏览器，输入localhost，也就是127.0.0.1，IIS默认的首页就出来了，说明IIS启用正常。

2.2 用VS2019 C#试练ASP的WebForm

在VS2019上新建项目，选ASP.NET Web 应用程序(.NET Framework)项。由于列示的模板比较多，要耐心点找到它。

双击它，即进入配置新项目页。在此页将位置设置一下，比如 E:\aspnet1

其它名字和框架之类的就用默认的吧。然后，点创建，之后的页面上选空项目模板，其它的默认。接下来，点创建。

在资源管理器的项目WebApplication1黑体字上点右键，添加，新建项。

在新建项出来的页面上，点选画着蓝色圆皮球的 “Web”窗体。

资源管理器内容变成这个样子

源，即前台浏览器的代码；设计，即web界面。WEB界面设计与WinForm类似但不同，虚格里面是放控件的地方，可以点击伸缩它。其上面可插入HTML标记，SCRIPT标记等(IIS支持的脚本均可用，也可以给IIS安装扩展其它比如Perl的解释器等)，这些操作可以在“源”里直接编辑的。

      

 

3 写WebForm程序

在设计页，点左边“工具箱”，将Label，Button分别拖到界面上。在“源”页，加上<H2></H2>标记的一行大字“A simple WebPage of ASP.NET”，再一行普通<p></p>标记的小字“On Microsoft VS2019 IDE, C# is a good partner of ASP.NET for dynamic webpages”,在设计页面也可以改写它们的。

接下来，是双击Button，写上C#代码。

- 点击Button，改换Label1和Label2的文字

- 点击Button,  写文本文件再读出记录显示在Label上(加上几行ADO的代码，可以操作数据库的)

4 运行

Ctrl+S 保存， Ctrl+B生成，然后运行，Edge浏览器显示如图。

浏览器被自动打开，所做的WebForm页就显示出来了。如果你的计算机有公网固定IP地址，在遥远的互联网上也能看到你的主页的。试练的C#程序打包后放在我的下载里面，可以下载后运行体验。

因为是开发方式，不是正式的部署，它并未使用IIS默认的80端口，远程访问时不能只访问IP地址，要带上端口号。如果没有公网固定IP地址，可以申请花生壳免费的账号，安上它的软件即可穿透小区网，把你的计算机反向代理到公网，互联网上即可以访问你的计算机。这离做个真实像样的网站还有很多距离，没做母板也没有活动页，数据和页面傻傻的不能实时变化数据，数据库没带上，但搭了架子可以让各种Script语言帮助解决。MVC三层模型好是好，看了看VBSCRIP写的ASP.NET的POPASP的MVC资料，觉得它的最后一版可以快速开发站点用了。哎，乱七八糟的一堆东西，了解一下还好，真要做事还是比玩辛苦得多。