smart.js 前端mvc轻量级框架,原生方式的双向数据

smart

smart.js 前端mvc轻量级框架,原生方式的双向数据绑定,支持表达式,for,if等形式,支持语义标签式开发。立志于前端轻量级mvc开发平台,适合网站开发,微信h5开发,后台管理。根据数据模型一键生成常用代码,生成的代码是标准格式的代码,统一代码风格,让开发只关注于业务逻辑,摒弃之前新增模块试的复制黏贴功能。


1.首先谢谢大家专注~~,下面为大家讲讲smart.js的使用方法。有什么不好的地方请大家指出哦[关注微信号:普淘科技]
2.视图层

<!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>smart测试</title> <script type="text/javascript" src="../jquery.min.js"></script> <script type="text/javascript" src="../smart.js"></script> <script src="../require.js"></script> <script src="demo.js"></script> </head> <body> <input model="name" if="show=='11'"> <div>${username}</div> <button onclick="changeValue()">显示</button> <table style="width:100%"> <tr> <td>姓名</td><td>性别</td> </tr> <tr for="row in rows" if="index==1"> <td >${row.name}-${index}</td> <td>${row.sex==0?"男":"女"}</td> </tr> </table> </body> </html>
3.控制层

$$.controller=function(){ $$.show = "1111"; $$.username = "bboy_xiaoyang"; $$.rows =[{name:"将易于",sex:0},{name:"张涛",sex:0}]; $$.changeValue=function(){ $$.show = "11"; console.log($$.show); $$.show = "11"; $$.username = "呵呵呵呵"; $$.rows =[{name:"将易于22",sex:"男2"},{name:"张涛222",sex:"女2"}]; } };

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。