一,

1.@using :引入命名空间

2.@model:声明强类型的数据 Model 类型

3.@section:定义要实现母版页的节信息

4.@RenderBody():当创建基于此布局页面的视图时,视图的内容会和布局页面合并,而新创建视图的内容会通过布局页面的@RenderBody()方法呈现在标签之间。

在模板页的占位符,用来渲染那些没有特地命名的段落。

5.@RenderPage:呈现一个页面。比如网页中固定的头部可以单独放在一个共享的视图文件中,然后在布局页面中通过这个方法调用,用法如下:

@RenderPage("~/Views/Shared/_Header.cshtml")

6.@RenderSection:布局页面还有节(Section)的概念,便于局部呈现

二,

1.行内(inline)C#(服务器端代码)形式(行内代码)@变量

例如:@User.Name,变量或属性结束后,任何形式文本或者标签都自动被解析为html,如遇结束判断有歧义,请加括号如下

@( 表达式)

例如:@(i + 1) 或 @(User.Name)  括号里面为:表达式,或者变量

@方法调用

例如:@Html.TextBox("UserName").ToString()

2. 代码块 ( 注: 代码块里面的代码要严格按照c#语法来,每行结束必需有分号)

第一种情况:

@{ 代码块}

@if (条件) { 代码块}

@switch (条件) { 分支匹配代码块}

@for (循环控制) { 代码块}

  @foreach (循环控制) { 代码块} 

@while (循环控制) { 代码块}

@do { 代码块} while (循环控制)

第二种情况:(代码块中的文本或者Html客户端标签

(1)单行文本@:行内文本

换行的话自动变成了C#服务器端代码。

(2)多行文本

任何标签对 ,例如:<div>多行文字</div>

任何自闭合标签,例如:<img 多行属性 />

纯文字使用伪标签<text> ,例如:<text>

多行文字,两侧标签不会被输出</text>

3.其他

电子邮箱可以自动识别,例如:123456@qq.com

被误认为是电子邮箱的请加括号(),例如:123456(@UserName)

要输出商标版权等的,请用@字符转义,例如:@@ →会输出单个字符@

三,HtmlHelper和AjaxHelper

1.Html.BeginForm的两种写法:

(1)使用using语句

@using(Html.BeginForm()) {

}

(2)使用代码块闭合的形式  (注意form是代码块形式的不是行内代码:所以结尾必需有分号)

@{Html.BeginForm();}

@{Html.EndForm();}

2.Ajax.BeginForm()的写法

@using (Ajax.BeginForm(new AjaxOptions { UpdateTargetId="",OnSuccess=""})

{

}

注:这里要想Ajax的Form有效的话我们必须在view页面引入支持Ajax的Js脚本

@Scripts.Render("~/bundles/jqueryval")

 四,对于Razor智能感知的一点补充

当我们自定义一个类,让后想让这个类在Razor引擎有只能感知能力的时候。我们可以找到Views/Web.config文件,把我们的类所在的命名空间添加进去就可以了。

BootStrap的一些基本语法的更多相关文章

  1. Bootstrap table方法,Bootstrap table事件,配置

    调用 BootStrap Table 方法的语法: $('#table').bootstrapTable('method', parameter); 例如: $('#my_table').bootst ...

  2. 7.bootstrap HTML编码规范

    Bootstrap HTML编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法. 嵌套元素应当缩进一次(即两个空格). 对于属性的定义,确保全部使用双 ...

  3. Django学习笔记(20)——BBS+Blog项目开发(4)Django如何使用Bootstrap

    本文学习如何通过Django使用Bootstrap.其实在之前好几个Django项目中已经尝试使用过了Bootstrap,而且都留有学习记录,我已经大概有了一个大的框架,那么本文就从头再走一遍流程,其 ...

  4. Grunt入门教程

    引入:grunt是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于: ① 压缩文件 ② 合并文件 ③ 简单语法检查 环境:grunt是基于nodejs运行的,所以需要有nodejs,在N ...

  5. web前端代码规范——css代码规范

    Bootstrap CSS编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致展现的方法. 为选择器分组时,将单独的选择器单独放在一行. 为了代码的易读性,在每个 ...

  6. python闯关之路(五)前端开发

    一,HTML部分 1,XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元素必 ...

  7. web网页练习

    一. HTML部分 1. XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元 ...

  8. Bootstrap-Other:CSS编码规范

    ylbtech-Bootstrap-Other:CSS编码规范 1.返回顶部 1. Bootstrap CSS编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得一致 ...

  9. Bootstrap-Other:HTML编码规范

    ylbtech-Bootstrap-Other:HTML编码规范 1.返回顶部 1. Bootstrap HTML编码规范 语法 用两个空格来代替制表符(tab) -- 这是唯一能保证在所有环境下获得 ...

随机推荐

  1. kmp(前中后最长相同长度)

    http://acm.hdu.edu.cn/showproblem.php?pid=4763 Theme Section Time Limit: 2000/1000 MS (Java/Others)  ...

  2. python开发之路-day02

    一.数据类型 1 什么是数据? name='sunkedong'#字符串类型 age=24 #整型 date=2017.9#浮点型 dic={'name':'sunkedong','age':16}# ...

  3. python学习第二十五天函数位置参数和关键词参数

    函数位置参数顾名思义就是按位置排序,按位置对应参数,位置一一对应,函数的关键词参数是不按照顺序来的,可以指定的参数传值.但是注意的是,位置参数必须在关键词参数之前. 1,函数位置参数 def good ...

  4. JSON —— 数据结构

    1.什么是 JSON JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式. 易于人阅读和编写 JSON 采用完全独立于语言的文本格式,但是也使用了类似于 C ...

  5. Linux学习笔记之VIM编辑器

    此处根据需要,只罗列一些常用的指令和用法 五.VIM程序编辑器 Vi与vim Vi打开文件没有高亮注释,vim有,且vim是vi的高级版本 Vim默认打开文件为命令模式 i               ...

  6. EBCDIC 870 Poland

    Characters are shown with their equivalent Unicode codes.

  7. 获取配置文件yml的@ConfigurationProperties和@Value的区别

    首先,配置文件的事,我没讲properties,这个写中文的时候,会有乱码,需要去Idea里面设置一下编码格式为UTF-8 还有,我们的类和配置文件直接关联,我用的是ConfigurationProp ...

  8. create-react-app按需引入antd-mobile

    1.引入 react-app-rewired 并修改 package.json 里的启动配置: npm i react-app-rewired@2.0.2-next.0 // 需要安装低版本 否则np ...

  9. mac文本操作小技巧——2019年10月17日

    声明:看的别人博主写的,自己整理的,非原创,只是自用. mac文本操作技巧 官方指导文档:https://support.apple.com/zh-cn/HT201236 1.光标移动 1.1 行首. ...

  10. SQL的各种连接--自联结,内连接,外连接,交叉连接

    1.准备两个表:Student,Course,其中student.C_S_Id=Course.C_Id(即Student 表中的 C_S_Id 字段为外键列,关联的是 Course 表的 C_Id 主 ...