Soda 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Soda 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Soda 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 未知
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织 腾讯
地区 国产
投 递 者 叶秀兰
适用人群 未知
收录时间 2015-11-25

软件简介

已更名为Abstract.js,请参考Abstract.js


Puppet (OR Soda) 是基于逻辑层抽像的前端框架,致力于更高效,便捷,优雅的构建 开发复杂的前端工程。Puppet是基于MVC的传统架框方法,抽象所有的前端模型进行封装。

方法参考

renderModel

普通渲染模型

其实前端大多数的操作,无非抽象为,从cgi取到数据然后把数据展示出来.普通的渲染模型即是,从cgi取到数据,通过模型进行数据处理后交给视图层去使用.

配置参数

cgiName

{string}
请求的cgi路径

renderTmpl

渲染的模板对象 视图模板 如果cgi返回数据中有result,直接使用result进行渲染,否则使用原始数据渲染

//数据为data = {
    result: {
        list: [
        ],
        bid: 10038
    },
    retcode: 0}
//模板中
<div data-bid="<%=bid%>">soda</div>
<ul>
<% for(var i = 0; i < list.length; i ++){
%>
    <li>soda</li>
<% }
%>
</ul>

renderContainer

{string} | {jqueryObj}

渲染到的元素

param

{function}|{object}

cgi的请求参数

// 页面的头部模块
var header = new renderModel({
    param: {
            bid: 10038,
                    name: 'a'
                        }});

或者

var bid,name;// ...var header = new renderModel({
    param: function(){
            return {
            bid: bid,
            name: name
        };
    }
});
展开阅读全文

代码

评论

点击引领话题📣 发布并加入讨论🔥
暂无内容
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
2 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部