完成书P41页的MVC模板项目创建并显示,使用ASP.NET Web应用程序的MVC项目模板方式。需要除了demo页面外,新建页面,能够通过首页的“联系方式”后新建“我的页面”进行跳转。 要求: (1)网页发布运行首页截图 (2) 新页面中显示“自己的姓名”,截图
时间: 2024-12-26 14:28:03 浏览: 16
在ASP.NET中创建一个MVC项目并实现您所描述的功能需要以下步骤:
1. **创建项目**:
- 打开Visual Studio, 选择 "文件" -> "新建" -> "项目" -> "ASP.NET Core Web应用"。
- 选择 "MVC" 模板,并配置好项目名称、位置和框架版本。
2. **设置视图模型**:
- 在 `Models` 文件夹下,创建一个新的 `ContactViewModel.cs` 或者类似的命名,用于存储联系信息和个人姓名的数据。
```csharp
public class ContactViewModel
{
public string Name { get; set; }
public string ContactInfo { get; set; }
}
```
3. **创建首页和控制器**:
- 主页 (`Views/Home/Index.cshtml`) 添加基本布局和链接到新的页面。例如,有一个按钮指向"联系方式"。
```html
<a asp-action="Contact" asp-controller="Home">联系方式</a>
```
在 HomeController.cs 中添加对应动作方法,返回视图:
```csharp
[HttpGet]
public IActionResult Contact()
{
return View();
}
[HttpPost]
public IActionResult Contact(ContactViewModel viewModel)
{
// 验证输入,然后跳转到个人页面
if (ModelState.IsValid)
{
return RedirectToAction("MyPage", new { viewModel.Name });
}
return View(viewModel);
}
```
4. **创建个人页面**:
- 新建一个 `Pages/MyPage.cshtml` 页面,展示用户输入的姓名。
```html
@model string
<h2>欢迎,@Model!</h2>
```
同样,在 MyPage.cs 控制器中处理请求:
```csharp
public IActionResult MyPage(string name)
{
ViewData["Name"] = name;
return View();
}
```
5. **发布并测试**:
- 在 Visual Studio 中,右键点击项目 -> "发布" -> 选择发布目标(如IIS或自定义目录),然后部署到服务器或者本地IIS。
完成以上步骤后,你可以通过点击首页的"联系方式"链接,填写姓名后提交表单,跳转到个人页面看到显示的姓名。确保所有操作成功后,可以截取相应的页面屏幕截图作为证明。
阅读全文