html js php 混编,Razor标记语言和HTML,js混编

Razor

Razor 是asp.net mvc下的一种前端标记语法类似jquery 以及PHP或者java的jsp中的标记语法，但是更加优雅和方便。逻辑都是后端代码。在这里我用的是C#,对于前端小白来说是很好理解的。具体的使用方法可以百度Razor教程会有很多的基础教育平台。这不是本文讨论的重点。Razor在前端界面中需要和HTML或js混编，如果混编的格式不对会引起前端的页面的页面渲染混乱，或者js的失效。本文将和大家讨论怎么使用混编。欢迎各位道友讨论，斧正。

1.C#与Html混编

这个是大家都比较熟悉的混编方式也是Razor的主要用法，可以实行用后端的C#进行传值和简单的页面逻辑判断。比较优雅的实行mvc模式下的前端代码的编写。也使对前端的编码效率有了提升。

混编代码实例

效果

可以看出一般比较长的C#代码可以用中括号｛｝包含起来编写其中添加HTMl代码是没有影响的但是要有明确的HTML开始符和结束符。

而Html语言中插入C#代码需要加入@关键字不然会被当成一般字符识别使用

还有for循环

当前台的C#代码有多行时，如果这些代码是连续的中间没有HTML代码隔断，那只需要开头的一个@符号即可。

当然也可以在C#中向前台打印输出一些值这就要用到 @：

总之 @：负责打印 @负责输出变量也可以 @：@变量名这样的方式打印变量

2.js与Html混编

在js中由于没有Html那样的开始标签和结束标签在 C#中不能直接输入js代码这样就没办法实行混编了这个时候就是出马了

这也是我在网上找了好几篇文章才发现的新奇知识点(原谅我这个小白) 先上代码

model为空时js的代码为

model不为空时js的代码为

若不加上标签 js代码就会被当成 C#代码执行不仅不能达到我们的目的还会是我们的的js或C#代码失效和报错

这点有兴趣的道友可以验证一下就不列出错误代码了。

最后！注意 Razor会先执行C#代码所以HTML和JS是无法对C#代码赋值和判断的只有等到C#编译生成确切的标量值后才会执行JS和Html代码

html js php 混编,Razor标记语言和HTML,js混编相关推荐

三大角度 PK ，Go 语言和 Node.js 谁胜谁负?
百度智能云云生态狂欢季热门云产品1折起>>> Node.js 与 Go 语言一直是互联网大战中的主战场,虽说按照普通的各项指标对比,那么这场战争可能在很长时间内都难分胜负,但 ...
r语言和python-R语言和Python一块学习会弄混吗
原标题:R语言和Python一块学习会弄混吗感谢关注天善智能,走好数据之路↑↑↑ 欢迎关注天善智能,我们是专注于商业智能BI,人工智能AI,大数据分析与挖掘领域的垂直社区,学习,问答.求职一站式搞定 ...
vue高德地图JS API 实现海量点标记展示
官方文档:海量点标记-覆盖物-教程-地图 JS API | 高德地图API 需求:根据后台接口返回的部分数据,这里仅做展示 ,可参考使用. 可以加入弹窗点击的时候. 实现效果: JSAPI 的加载 J ...
理解Babel是如何编译JS代码的及理解抽象语法树(AST）
Babel是如何编译JS代码的及理解抽象语法树(AST) 1. Babel的作用是? 很多浏览器目前还不支持ES6的代码,但是我们可以通过Babel将ES6的代码转译成ES5代码,让所有的浏览器 ...
vue 给圆遮盖物添加文字高德地图_通过 Vue + 高德地图 JS API 在地图上标记咖啡店...
通过 Vue + 高德地图 JS API 在地图上标记咖啡店由学院君创建于2年前, 最后更新于 2年前版本号 #1 在上一篇教程中我们为咖啡店地址进行了地理编码,这样,就可以调用高德地图支持的 ...
高德地图JS API之海量点标记十万以内的点
高德地图JS API之海量点标记十万以内的点怎么引入高度地图就不写了,官方是这样说的:当需要在地图展示数量为十万以内的点并且需要较好的性能表现时,可以使用 AMap.MassMarks 类.AMap ...
#Android笔记# 超级足球app 开发总结（二）—— SpannableString根据标记插入文字实现图文混排
最近利用业余时间,开发了一款基于懂球帝接口数据的足球资讯app,整体的UI也是仿照懂球帝设计的.这是一个比较综合的项目,用到了不少以前没用过的组件和api,而且产生了很多新的开发思路,有些实现方式也是 ...
JS中的函数概念和C语言的概念是类似的,c语言和JavaScript的区别有哪些？
c语言和JavaScript在语法结构上有很多相似(例如if条件语句.while循环.switch语句.do-while循环等),那么它们之间有什么不同?下面本篇文章就来给大家介绍一下c语言和Java ...
语言翻译成汇编语言_学习编程有没有必要从C语言和C++学起？应该怎么学？
硬件层级:这里也就是实体硬件,包括:CPU.内存.显卡等等...这些都不属于软件的范畴内. 汇编层级:在之前没有C/C++以及java之前,是汇编的年代.那么汇编语言对于我们来说,可读性是很查的,不适 ...

html js php 混编,Razor标记语言和HTML,js混编

html js php 混编,Razor标记语言和HTML,js混编相关推荐

最新文章

热门文章