c# MVC5(一) 初步认识以及新建mvc
一:MVC5初始
1:广义MVC(Model--View-Controller):
V是界面 ;
M是数据和逻辑 ;
C是控制,把M和V链接起来;
是程序设计模式,一种设计理念,可以有效的分离界面和业务
2:狭义MVC,是web开发框架
V--Views 用户看到的视图内容
C---Controllers 决定用户使用哪个视图Action,还能调用逻辑计算
M--Models 数据传递模型,普通的实体
二:visual Studio种新建MVC
1:右键新建项目
2:选择web中的Asp.net web应用程序
3:这个时候你可以选择空的mvc,但是一定要勾mvc,此时会生成一个空的mvc;此外你也可以选择mvc项目,这个下面的复选框或默认勾选上,这个会生成一个初始化的mvc项目,一些controll和view等都会默认生成,是直接可以预览的。具体你选择哪种方式可以依据自己的爱好而定。
或者如下:
此时mvc项目已经创建成功了,新建的mvc项目结构如下:
三:MVC项目预览
新创建的mvc项目会有一个默认配置,即浏览的时候:只需要controller的名字+view的名字即可,如下图:
浏览的时候只需要:http://localhost:59596/Home/About 这样即能访问。
1:为什么有这样的规则,这是取决于默认路由的,即为:
打开这个源码我们能看到有一个默认配置:
这里面如果都不输入则会默认走:Home/Index这个页面
2:如果我们项目中有需要配置url的地址,是不是只需要在这里修改,答案是正确的。我们举几个例子:
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
//忽略路由 正则表达式 {resource}表示变量 a.axd/xxxx resource=a pathInfo=xxxx
//.axd是历史原因,最开始都是webform,请求都是.aspx后缀,IIS根据后缀转发请求;MVC出现了,没有后缀,IIS6以及更早版本,打了个补丁,把mvc的请求加上个.axd的后缀,然后这种都转发到网站----新版本的IIS已经不需要了,遇到了就直接忽略,还是走原始流程
routes.IgnoreRoute("CustomService/{*pathInfo}");//以CustomService开头,都不走路由 routes.MapRoute(
name: "About",
url: "About",
defaults: new { controller = "Home", action = "About", id = UrlParameter.Optional }
);//固定路由,/Home/About----About routes.MapRoute(
name: "Test",
url: "Test/{action}/{id}",
defaults: new { controller = "Second", action = "Index", id = UrlParameter.Optional }
);//修改控制器,如果以Test开头的,则一定指的是Second控制器 routes.MapRoute(
name: "Regex",
url: "{controller}/{action}_{year}_{month}_{day}",
defaults: new { controller = "Second", action = "Index", id = UrlParameter.Optional },
constraints: new { year = @"\d{4}", month = @"\d{2}", day = @"\d{2}" }
); //正则匹配,默认控制器是Second,action是Index;year,month,day必须按照一定的正则方式去匹配,如果匹配不上,则直接找不到! //常规路由,一般来说,我们不怎么扩展这个路由
routes.MapRoute(
name: "Default",//路由名称,RouteCollection是key-value,key 避免重复
url: "{controller}/{action}/{id}",//正则规则:两个斜线 3个变量
defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
); }
}
注意:路由是按照注册顺序进行匹配,遇到第一个吻合的就结束匹配;每个请求只会被一个路由匹配上
四:controller与view之间传值,目前通用的有四种方式
private List<CurrentUser> _UserList = new List<CurrentUser>()
{
new CurrentUser()
{
Id=,
Name="青青",
Account="Administrator",
Email="331803047@qq.com",
LoginTime=DateTime.Now,
Password=""
},
new CurrentUser()
{
Id=,
Name="琪琪",
Account="Administrator",
Email="331803047@qq.com",
LoginTime=DateTime.Now,
Password=""
},
new CurrentUser()
{
Id=,
Name="可可",
Account="Administrator",
Email="331803047@qq.com",
LoginTime=DateTime.Now,
Password=""
},
}; // GET: First
/// <summary>
/// 测试ViewData,ViewBag,TempData,model传值
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public ActionResult Index(int id = )
{
CurrentUser currentUser = this._UserList.FirstOrDefault(u => u.Id == id)
?? this._UserList[]; base.ViewData["CurrentUserViewData"] = this._UserList[];
base.ViewBag.CurrentUserViewBag = this._UserList[]; base.ViewData["TestProp"] = "cx";
base.ViewBag.TestProp = "Tenk";
base.TempData["TestProp"] = "Spider";//独立存储 base.TempData["CurrentUserTempData"] = currentUser; if (id == || id == || id == )
{
return View(this._UserList[]); //model传值,主要适合复杂数据的传递,强类型
}
else if (id < )
{
//同Action传值
return View("~/Views/First/Index2.cshtml");
}
else
{
//跨Action
return base.RedirectToAction("TempDataShow");
}
}
public ActionResult TempDataShow()
{
return View();
}
1:使用viewBag
查看定义后发现:这是个动态类型,可以传任何值,如:
然后页面直接调用:
因为是动态类型,所以使用的时候不需要强制转换,直接可以拿来使用,
2:使用viewData
查看定义这个是个字典类型,是通过键值对来传的,比如:
使用的时候,需要强制转换一下:
3:使用TempData
这个也是字典类型,是通过键值对来传递数据,但是通过点击会弹出:从一个请求保持到下一个请求的数据集,这就是跟viewBag和viewData的不同之处,这个是可以跨Action来传递的,即是不同的Action可以通过这个来传递,但是仅仅能使用一次,用完就会清除掉。
定义的同viewData:
使用的时候也需要强制转换一下:
4:model
因为view是继承于ViewResultBase的,所以可以通过Model来传至
Controller传值只需要在view中传递值即可,如:
前端接收是使用Model来接收的如下:
以上是四种传值方式,不过最通用的就是Model来传,如果想要一次性传到页面多个属性,可以使用一个新的类把所有的属性集成起来一起传。
注意:
1:viewData跟ViewBag如果是相同的属性,则会覆盖,以最后一个为主。
2:TempData--临时数据,可以跨action后台传递,存在session里面,用一次就清理掉
五:局部页就是webForm中用户页ascx页面。
1:创建局部页
右键添加视图即可如下:
这个出来的就是一个空的页面,也没有所谓的layout等,你可以在里面添加任何的代码。
2:页面上面如何使用局部页,有四种方式:
注意:
1:@Html.Partial与@{Htmt.RenderPartial()}
@Html.Partial用于将分部视图渲染为字符串
@{Html.RenderPartial}将分布视图直接写入响应输出流,所以只能直接放在代码块中,不能放在表达式中(返回值是void)
RenderPartial因为是直接写在响应流中,所以性能会更好(微量影响),而Partial不用写在代码块中,所以更方便
2:RenderPartial和RenderAction两者的相同点
通常都被用来显示一个功能相对独立的“块”,比如说显示菜单或者导航条。 两者输出的结果都被作为调用的View的一部分显示。
两者的不同点
- RenderPatial的数据来自于调用的View,而RenderAction来自自己。
- RenderAction会发起一个新的Request,而RenderPatial不会。
六:MVC的模板页
1:有时候我们需要我们项目的整体页面都保持统一的头部尾部格式,webForm中我们会使用mastpage,在mvc中我们要创建的是layout或者名字自己定义,具体创建跟view一样,只是模板页面会多一些属性,下面我只是截图来说明几个Razor的语法。
这个是新建mvc自带的,我们以这个为例来说明:
@Styles.Render("~/Content/css") 使用样式包
@Scripts.Render("~/bundles/modernizr") 使用js包
@RenderBody() 就是页面的结合点,以后所有的页面内容会全部放在这里
@RenderSection("scripts", required: false) :这个类似于一个占位符,其它页面可以使用@section scripts{<script>$(function () {})</script>},即里面写的js显示源码的时候会写到该指定的位置。
2:创建view使用模版页面,只需要在头部引用一下即可,如:
c# MVC5(一) 初步认识以及新建mvc的更多相关文章
- .NET MVC 学习笔记(一)— 新建MVC工程
一..NET MVC 学习笔记(一)—— 新建MVC工程 接触MVC有段时间了,一直想找机会整理一下,可是限于文笔太差,所以一直迟迟羞于下手,想到最近做过的MVC项目也有一些了,花点时间整理一下方便以 ...
- Visual Studio 2015 新建MVC项目 Package Manager Console不能使用 (HRESULT: 0x80131500)
Visual studio 2015 突然新建不了MVC项目,报出错误: HRESULT: 0x80131500 在折腾了很长时间,最后在Github上看到这样一个贴 地址:https://githu ...
- Mvc5+Entity Framework6 之二----在MVC中用Entity Framework实现基本的CRUD
目标:创建控制器和视图的代码,实现CRUD(创建,读取,更新,删除)功能 创建一个详细信息页 控制器为Students的Index页生成的代码排除Enrollments属性在外,因为该属性中关联着一个 ...
- ASP.NET + MVC5 入门完整教程三 (下) ---MVC 松耦合
建立松耦合组件 MVC 模式最重要的特性之一视他支持关注分离,希望应用程序中的组件尽可能独立,只有很少的几个可控依赖项.在理想的情况下,每个组件都不了解其他组件,而只是通过抽象接口来处理应用程序的其他 ...
- VS2017新建MVC+ORM中的LinqDb访问数据库项目
1.前提概述 ORM对象关系映射(Object-Relational Mapping)是一种程序技术,用于实现面向对象编程语言里不同类型系统的数据之间的转换.从效果上说,它其实是创建了一个可在编程语言 ...
- STS 新建mvc工程--helloworld
File--New--Spring Template Project 选择Spring MVC Project 填写项目名称和基础的包名 Finish之后就完成了. 把项目添加到服务器,然后运行.在浏 ...
- 手动新建MVC控制器和视图,以及数据显示的问题
一,在C#.NET的MVC项目添加一个控制器,在这个控制器有一个index方法,你可以在index方法上鼠标右键选择添加视图,这可以创建一个包含index.cshtml的View视图的文件夹 < ...
- Asp.Net MVC 之 Autofac 初步使用2 集成mvc 属性注入以及自动注入
首先看下Demo2的结构 然后下面一步步将Autofac集成到mvc中. 首先,定义Model Product.cs public class Product { public int Id ...
- Artech的MVC4框架学习——第一章初步认识ASP.NET MVC
前言: Artech觉得掌握ASP.NET MVC具有三个层次. 第一层了解基本的编程模式,掌握Controller和View的定义方式,知道路由如何注册以及验证规则如何定义. 第二个层次要求我们对A ...
随机推荐
- 旅游网dao层
# 注册功能 # 1.根据用户名查询用户 select * from tab_user where username=#{username} # 2.插入注册用户信息 insert into tab_ ...
- Today's missions
A software for recording events and tasks. You can add, delete and edit tasks anytime, anywhere, eas ...
- [LeetCode] 51. N-Queens N皇后问题
The n-queens puzzle is the problem of placing n queens on an n×n chessboard such that no two queens ...
- Gitea 使用方法
安装部分笔记 创建专用数据库及用户 create database if not exists gitea default charset = utf8mb4; grant ALL PRIVILEGE ...
- [Powershell]发布基于.NET Framework的WebAPI和Job控制台程序项目
获取要发布的定时计划任务. 禁用和停止定时计划任务. 批量强制结束Job进程. 打印定时计划任务状态. 备份项目文件夹. 发布项目文件夹. 删除部署包. 启用定时计划任务. <# .NOTES ...
- HTML连载26-谷歌开发者工具其它作用&CSS继承性
一.谷歌开发者工具其他特性(谷歌浏览器快捷键F12) (1)元素选择, 在里面我们可以看到某些行的具体代码 (2)查看源代码 (3)该元素的样式显示,我们可以看到我们选中的元素的具体样式属性,可以在里 ...
- TINYMCE使用手册
TINYMCE使用手册 这方面的教程会陆续加进来. tinymce.get('f1').getContent();
- ping不通服务器的解决方法
参考腾讯云的解决办法: https://cloud.tencent.com/document/product/213/14639#CheckOSSetting 我的服务器是aws的, 解决方法大同小异 ...
- SWIG 3 中文手册——4. 脚本语言
目录 4 脚本语言 4.1 两种语言的概览 4.2 脚本语言如何调用 C? 4.2.1 包装器函数 4.2.2 变量链接 4.2.3 常量 4.2.4 结构体与类 4.2.5 代理类 4.3 构建脚本 ...
- vue+element 给表格添加数据,页面不实时刷新的问题
由于页面加载时,使用了keep-alive,keep-alive具有数据缓存作用,当在添加页面添加成功时,返回主页面没有立即更新.数据有缓存. 解决办法如下: 将获取数据列表的方法放到activate ...