環(huán)境同上篇django文章。

站在用戶的角度思考問題，與客戶深入溝通，找到中衛(wèi)網(wǎng)站設(shè)計與中衛(wèi)網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬主機、企業(yè)郵箱。業(yè)務(wù)覆蓋中衛(wèi)地區(qū)。

啟動django的web服務(wù)：

]# cd py3/django-test1/test4
]# python manage.py runserver 192.168.255.70:8000

在html模板中，如果要顯示的內(nèi)容包含html標(biāo)簽：

編輯視圖：

]# vim bookshop/views.py
from django.shortcuts import render
from .models import *
...
def htmlTest(request):
    context = {'key1':'
html 轉(zhuǎn)義
'}
    return render(request, 'bookshop/htmlTest.html',context)

添加html模板：

]# vim templates/bookshop/htmlTest.html



    


{{ key1 }}

添加應(yīng)用url路由：

]# vim bookshop/urls.py
from django.conf.urls import url
from .  import views

urlpatterns = [
    url(r'^$', views.index, name='index'),
    url(r'^(\d+)$', views.show, name='show'),
    url(r'^(\d+)/(\d+)$', views.show, name='show'),
    url(r'^index2$', views.index2, name='index2'),
    url(r'^user1', views.user1, name='user1'),
    url(r'^user2', views.user2, name='user2'),
    url(r'^htmlTest',views.htmlTest),
]

訪問瀏覽器：http://192.168.255.70:8000/htmlTest

顯示：

此方式是通過傳遞變量在html模板中顯示，變量key1的值為

html 轉(zhuǎn)義

，在傳遞過程中沒有被轉(zhuǎn)義為標(biāo)簽，而是原封不動的顯示了。

下面是轉(zhuǎn)義時是方法：

修改html模板：使用|safe過濾器為html轉(zhuǎn)義

]# vim templates/bookshop/htmlTest.html



    


{{ key1}}

{{ key1|safe}}

瀏覽器訪問：http://192.168.255.70:8000/htmlTest

顯示：

還可以使用{%autoescape%}標(biāo)簽為代碼塊的轉(zhuǎn)義，字面值|default進行轉(zhuǎn)義，還有通過手動轉(zhuǎn)義等多種方法：

修改html模板：

    


{{ key1}}

{{ key1|safe}}

{% autoescape off %}
{{ key1 }}
{% endautoescape %}

字面值
{{t2|default:'
django-html轉(zhuǎn)義
'}}


手動轉(zhuǎn)義:{{t2|default:'<h2>轉(zhuǎn)義</h2>'}}

瀏覽器訪問：http://192.168.255.70:8000/htmlTest

顯示：

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務(wù)器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡(luò)助力業(yè)務(wù)部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準(zhǔn)確進行流量調(diào)度，確保服務(wù)器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務(wù)器買多久送多久。

分享名稱：django之html模板轉(zhuǎn)義-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/ghsch.html