分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

二:第一个MVC应用程序

发布时间:2023-09-06 02:19责任编辑:沈小雨关键词:MVC

创建MVC项目

1:File->New->Project->New Project

选择Visual C#中Web模板中的ASP.NET Web Application定义

2:添加控制器

在Controller文件夹中右键选择Add->Controller

把新建的控制器名修改为HomeController

3:修改HomeController中的内容

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace Pro2.Controllers{ ???public class HomeController : Controller ???{ ???????public string Index() ???????{ ???????????return "Hello World!"; ???????} ???}}

4:运行该项目可以看到浏览器结果

可以看到浏览器的地址是http://localhost:xxxx,其中xxxx是IIS Express随机分配的端口

初步理解路由

MVC项目的路由系统(Routing System)会解析请求的URL,

路由系统会把http://localhost:xxxx,http://localhost:xxxx/Home,http://localhost:xxxx/Home/Index都指向HomeController中的Index方法

第一个视图(View)

5:修改HomeController方法的代码

using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;namespace Pro2.Controllers{ ???public class HomeController : Controller ???{ ???????public ViewResult Index() ???????{ ???????????return View(); ???????} ???}}

6:右键Index()方法,Add View

默认View的名字为Index,这里不要修改Index名,否则系统会识别不到该View

点击确认

7:修改View,打开Views/Home/Index.cshtml文件,修改为如下

@{ ???Layout = null;}<!DOCTYPE html><html><head> ???<meta name="viewport" content="width=device-width" /> ???<title>Index</title></head><body> ???<div> ????????Hello World(from view) ???</div></body></html>

8:编译并运行项目

正常情况会得到正确的结果,如果我本地出现了下面错误

9:修改Reference属性

找到Reference中的System.Web.MVC修改属性Copy Local为True

10:再次运行该项目得到正确结果

说明

1:IIS Express是一个精简版的全功能的IIS应用服务器,由Visual Studio调用,用于开发调试和使用;

2:Web页面从服务器到客户端浏览器分三步,第一步是视图引擎对视图文件进行解释,转换成Html标记,称为渲染。第二步把渲染后的Html传递给客户端浏览器,称为传输。第三步是浏览器把Html解析处理并呈现Web页面,称为呈现。

二:第一个MVC应用程序

原文地址:https://www.cnblogs.com/yuanhaowen/p/9851694.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved