用VS2015写一个简单的ASP.net网站

时间:2023-03-09 16:25:09
用VS2015写一个简单的ASP.net网站

第一步:打开VS2015,然后新建一个空的解决方案,其中解决方案的名称WebSiteTest可类似认为是本次网站的名称,系统会以该名称(WebSiteTest)生成一个文件夹,在WebSites文件夹中,且在WebSiteTest文件夹中有WebSiteTest.sln文件。

过程如图:

用VS2015写一个简单的ASP.net网站

点击确定后,第二步:对解决方案WebSiteTest右击添加-新建网站。选择ASP.NET 空网站,然后下方默认选择 文件系统,路径先选中W:\VS2015\WebSites\WebSiteTest,

然后在后面添加文件夹路径/MainSite或先自己在WebSiteTest中添加MainSite文件夹,然后路径选择时直接选择MainSite文件夹),MainSite勉强可以类似为项目文件夹,而WebSiteTest则是解决方案的文件夹。

过程如图:

用VS2015写一个简单的ASP.net网站

点击确定按钮后生成网站“项目”,其中此时只有Web.config文件和附属它的Web.Debug.config文件。

web.config其实是一个xml文档,里面有很多配置节点配置各项属性。比如有数据库连接字符串的节点设置数据库连接比如IP地址、端口等信息,其中的XML信息:

<compilation debug="true" targetFramework="4.5" />
<httpRuntime targetFramework="4.5" />

表示开启debug模式,运行环境是Framework4.5。

第三步:右键MainSite“项目”-添加-添加新项,选择Web 窗体,名字就用默认的Default.aspx即可,这个文件或Index.aspx文件一般是网站的主页面文件。

过程如图:

用VS2015写一个简单的ASP.net网站

点击添加后在右边的解决方案资源管理器里就出现了Default.aspx以及附属他的cs源码Default.aspx.cs,这里cs源码和网页分开便于设计和编程

第四步:单击左下角拆分我们就看到了代码页面(源页面)设计页面。如图:

用VS2015写一个简单的ASP.net网站

第五步:左侧工具箱中找到Button和TextBox两个控件,依次拖入设计页面(拖的时候可以自己安排控件所处位置,但要详细控制控件的位置就需要自己配置属性和编程了)

如图:

用VS2015写一个简单的ASP.net网站

第六步:双击Button控件,系统自动打开cs源码页(其实就是上面的Default.aspx.cs),生成该Button控件的Click事件,为该事件添加代码:

protected void Button1_Click(object sender, EventArgs e)
{
TextBox1.Text = string.Format("点击了Button1,此时时间为:{0}", DateTime.Now);
}

由于Web.config中的debug为true,故可以启动调试模式(F5),若为false则只能自己运行(Ctrl+F5)。

第七步:按下F5调试网站,在默认浏览器中弹出页面如图:

用VS2015写一个简单的ASP.net网站

最后一步就是发布网站了,单击菜单栏 生成->发布Web应用(VS2010是发布网站),在目标位置里填写网站服务器的地址或者本地磁盘的地址,生成网站的所有文件就会上传到相应的位置,网站就可以运作了。