复制大佬的,侵权请联系我主动删除

1.js/css合并

在之前的crud例子中,我们引入js/css脚本的方式和平常的web开发一样

  1. <script src="~/Scripts/jquery-1.8.2.min.js"></script>
  2. <script src="~/Scripts/jquery.validate.min.js"></script>
  3. <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

但是mvc框架提供了一个强大的js/css脚本合并功能

我们找到App_Start文件夹下的BundleConfig.cs类

双击打开

虽然代码看不懂,但是我们可以从中看到一大堆引入js和css脚本的路径

下面我们模仿其格式,尝试自己添加

  1. bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
  2. "~/Scripts/jquery.unobtrusive*",
  3. "~/Scripts/jquery.validate*"));
  4. //自己添加的ScriptBundle--MyScript
  5. bundles.Add(new ScriptBundle("~/bundles/MyScript")
  6. .Include("~/Scripts/jquery-1.8.2.min.js",
  7. "~/Scripts/jquery.validate.min.js",
  8. "~/Scripts/jquery.validate.unobtrusive.min.js"));
  1. //开启合并压缩功能
  2. BundleTable.EnableOptimizations = true;

ok,搞定~

这就完成了j脚本的合并引用

那么之前的视图页就不需要之前的方式了

现在我们将原来的三个js脚本引用删掉

换上新代码

  1. @Scripts.Render("~/bundles/MyScript")//此处的路径填写new ScriptBundle("~/bundles/MyScript")中的路径名,这是可以随意命名的,譬如也可以变这样:new ScriptBundle("~myjs")

我们通过开发人员工具来看看两次的对比

未使用js合并之前

发送了三个js请求到服务器

使用js合并之后

三个请求合为一个,当程序规模比较大的时候页面中的js/css引用非常多,如果按照正常的方式来引用脚本会向服务器发送大量的请求

js合并功能帮我们解决了这个问题,而且它不仅仅是将三个js文件合并在一起,还进行了压缩优化,可以通过服务器的相应正文看到

使用css合并压缩也是一样的,根据BundleConfig.cs中的格式添加一个StyleBundle在引用就搞定~

神技能,get it!

---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

2.HtmlHelper,UrlHelper

在mvc框架中为程序员提供了一些能够进行快速看法的帮助类

下面举例子介绍HtmlHelper和UrlHelper类

(1)Url.Action与Url.RouteUrl

回想一下之前的crud例子

我们在写url地址的时候都是直接写死的

例如:

  1. <td>
  2. <a href="/Home/Create">新增</a>
  3. </td>

这样看起来似乎没有什么问题

但是在mvc中这就是一个隐藏的巨大问题

因为在mvc中,我们可以随意的通过配置路由在更改url的请求格式!

  1. routes.MapRoute(
  2. name: "Default",
  3. //之前的路由配置
  4. //url: "{controller}/{action}/{id}",
  5. //现在改为:
  6. url: "{action}/{controller}/{id}",
  7. defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
  8. );

这么一来,新增超链接请求的就是Create控制器下面的Home方法

但是服务器端只有Home控制器下的Create方法!如果不对url进行修改的话会返回无法找到该方法的错误

那么就改呀

但是仔细想想

如果项目规模非常大,url非常多

难道要一个个去改吗?!

先不说花费大量功夫终于改完了

突然接到通知说路由配置又要改

oh~shit!

但是不要慌~

万能的mvc框架为你提供了解决方案~

将之前的url改为使用UrlHelper的格式

使用Url.Action方法

第一个参数指定action方法名,第二个参数指定控制器名

之后生成运行,查看生成的新增超链接

搞定~而且使用UrlHelper类生成的超链接是根据路由配置来生成的

程序员再也不用操心前台url的格式了~

(但是这里看到这个url有点奇怪,怎么只有Create没有Home,这是因为在路由配置中默认的控制器就是Home,而默认的action为Index,如果请求的控制器或者action方法是默认的它直接省略不写~)

使用Url.Action方法是根据路由表中的第一个路由来生成的

但是通常路由表中的路由不仅仅是一个,也有可能很多个

这时候如果我们需要根据第n个路由配置来生成url怎么搞?

使用Url.RouteUrl方法

如图所示

该方法可以根据指定的路由名称来生成url

mvc基础知识(1)的更多相关文章

  1. Spring MVC基础知识整理➣拦截器和自定义注解

    概述 Spring MVC中通过注解来对方法或者类进行动态的说明或者标注,类似于配置标识文件的属性信息.当标注的类或者方式被使用时候,通过提取注解信息来达到对类的动态处理.在 MVC中,我们常用的注解 ...

  2. Spring MVC基础知识整理➣环境搭建和Hello World

    概述 Spring MVC属于SpringFrameWork的产品,采用Model-View-Controller进行数据交互,已经融合在Spring Web Flow里面.Spring 框架提供了构 ...

  3. MVC基础知识

    1.View中获取Control和View: //获取控制器名称: ViewContext.RouteData.Values["controller"].ToString(); / ...

  4. MVC 基础知识

    一. MVC架构1.MVC模式是一种严格实现应用程序各部分隔离的架构模式.隔离:分离关注点,松耦合2.模型(Model) 代表着核心的业务逻辑和数据.模型封装了域实体的属性和行为3.视图(View) ...

  5. Spring MVC基础知识整理➣Spring+SpringMVC+Hibernate整合操作数据库

    概述 Hibernate是一款优秀的ORM框架,能够连接并操作数据库,包括保存和修改数据.Spring MVC是Java的web框架,能够将Hibernate集成进去,完成数据的CRUD.Hibern ...

  6. Spring MVC基础知识整理➣国际化和异常处理

    概述 Spring框架为WEB项目提供了国际化以及异常处理机制.所谓的国际化也就是不同国籍,显示不同国籍的语言与符号.异常处理,也就是能够捕获WEB项目下的所有异常信息,并能处理记录这些异常信息机制. ...

  7. Spring MVC基础知识整理➣数据校验与格式化

    概述 将view中Form的数据提交到后台之后,后台如何验证数据的有效性?在这里Spring MVC提供了相应的Hibernate类包(hibernate-validator-4.3.1.Final. ...

  8. Spring MVC基础知识整理➣View与Controller数据交互

    概述 Spring MVC是由View—Controller—Model组成,其中View和Controller的数据交互,成为了关注的核心点.MVC中,我们将View中的数据传递到Controlle ...

  9. ASP.NET MVC基础知识

    1.MVC项目文件夹说明 App_Data:用来保存数据文件,比如XML文件等: App_Start:包含mvc系统启动的相关类: Controller:存放整个项目“控制器”的代码文件: Model ...

随机推荐

  1. python之信号量【Semaphore】

    # 互斥锁同时只允许一个线程更改数据,而Semaphore是同时允许一定数量的线程更改数据,比如 # 一个厕所有3个坑,那么最多只允许3个人上厕所,后面的人只能等里面有人出来了才能再进去 import ...

  2. sqlserver 字符串拆分和取某分隔符之前的字符串

    ALTER FUNCTION [dbo].[f_splitSTR]( ), --待分拆的字符串 ) --数据分隔符 )RETURNS @re TABLE( col varchar(max)) AS B ...

  3. js-addEventListener()第三个参数useCapture

    概述: 第3个参数叫做useCapture,是一個boolean值,就是true or false .如果送出true的話就是瀏覽器會使用Capture方式,false的話是Bubbling,只有在特 ...

  4. git pull和git fetch命令

    git pull和git fetch命令 git pull git pull命令的作用是取回远程主机某个分支的更新,在与本地指定分支合并,格式如下: $ git pull <远程主机名>& ...

  5. Jmeter通过BeanShell Sampler获取Jmeter的Bin路径,并存入变量供后面的脚本调用

    Jmeter的Bin路径是其运行路径,当把自动化测试的脚本放在Bin目录下时,为了将存储CSV的数据文件以及脚本的路径都设置成相对路径,我们需要获取到Jmeter的运行路径: 通过BeanShell ...

  6. activemq.bat 在window7 x64下启动(安装)报错解决方案

    在启动  apache-activemq-5.15.2/activemq.bat  时候报错,提示以下信息: wrapper | --> Wrapper Started as Consolewr ...

  7. 【JS】点击页面判断是否安装app并打开,否则跳转下载的方法

    应用场景 App产品在运营推广上有一个需求,就是要求可以让用户在访问我们的推广网页时,就可以判断出这个用户手机上是否安装了我们的App,如果安装了则可以直接在网页上打开,否则就引导用户前往下载.从而形 ...

  8. asp.net Hessian 服务的注册

    Hessian服务端实现了IHttpHandle, 默认情况下是在Web.Config中的handles接点中注册,这样当有 很多实现时比较麻烦 这个时候可以实现IHttpHandleFactory注 ...

  9. 【转】MapReduce:详解Shuffle过程

    ——转自:{http://langyu.iteye.com/blog/992916} Shuffle过程是MapReduce的核心,也被称为奇迹发生的地方.要想理解MapReduce, Shuffle ...

  10. C语言之接收方向键指令让屏幕上的输出能移动

    首先,需要了解一下控制台坐标 #include <stdio.h> #include <stdlib.h> #include <conio.h> main() { ...