ASP.NET.MVC笔记

11 阅读2分钟

image.png

1.创建mvc程序

ASP.NET MVC (.NET Framework)

第一步:创建新项目

  1. 打开 Visual Studio,点击  “创建新项目”

  2. 在模板搜索框中输入  ASP.NET Web 应用程序” ,选择  ASP.NET Web 应用程序 (.NET Framework)”  模板,然后点击“下一步”

    注意:这里请选择“.NET Framework”版本,而非“.NET Core”或“ASP.NET Core”,因为你的截图显示的是一个经典的 ASP.NET MVC 项目

  3. 配置项目:

    • 项目名称:输入 TCAGV(与你截图中的解决方案名称保持一致)。
    • 位置:选择你希望保存项目的路径。
    • 解决方案名称:会自动填充为 TCAGV
    • 确认无误后,点击  “创建”

第二步:选择项目模板

  1. 在弹出的  “新建 ASP.NET Web 应用程序”  对话框中,你会看到多个模板选项
  2. 在模板列表中选择  “MVC” 。这会自动为你创建带有 Controllers、Models、Views 等标准文件夹结构的项目。
  3. 你可以在右下角勾选  “添加单元测试” (可选),不过截图中的解决方案里并没有测试项目,所以也可以不选。
  4. 点击  “确定” ,Visual Studio 就会自动生成项目。

第三步:了解生成的项目结构

项目创建完成后,解决方案资源管理器 中就会显示出你截图中几乎一模一样的结构。这些核心文件夹的作用如下:

  • Controllers:存放控制器类,负责处理HTTP请求和用户输入
  • Models:存放数据模型和业务逻辑类
  • Views:存放UI展示的模板文件(如 .cshtml
  • App_Start:存放启动时运行的配置类,如 RouteConfig.cs(路由配置)
  • App_Data:存放数据库文件(如 .mdf)或XML文件等
  • Content:存放静态资源,如CSS样式表、图片等
  • Scripts:存放JavaScript文件,如jQuery等
  • favicon.ico:网站的图标文件
  • Global.asax:应用程序的全局文件,用于处理应用程序级别的事件
  • Web.configASP.NET 应用程序的配置文件

image.png

第四步:创建控制器

image.png

// GET: Test
public ActionResult Index()
{
    // 1. 获取数据:接收请求数据
    // 2.业务处理: 和model交互
    //3.控制跳转:返回视图或跳转到其他控制器
    return View();
}

image.png

第五步:添加视图

image.png


@{
    ViewBag.Title = "Index";
}

<h2>这是我的第一个asp.net-MVC程序</h2>

image.png

image.png

image.png

image.png

image.png

image.png

第六步:跳转实例

 public ActionResult MyCal() {
     return View("MyCal");
 }

 public ActionResult GetAvgScore() {
     // 接收提交数据
     int sumScore = Convert.ToInt32(Request.Params["sumScore"]);
     int sumSubject = Convert.ToInt32(Request.Params["sumSubject"]);
     // 2. 调用模型处理数据
     int result = new TCAGV.Models.MyCalculator().GetAvg(sumScore, sumSubject);
     //3.跳转返回视图(如果需要数据返回,必须先保存数据)
     ViewData["avgScore"] = "您的平均成绩:" + result;

     return View("MyCal");
            
 }
<div>
    <form method="post" action="/Test/GetAvgScore">
        计算我的平均成绩:<br />
        科目总分:<input type="text" name="sumScore" /><br />
        科目总数:<input type="text" name="sumSubject" /><br />
        <input type="submit" value="开始计算" />
    </form>
    <br />
    @ViewData["avgScore"]
</div>

image.png

image.png

基于三层架构的mvc与.net新特性

image.png