django入门到精通⑤mako模板的使用

1.搭建基础环境

(python37_django2) D:\python\django_imooc_xiaobai>django-admin startproject mako_project

(python37_django2) D:\python\django_imooc_xiaobai>cd mako_project

(python37_django2) D:\python\django_imooc_xiaobai\mako_project>python manage.py startapp app

(python37_django2) D:\python\django_imooc_xiaobai\mako_project>pip install mako

2.编写基础函数
app/base_render.py

# _*_ coding:utf-8 _*_
# __author__ == 'jack'
# __date__ == '2020-12-31 11:56 AM'


from mako.lookup import TemplateLookup
from django.template import RequestContext
from django.conf import settings
from django.template.context import Context
from django.http import HttpResponse


def render_to_response(request, template, data=None):
    context_instance = RequestContext(request)
    path = settings.TEMPLATES[0]['DIRS'][0]
    lookup = TemplateLookup(
        directories = [path],
        output_encoding='utf-8',
        input_encoding='utf-8'
    )
    mako_template = lookup.get_template(template)

    if not data:
        data = {}

    if context_instance:
        context_instance.update(data)
    else:
        context_instance = Context(data)

    result = {}
    for d in context_instance:
        result.update(d)

    # data['csrf_token'] = '<input type="hidden" name="csrfmiddlewaretoken" value="{0}" />'\
    #      .format(request.META['CSRF_COOKIE'])
    return HttpResponse(mako_template.render(**result))

引入根路由
urls.py

from django.contrib import admin
from django.urls import path
from app.views import Test

urlpatterns = [
    path('admin/', admin.site.urls),
    path('test/', Test.as_view())
]

视图 app/views.py

# encoding:utf-8

from django.views.generic import View
from .base_render import render_to_response


class Test(View):
    TEMPLATE = 'test.html'

    def get(self, request):
        data = {'name': 'jack', 'age': 18}
        return render_to_response(request, self.TEMPLATE, data = data)

3.配置settings.py

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    # 关闭csrf
    # 'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]


TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
    # 引入模板
        'DIRS': [os.path.join(BASE_DIR, 'templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

# 引入static目录

STATICFILES_DIRS = (os.path.join(BASE_DIR, 'static'), )

4.基础模板配置
基础模板
templates/base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>${self.title()}</title>
    <link rel="stylesheet" href="">
    ${self.css()}
</head>
<body>
    ${self.content()}
</body>
</html>
<%def name="content()">
    ${self.main()}
    ${self.js()}

</%def>
<%def name="main()"></%def>

<%def name="title()"></%def>
<%def name="js()"></%def>
<%def name="css()"></%def>

继承页面
templates/extend.html

<%page args="local_content" />
<textarea>
    ${local_content}
</textarea>

测试页面
templates/test01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
${name}
${age}

<%!
    from django.conf import settings
%>

${settings.TEMPLATES[0]['DIRS'][0]}
<br/>

%for i in range(20):
    <input type="text" value="${i}" />
%endfor

<br/>
<%!
    def name():
        return "my name is jack"
%>

<input style="display:block" type="text" name="username" value="${name()}" />

</body>
</html>

测试模板页面
templates/test.html

<%inherit file="base.html" />

<%def name="main()">
<%include file="extend.html" args="local_content='你好 mako'" />
<h1>hello mako</h1>
</%def>

<%def name="js()">
<script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>
</%def>

<%def name="title()">test</%def>
<%def name="css()">
<link rel="stylesheet" href="/static/test.css" />
</%def>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值