template-web.js: 高性能模板引擎art-template渲染html

art-template模板渲染HTML

该方法的核心思想就是将json数据传入按照art-template模板编写模板中去。

  • filename: 对于模板的script标签的id;
  • data: js获取的数据(一般是后端返回的序列化json字符串)
// 基于模板名渲染模板
template(filename, data);

这样就可以把这部分的模板添加到template模板中去,更多的详情可以参考art-template网站

具体示例参考如下:

前端部分

下载template-web.js文件,在HTML文件中导入,并编写包含渲染的script标签。

<!-- file: course_teacher.html -->
{% extends 'cms/base.html' %}
{% load rest_framework %}
{% block title %}
    课程老师
{% endblock %}

{% block head %}
{#  引入arttemplat  #}
    <script src="{% static 'js/template-web.js' %}"></script>
    <script src="{% static 'js/index.js' %}"></script>
{% endblock %}

{% block main %}
<div class="box-body">
    <table class="table table-bordered">
        <thead>
            <tr>
                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值