1. 创建一个新的 ASP.NET Core Web 应用
微信号
AI自助建站398元:18925225629
打开 Visual Studio。
单击“新建项目”。
在“安装的模板”下,选择“ASP.NET Core Web 应用”。
输入一个名称并在适当的位置选择一个位置。
单击“创建”。
2. 添加一个模型类
在“解决方案资源管理器”中,右键单击您的项目并选择“添加”>“类”。
将其命名为 `Door.cs`,并添加以下代码:
```C
public class Door
{
public bool isOpen { get; set; }
}
```
3. 添加一个控制器
在“解决方案资源管理器”中,右键单击“控制器”文件夹并选择“添加”>“控制器”。
将其命名为 `DoorController.cs`,并选择“MVC 控制器 - 空”。
将以下代码添加到控制器中:
```C
using Microsoft.AspNetCore.Mvc;
namespace MvcDoor.Controllers
{
public class DoorController : Controller
{
public ActionResult Index()
{
var door = new Door();
return View(door);
}
[HttpPost]
public ActionResult OpenDoor()
{
var door = new Door() { isOpen = true };
return View("Index", door);
}
[HttpPost]
public ActionResult CloseDoor()
{
var door = new Door() { isOpen = false };
return View("Index", door);
}
}
}
```
4. 添加视图
在“解决方案资源管理器”中,右键单击“视图”文件夹并选择“添加”>“视图”。
将其命名为 `Index.cshtml`,并添加以下代码:
```HTML
@model MvcDoor.Models.Door
@{
ViewData["Title"] = "Home Page";
}
The door is @Model.isOpen
```
5. 运行应用程序
按 F5 运行应用程序。
转到 `http://localhost:xxxx`,其中 `xxxx` 是端口号。
您应该看到一个具有“Open door”和“Close door”按钮的页面。
单击其中一个按钮以打开或关闭门。
6. 自订样式
您可以通过在 `wwwroot/css` 文件夹中添加一个 CSS 文件来自订样式。例如:
```CSS
body {
background-color: f2f2f2;
font-family: Arial, sans-serif;
}
h1 {
color: 000;
font-size: 2rem;
}
form {
display: flex;
justify-content: center;
margin-top: 1rem;
}
input[type=submit] {
padding: 0.5rem 1rem;
border: 1px solid 000;
background-color: fff;
cursor: pointer;
}
```
7. 部署应用程序
一旦您对网站感到满意,您就可以将其部署到 Web 主机。有以下几种方法可以做到这一点:
使用 Azure App Service
使用 IIS
使用第三方托管提供商
具体步骤因您选择的部署方法而异。
总结
您现在已经创建了一个简单的 ASP.NET Core 网站,它允许用户打开和关闭一扇门。您可以根据需要进一步自订网站,例如添加更多功能或更改样式。
微信号
AI自助建站398元:18925225629
相关文章
发表评论