Soda前端框架

联合创作 · 2023-09-19 11:37

已更名为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
        };
    }
});
浏览 4
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报