blocks|key|4502270|text|mvc运行所有这些内容服务器端，并为客户端提供最终的html/javascript生成。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4502271|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

mvc runs all that stuff server side and provides the client with the resulting html/javascript generation.

blocks|key|4502295|text|如果你把这个放在视图里的话|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4502296|@{+var+var1+=+++"Hello+World";+}
The+value+of+var1+is:+@var1+|code-block|syntax|javascript|4502297|所有事情都发生在服务器上|4502298|当用户请求此页面时，服务器获取上面的文本并将其发送到视图引擎。|4502299|然后服务器逐行运行文本并“编译”它。|4502300|然后服务器将结果返回给用户：|4502301|The+value+of+var1+is:+Hello+World|4502302|如果用户创建了一个视图源，他只会看到：|4502303|The+value+of+myMessage+is:+Hello+World|4502304|因此，客户端上的用户编写了一个简单的URL，他得到的结果只是上面的一行。|4502305|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

Lets say you have this in a view

<pre><code>@{ var var1 = "Hello World"; }
&lt;p&gt;The value of var1 is: @var1&lt;/p&gt; 
</code></pre>

Everything happens on the server

When a user is requesting this page the server gets the text above and sends it to the view engine.

Then the server runs the text line by line and "compiles" it.

Then the server snds the result back to the user:

<pre><code>The value of var1 is: Hello World
</code></pre>

If the user makes a view source he will see only:

<pre><code>&lt;p&gt;The value of myMessage is: Hello World&lt;/p&gt;
</code></pre>

So the user on the client writes a simple URL , and the result he is getting is ONLY the line above.

blocks|key|331972|text|本质上，它像编译任何其他csharp/vb.net文件一样编译视图。然而，它是在运行中完成的(当您第一次点击它时，底层文件并没有改变)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|331973|如果您想要查看生成的代码是什么样子，请看一看https://github.com/RazorGenerator/RazorGenerator+--它允许您实际生成与MSbuild相同的代码并进行部署。|offset|length|331974|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/RazorGenerator/RazorGenerator^0|0|M|1C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

Essentially it compiles the view like any other csharp/vb.net file. However, it does it on-the-fly (the first time you hit it, and the underlying file hasn't changed).

If you want to see what the generated code looks like, take a look at <a href="https://github.com/RazorGenerator/RazorGenerator" rel="nofollow">https://github.com/RazorGenerator/RazorGenerator</a> This allows you to actually generate the same code as part of MSbuild and deploy it.

blocks|key|332031|text|据我理解：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|332032|1.+Razor语法如何工作：|offset|length|style|BOLD|332033|您可以看到Razor与Web表单中的抄写器相似。例如，您想要获得Human类的Human，在.cshtml文件中，您可以编写：|CODE|332034|<div>Name+is+@Model.Name</div>|code-block|syntax|javascript|332035|在aspx中，您可以这样写：|332036|<div>Name+is+<%25=+Human.Name+%25></div>|332037|在将HTML文件返回给客户端之前，Razor和scriplet都将被处理。按照上面的示例，如果您查看HTML网页的源代码，您将看到(Forte只是一个示例)：|332038|<div>Name+is+Forte</div>|332039|因为代码是经过处理的，所以客户机所看到的只是HTML结果。|332040|2.客户端如何与服务器交互？|332041|在Web中，当您想要转到服务器(比如句柄click按钮事件)时，您可以生成通过为按钮设置OnClickListener来调用的函数，并且所有事情都是自动为您完成的。|332042|但是，在MVC.NET中，您必须通过Ajax调用来完成，或者将按钮放在<form>中。|332043|如果你有什么问题，请告诉我:)|332044|entityMap^0|0|0|F|0|W|5|13|5|1A|7|0|0|1|4|0|0|2|4|0|0|0|0|E|0|K|5|18|F|0|Z|6|0|0^^$0|@$1|2|3|4|5|6|7|19|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|1A|8|@$D|1B|E|1C|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|1D|8|@$D|1E|E|1F|F|J]|$D|1G|E|1H|F|J]|$D|1I|E|1J|F|J]]|9|@]|A|$]]|$1|K|3|L|5|M|7|1K|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|1L|8|@$D|1M|E|1N|F|J]]|9|@]|A|$]]|$1|R|3|S|5|M|7|1O|8|@]|9|@]|A|$N|O]]|$1|T|3|U|5|6|7|1P|8|@$D|1Q|E|1R|F|J]]|9|@]|A|$]]|$1|V|3|W|5|M|7|1S|8|@]|9|@]|A|$N|O]]|$1|X|3|Y|5|6|7|1T|8|@]|9|@]|A|$]]|$1|Z|3|10|5|6|7|1U|8|@$D|1V|E|1W|F|G]]|9|@]|A|$]]|$1|11|3|12|5|6|7|1X|8|@$D|1Y|E|1Z|F|J]|$D|20|E|21|F|J]]|9|@]|A|$]]|$1|13|3|14|5|6|7|22|8|@$D|23|E|24|F|J]]|9|@]|A|$]]|$1|15|3|16|5|6|7|25|8|@]|9|@]|A|$]]|$1|17|3|-4|5|6|7|26|8|@]|9|@]|A|$]]]|18|$]]

From my understanding:

1. How Razor syntax works:

You can see the Razor is similar to the scriplet in Web Form. For example, you want to get the <code>Name</code> of the <code>Human</code> class, in <code>.cshtml</code> file, you write:

<pre><code>&lt;div&gt;Name is @Model.Name&lt;/div&gt;
</code></pre>

And in <code>aspx</code>, you write:

<pre><code>&lt;div&gt;Name is &lt;%= Human.Name %&gt;&lt;/div&gt;
</code></pre>

Both Razor and scriplet will be processed before returning the <code>HTML</code> files to client. Follow the above example, if you view the source of your HTML web page, you will see (Forte is just an example):

<pre><code>&lt;div&gt;Name is Forte&lt;/div&gt;
</code></pre>

Because the code was processed, so, what the client see is the HTML result only.

2.How do clients interact with server?

In Web Form, when you want to go to server (like handle <code>click</code> button event), you can generate the function to call by set <code>OnClickListener</code> for the button, and everything is done automatically for you.

However, in MVC.NET, you have to do it through Ajax call, or put your button in a <code>&lt;form&gt;</code>.

If you have any question, feel free to let me know :)

I am having trouble wrapping my head around how Razor syntax works.

It is my understanding that it will allow you to embed server-side code directly into the page, but it keeps all of that from the client even though the client can interact with it.

I'm used to ASP.net web views and things of that nature - does the Razor syntax essentially do postbacks and all of the code is contained within the page, or is the way that the client interacts with the server-side code fundamentally different?

If this is too open-ended, please leave me comments as to how to focus the question more. I fear I don't yet understand enough to make finely-focused questions.

Thanks!

How does Microsoft Razor Syntax run server side code without exposing it to the client?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我很难理解Razor语法是如何工作的。我的理解是，它将允许您将服务器端代码直接嵌入到页面中，但这会使所有这些都不受客户端的影响，即使客户机可以与其交互。我已经习惯了ASP.net的web视图和类似的东西- Razor语法本质上是做回发，所有的代码都包含在页面中，还是客户端与服务器端代码的交互方式根本不同？如果这是太开放...

问Microsoft Razor语法如何运行服务器端代码而不将其公开给客户端？
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Microsoft Razor语法如何运行服务器端代码而不将其公开给客户端？EN