With the release of the Mvc3.0rtm release, the company's projects were recently upgraded from MVC2.0 to MVC3.0. The razor template engine is also intended to be fully used in MVC3. Now will razor learn to take out and everyone to share, if there are insufficient places to welcome you to point out.
In fact, when using <%=%> to invoke C # code in HTML, the heart is always complaining. This is a very troublesome formulation. Where's The trouble? is actually closed. Like what:
asp.net: <script src= "<%=url.content (" ~/scripts/jquery-1.4.4.min.js ")%>"
Razor: <script src= "@Url. Content (" ~/scripts/jquery-1.4.4.min.js ")"
Obviously, razor in the interior to help us do a closed "%>". In fact, this little closure allows us to invoke the server-side code more "smoothly" within the HTML. Therefore razor to the development has brought certain convenience! The basic usage of razor is described below.
One, template page
Once razor appears, we can choose not to use the ASP.net Master template page. Instead, the template file for Cshtml Razor. The use of individuals is considered to be similar to the Master template page. But in the original function of Mater template page has been further expanded, more convenient development. For example, if you add a _viewstart.cshtml file to the View folder, we don't need to introduce a template page to each specific view page. Reduce the duplicate code within the view page. Specifically, you can create a MVC3 application Select Razor template, vs will automatically create the above mechanism. What is worth proposing here is the @rendersection method. Lets you preset an area on the template page and use it in the future for the view that inherits the template page. See the following actions:
Under the MVC3.0 shared folder, add the following code _layout.cshtml the template file:
- <! doctype html>
- <title> @ViewBag .title</title>
- <link href= @Url. Content ("~/content/site.css") " rel=" stylesheet " type=" Text/css " />
- <script src=" @Url. Content ("~/scripts/ Jquery-1.4.4.min.js ")" type= "Text/javascript" ></script>
- @RenderSection ("Head", required: true)
- <body>
- <div class= "page" >
The above code, line 7th, reserves the section of a head. People who are familiar with the template page should understand that the reservation is a custom specific js/css used for future specific view pages. We will use the default home index to illustrate this view. Open index.cshtml write the following code
- @{
- Viewbag.title = "Home Page";
- }
- H2> @ViewBag .message
- @section head{
- <script type= "Text/javascript" >
- $ (function () {
- Alert ("Hello jquery");
- });
- </script>
- }
The view has been integrated into the template page, and this is just filling in the head section within the template page and then you can add JS or CSS for each view page. So far to achieve the characteristics of the personality outside.
Second, Razor grammar:
At the beginning of the article, it has been mentioned that the convenience of razor grammar is that Razor automatically helps us to close the syntax of C # or vb.net in HTML. Please see the following code:
has been given a note, it is not difficult to read carefully. You should also be able to realize that if you replace razor with ASP.net's <%=%> or <%:%>, it is really "painful". As for the other uses of razor, the official website has been written in a comprehensive way, such as Razor's HTML encod prevent XSS attacks, text in the HTML string that appears xxx@xxx.com, Razor is a keyword that can be automatically identified as an email format rather than a razor.
Third, Razor syntax smart tips:
The smart tip is the same as in VS, with just Ctrol + J to pull out. Please take a look at the picture below
Do you want to use razor in web development as much as I do?
Original link: http://www.cnblogs.com/ryanding/archive/2011/01/19/1938690.html
"Edit Recommendation"
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
