moodle-mustache

  • 创建模板
    在看小胡子模板编译之前 我们需要看一下是哪里把变量发送给他然后叫他渲染的;
    首先我们会在local/pluginname下面创建一个classes的文件夹,然后接着在classes下创建output文件夹 然后像我一样创建处理数据的php文件;
    直接lu代码
 //  目录 : local/wxpay/classes/output/index_page.php
sometext = $sometext;
    }
    /**
     * Export this data so it can be used as the context for a mustache template.
     *  导出此数据,以便将其用作胡子模板的上下文。
     * @return stdClass
     */
    public function export_for_template(renderer_base $output) {
        global $PAGE;
        $data = new stdClass();
        $data->list = ['张三','李四','王二麻子','刘老根','钢铁侠','蜘蛛精','王小蒙','凹凸曼'];
        $data->sometext = $this->sometext;
        return $data;  // 数据对象
    }
}
  • 创建渲染器
    同目录下创建 renderer.php
export_for_template($this); // 取到刚刚的模板数据
        return parent::render_from_template('local_wxpay/index_page', $data); // 进行小胡子模板渲染
         //local_wxpay/index_page  :"插件名字/渲染模板(就是小胡子模板)" 对比下面的目录你就会发现 
    }
}
  • 加载模板
    渲染器和渲染模板都已经编写完成。然后呢????? 去使用它(渲染器)

  • 添加小胡子模板

// local/wxpay/templates/index_page.mustache
// 渲染变量
{{!
@template local_wxpay/index_page
}}

{{sometext}}

{{data}} {{#list}} // 循环这个list (这是个数组 想要取得每一项就需要用{{.}})

时尚大咖::{{.}}

{{/list}}
  • 模板方法
// local/wxpay/index.php
// 废话不多讲 我们就披沙拣金
set_url($url); // 设置当前路径
$PAGE->set_title($title);  // 标题
$PAGE->set_pagelayout('standard');// 常用布局
$PAGE->set_heading($title);
$PAGE-> set_context (context_system :: instance ()); // 上下文
$renderable = new \local_wxpay\output\index_page('可喜可贺可喜可贺啊');
// 通过命名空间找到index_page这个对象 
// 上面的sometext 等同于 “可喜可贺可喜可贺啊”
$PAGE->navbar->add($title, $url); // 头部导航
echo $OUTPUT->header();
echo $OUTPUT->heading($pagetitle);// 页面标题
$output = $PAGE->get_renderer('local_wxpay'); 
echo $OUTPUT->render($renderable);// 执行output文件夹下renderer函数
echo $OUTPUT->footer();

如果觉得有帮助 请给小编一个star
你的star✨、点赞和关注是我持续创作的动力!

你可能感兴趣的:(moodle-mustache)