Razor.js，基于JavaScript的Razor实现_.NET

您所在的位置：程序员俱乐部 > 编程开发 > .NET > Razor.js，基于JavaScript的Razor实现

Razor.js，基于JavaScript的Razor实现

2013/9/12 18:52:58 Treenew Lyn 博客园我要评论(0)

摘要：哈罗大家好，之前造了JS模板轮子Otmpl，虽然勉强算不错，但是和MVCRazor的简洁优雅相比，简直是惨不忍睹。经过几天的研究，终于在参考国外一些牛人的代码后，展现出第一版，欢迎各位园友拍砖讨论。支持的Razor特性if-else判断。do-while循环。while循环。for循环。helper方法。`*注释*`。示例代码1（为了在MVC中使用，我采用Esc键下面的“`”符号代替“@”。<!DOCTYPEhtml><
标签：实现 Java JS javascript

哈罗大家好，之前造了JS模板轮子Otmpl，虽然勉强算不错，但是和MVC Razor的简洁优雅相比，简直是惨不忍睹。经过几天的研究，终于在参考国外一些牛人的代码后，展现出第一版，欢迎各位园友拍砖讨论。

支持的 Razor 特性

if-else 判断。
do-while 循环。
while 循环。
for 循环。
helper 方法。
`*注释*`。

示例代码1（为了在MVC中使用，我采用Esc键下面的“`”符号代替“@”。 class="code_img_closed" src="/Upload/Images/2013091218/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('e38eeb3c-0be4-4d6f-b4a5-e9810aa45a39',event)" src="/Upload/Images/2013091218/2B1B950FA3DF188F.gif" alt="" />

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>基于 JS 的微型 Razor 引擎</title>
    <script src="jquery-1.8.3.js"></script>
    <script src="script/Razor.base.js"></script>
    <script type="text/javascript">
        $(function () {
            var model = { id: 5, userID: 1, message: '基于 JS 的微型 Razor 引擎', date: Date.now() };
            $.razorAll(model);
        });
    </script>
</head>
<body>
    `helper test(index){ return index; }

    `for(var index = 0;index < model.id; index++ ){
        <span>`(">"+index)</span>
    }
    `if(model.userID == 1){
        <h1>用户编号是1</h1>
    }
    `if(model.message){
        <h2>`model.message</h2>
    }
    `if(model.date){
        <h3>`model.date</h3>
    }
</body>
</html>