Razor

1、写代码块

@{



}

2、在代码块中写文字,文字开头要加@:

@{
var name="will";
@:你好,我是 @name
}

3、在html标签写代码(加@符号)

<p>@i=4</p>

4、标签连接到拿去,如果要连接到第三方网站,需要加协议,不加协议,默认是访问controller中的Action

<a href="http://www.baidu.com">跳转到百度</a> //可以访问到百度
<a href="www.baidu.com">跳转到百度</a> //不可以访问到百度,没有加协议

5、if代码块

@if(){

}else{


}

6、foreach代码块

@foreach(){

}

7、Razor语法的陷阱`

您好,@ViewBage.Name先生
//这段语法最终会输出您好,“@ViewBage.Name先生”不见了,因为Razor把“@ViewBage.Name先生”当成了C#语法,把“Name先生”当成了“ViewBage”的属性

//方法加一个括号
您好,(@ViewBage.Name)先生

8、@helper辅助方法

@foreach(var item in Model) {
    <tr>
        <td>
           @item.Name
        </td>
        <td>
            @item.Description
        </td>
        <td>
            @item.Price
        </td>
   </tr>

}


//希望Price为0的时候显示免费
//传统做法
@foreach(var item in Model) {
    <tr>
        <td>
           @item.Name
        </td>
        <td>
            @item.Description
        </td>
        <td>
            @if(item.Price==0){ 
             @:免费
            }else{
            @item.Price
            }
        </td>
   </tr>

}


//@helper辅助方法

@helper showprice(var price ){
   if(price==0){
     @:免费
    }else{
     @price
    }
}

@foreach(var item in Model) {
    <tr>
        <td>
           @item.Name
        </td>
        <td>
            @item.Description
        </td>
        <td>
           showprice(@item.Price)
        </td>
   </tr>
}

9、@model模型参数绑定

10、@using引用命名空间

11、@Html.ActionLink(代替a标签)
在这里插入如果图片描述
注意:如果路径中不写控制器,默认调转到当前视图的控制器

12、分部视图(partial view),共用的partial view放在Views/shared目录下

12.1、添加一个分部视图

在这里插入图片描述

12.2、@Html.Partial载入一个分部视图

//利用@Html.Partial()方法载入,第一个参数是分部视图的名称,第二个参数是传给分部视图的参数,
//参数的类型是object类型
@Html.Partial("PagePartial","这是一个分部视图")
12.3、分部视图显示传过来的参数(利用模型绑定)
@model string

<h1>@Model</h1>
12.4、@Html.Action载入一个分部视图(通过控制器载入一个视图)`
@Html.Action()会去请求一个控制器,这个控制器返回一个分部视图,与@Html.Partial不同的是,@Html.Action()经过了控制器,可以做一些逻辑处理

public static MvcHtmlString Action(this HtmlHelper htmlHelper, string actionName,
 string controllerName, RouteValueDictionary routeValues);
//最后一个参数是一个json对象,是页面传给控制器的参数

可以在返回局部视图的控制器上,加上[ChildActionOnly],加上这个注解以后,这个控制器,就不能直接访问了,需要在页面通过@Html.Action()进行访问

13、Razor扩展()自定义Razor方法

13.1、首先在根目录下新建一个文件夹Helpers
13.2、在Helpers文件夹下新建静态类和静态方法,自定义的方法必须是静态方法,且放在静态类里
//定义一个Razor扩展方法

    public static class ImageHelper
    {
        public static MvcHtmlString Img(this HtmlHelper helper, string url, string alternateText, string title) {
            return MvcHtmlString.Create(String.Format("<image src='{0}'  alt='{1}'  title='{2}' />", url, alternateText, title));

        }

    }


//或者也可以这样定义
public static MvcHtmlString Br(this HtmlHelper helper,String url) {

            var builder = new TagBuilder("image");//定义标签
            builder.MergeAttribute("src", url);//拼接属性
            return MvcHtmlString.Create(builder.ToString(TagRenderMode.SelfClosing));
        }


//页面使用自定义的扩展方法

@Html.Img("/Image/2021.png","123456","你好2021")

注意:使用自定义的Razor方法,需要首先引入,自定义方法所在的命名空间

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip 【备注】 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!有问题请及时沟通交流。 2、适用人群:计算机相关专业(如计科、信息安全、数据科学与大数据技术、人工智能、通信、物联网、自动化、电子信息等)在校学生、专业老师或者企业员工下载使用。 3、用途:项目具有较高的学习借鉴价值,不仅适用于小白学习入门进阶。也可作为毕设项目、课程设计、大作业、初期项目立项演示等。 4、如果基础还行,或热爱钻研,亦可在此项目代码基础上进行修改添加,实现其他不同功能。 欢迎下载!欢迎交流学习!不清楚的可以私信问我! 毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip毕设新项目-基于Java开发的智慧养老院信息管理系统源码+数据库(含vue前端源码).zip
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值