Razor.js,基于JavaScript的Razor实现
2013-09-11 14:43
316 查看
哈罗大家好,之前造了JS模板轮子Otmpl,虽然勉强算不错,但是和MVC Razor的简洁优雅相比,简直是惨不忍睹。经过几天的研究,终于在参考国外一些牛人的代码后,展现出第一版,欢迎各位园友拍砖讨论。
支持的 Razor 特性
if-else 判断。
do-while 循环。
while 循环。
for 循环。
helper 方法。
`*注释*`。
示例代码1(为了在MVC中使用,我采用Esc键下面的“`”符号代替“@”。
View Code
下载
【点此下载】这个版本还不是很成熟,代码没有经过混淆,如果你不喜欢“`”,可以修改scripts/Razor.base.js的“razorAnchor”配置。关于Razor的相关语法我就不多介绍了。
如果你有更好的优化意见,请留言!如果你喜欢这篇文章,请推荐~
支持的 Razor 特性
if-else 判断。
do-while 循环。
while 循环。
for 循环。
helper 方法。
`*注释*`。
示例代码1(为了在MVC中使用,我采用Esc键下面的“`”符号代替“@”。
<!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>
View Code
下载
【点此下载】这个版本还不是很成熟,代码没有经过混淆,如果你不喜欢“`”,可以修改scripts/Razor.base.js的“razorAnchor”配置。关于Razor的相关语法我就不多介绍了。
如果你有更好的优化意见,请留言!如果你喜欢这篇文章,请推荐~
相关文章推荐
- Razor.js,基于JavaScript的Razor实现
- 纯JavaScript基于notie.js插件实现消息提示特效
- JavaScript实现写入文件到本地的方法【基于FileSaver.js插件】
- JS基于FileSaver.js插件实现文件保存功能示例[原创]_javascript技巧_脚本之家
- paip.基于HTML gui界面的javascript JS实现SLEEP。。
- 调用博客paip.基于HTML gui界面的javascript JS实现SLEEP。。
- 基于JavaScript(Node.js)的HashSet实现
- 基于对象的JavaScript实现无刷新页面发送和获取数据Ajax.js
- 纯JavaScript基于notie.js插件实现消息提示特效
- Javascript基于jQuery UI实现选中区域拖拽效果
- 基于 Vue.js 2.0 酷炫自适应背景视频登录页面实现方式
- 基于当前时间的随机函数的实现(JavaScript)
- 基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
- js,javascript实现base64加密
- 基于JavaScript实现瀑布流布局(二)
- js模版引擎(基于html模版和json数据的javascript交互)(第二讲)完结篇
- 基于javascript实现简单计算器功能
- JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
- 基于javascript实现仿百度输入框自动匹配功能
- JavaScript面向对象-基于原型链和函数伪装组合的方式实现继承