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资料,觉得它的最后一版可以快速开发站点用了。哎,乱七八糟的一堆东西,了解一下还好,真要做事还是比玩辛苦得多。

猜你喜欢

转载自blog.csdn.net/weixin_45707491/article/details/113146784