整合營銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          Django 使用模板 templates

          Django 使用模板 templates

          板作為公共頁面,可以被其他頁面引用并重寫,可以更快速編輯頁面。

          1,編輯myweb\web\views.py,內(nèi)容如下:

          from django.shortcuts import render
           
           def home(request):
               return render(request, 'home.html')

          前面在介紹創(chuàng)建簡單的頁面時(shí),導(dǎo)入的是HttpResponse,直接向頁面輸出內(nèi)容,而這里導(dǎo)入的是render。


          2,將視圖與網(wǎng)址對應(yīng)

          修改E:\myweb\myweb\urls.py:

          from django.conf.urls import url
           from django.contrib import admin
           import view
           from web import views
           urlpatterns=[
               url(r'^$', views.home),
           ]

          3,在myweb\web目錄中創(chuàng)建templates目錄,在templates目錄創(chuàng)建base.html,home.html。

          Base.html將作為一個(gè)模板文件,所有的html文件都可以繼承該文件,編輯base.html的內(nèi)容如下:


          <!DOCTYPE html>

          <head>

          <meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

          <meta name="viewport" content="width=device-width, height=device-height,initial-scale=1.0">

          <meta http-equiv="X-UA-Compatible" content="ie=edge">

          <title>李老道自學(xué)網(wǎng)</title>

          <link rel="stylesheet" href="./static/css/style.css">

          <link rel="shortcut icon" href="/static/favicon.ico">

          </head>

          <body>

          <header class="g-hd">

          <span class="logo nosign"><a href="/">李老道自學(xué)網(wǎng)</a></span>

          {% block title %}

          <div class="fr">李老道自學(xué)網(wǎng)</div>

          {% endblock %}

          </header>

          <main class="g-mn">

          {% block content %}

          <div>李老道自學(xué)網(wǎng)</div>

          {% endblock %}

          </main>

          </body>

          </html>

          模板中用到 {% block xxx %},代表被繼承引用后,是可以被替換的內(nèi)容。如果不替換則會顯示模板中的內(nèi)容。以下home.html將繼承base.html并替換{% block content %}中的內(nèi)容。

          編輯home.html的內(nèi)容如下:


          {% extends 'base.html' %}

          {% block title %}

          <nav>

          <ul>

          {# 顯示所有分類 #}

          <li><a href="?">測試基礎(chǔ)</a></li>

          <li><a href="?">python2</a></li>

          </ul>

          </nav>

          {% endblock %}


          {% block content %}

          <aside class="g-sd">

          <section class="u-card">

          <div class="card-hd">

          <span class="card-tit">

          {{ type_name }}

          </span>

          </div>

          <div class="card-bd">

          <ul class="m-btnList">

          {# 顯示分類下的章節(jié) #}

          <li><a href="?">測試相關(guān)概念</a></li>

          </ul>

          </div>

          </section>

          <section class="u-card">

          <div class="card-hd">

          <span class="card-tit">

          說明

          </span>

          </div>

          <div class="card-bd">

          <ul class="m-btnList">

          <li>

          本站所有內(nèi)容均是本人學(xué)習(xí)筆記,只是將學(xué)習(xí)過程記錄下來,供大家分享,并非教學(xué)式教程。

          </li>

          </ul>

          </div>

          </section>

          </aside>

          <article class="m-article">

          {# 顯示章節(jié)下的文章 #}

          xxxxxxxxxxx

          </article>

          {% endblock %}


          這里{% extends 'base.html' %}代表繼承base.html模板,而{% block title %},{% block content %}塊中的內(nèi)容將替換掉模板中的內(nèi)容。

          要從零開始開發(fā)一個(gè)開源項(xiàng)目,這個(gè)項(xiàng)目的目的很簡單:新人可以練手,一步一步搭建項(xiàng)目,把時(shí)下流行的技術(shù)整合進(jìn)來,在用這些技術(shù)的特性來實(shí)現(xiàn)具體業(yè)務(wù)功能,而對于有經(jīng)驗(yàn)的老鳥可以把自學(xué)的技術(shù)在項(xiàng)目中得以實(shí)踐。

          在這里插入圖片描述

          琢磨了挺長時(shí)間,前段時(shí)間工作比較忙、家中事情也比較多,導(dǎo)致最近才著手弄。

          感興趣的同學(xué)可以關(guān)注一波,項(xiàng)目進(jìn)度可能會緩慢,但腳步絕不會停止

          作為一個(gè)后端程序員,雖然平時(shí)也會做一些管理后臺的頁面,可那都是本著能用就行的原則,美觀都是次要的。但項(xiàng)目要對外開源這可是門面,不美美噠多沒面子,所以選一個(gè)酷炫的頁面模板成了首要任務(wù),選了10個(gè)模板出來,大伙給參謀下。

          源碼獲取方式:關(guān)注轉(zhuǎn)發(fā)之后私信回復(fù)【源碼】來免費(fèi)獲取到這10個(gè)后臺模板源碼

          evExpress WinForm擁有180+組件和UI庫,能為Windows Forms平臺創(chuàng)建具有影響力的業(yè)務(wù)解決方案。DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序,無論是Office風(fēng)格的界面,還是分析處理大批量的業(yè)務(wù)數(shù)據(jù),它都能輕松勝任!

          DevExpress WinForms Subscription官方最新版免費(fèi)下載試用,歷史版本下載,在線文檔和幫助文件下載-慧都網(wǎng)

          許多DevExpress WinForm數(shù)據(jù)感知控件都支持HTML & CSS模板(包括WinForms Data Grid、WinForms Gantt控件),這些控件顯示純數(shù)據(jù)(其中每個(gè)數(shù)據(jù)字段存儲簡單值,如數(shù)字、字符串、布爾值等)時(shí),數(shù)據(jù)綁定語法允許開發(fā)人員不受限制地構(gòu)造模板。

          <div>${ModelName}</div>
          <div>${Price}</div>
          <div>$Available: {InStock}</div>
          <img src="${Photo}"/>

          有些數(shù)據(jù)源還可能包含存儲項(xiàng)集合的數(shù)據(jù)字段:List、數(shù)組、數(shù)據(jù)集等,數(shù)據(jù)網(wǎng)格顯示具有簡單屬性(Title、Manager、Due Data)的任務(wù),以及一個(gè)集合屬性(“Members”屬性返回分配給該卡片的員工列表)。

          在以前的版本中,可以通過在CustomItemTemplate事件中操作模板來顯示來自這些屬性的數(shù)據(jù)。這意味著開發(fā)人員需要手動檢查這個(gè)特定數(shù)據(jù)記錄的收集容量,為每個(gè)項(xiàng)目創(chuàng)建一個(gè)HTML元素,并用真正的HTML標(biāo)記替換預(yù)先添加的假元素。

          void OnCustomItemTemplate(object sender, TileViewCustomItemTemplateEventArgs e) {
          var task=tileView1.GetRow(e.RowHandle) as EmployeeTask;
          var sb=new StringBuilder();
          foreach(var member in task.Members) {
          sb.Append("<div class=\"initials\">");
          sb.Append(member.Initials);
          sb.Append("</div>");
          }
          e.HtmlTemplate.Template=e.HtmlTemplate.Template.Replace("", sb.ToString());
          }

          在下一個(gè)重大版本(v22.2)更新中,開發(fā)人員可以避免手動定制模板,并利用更原生的方法。標(biāo)記是唯一的DevExpress元素,它允許開發(fā)人員指定一個(gè)集合屬性,其中的項(xiàng)需要可視化,以及必須應(yīng)用于這些項(xiàng)的模板。

          • 第1至3行 - 應(yīng)用于每個(gè)集合項(xiàng)的模板,注意這些模板必須在控件的主模板之前聲明。${Initials}綁定告訴模板它應(yīng)該顯示"Initials"屬性的值。title屬性允許集合項(xiàng)顯示具有“FullName”屬性值的提示。
          • 第18行和第19行 - <dx-collection>標(biāo)記。Items屬性指向集合屬性。ItemTemplate屬性指定必須應(yīng)用于集合項(xiàng)的模板ID。

          除了這個(gè)核心功能,開發(fā)人員可以利用條件CSS格式,在之前的文章中有介紹:如何使用HTML&CSS模板的條件樣式?

          dx-class屬性支持集合的四個(gè)惟一屬性:

          • dx-first和dx-last - 應(yīng)用于集合的第一個(gè)和最后一個(gè)項(xiàng),如果集合只有一個(gè)項(xiàng),則忽略這兩種樣式。
          • dx-odd 和 dx-even — 用于索引為奇數(shù)和偶數(shù)的項(xiàng),第一個(gè)集合項(xiàng)是偶數(shù)(索引為0)..

          主站蜘蛛池模板: 国产成人精品无码一区二区三区 | 搡老熟女老女人一区二区| 亚洲av无码一区二区三区网站 | 香蕉久久ac一区二区三区| 无码人妻一区二区三区在线| 高清在线一区二区| 国内精品视频一区二区三区 | 日本在线观看一区二区三区| 国精产品一区一区三区MBA下载| 日本内射精品一区二区视频| 嫩B人妻精品一区二区三区| 日韩少妇无码一区二区三区| 日本精品视频一区二区| 欧亚精品一区三区免费| 亚洲香蕉久久一区二区| 91成人爽a毛片一区二区| 久久一区二区三区精品| 免费日本一区二区| 亚洲线精品一区二区三区 | AA区一区二区三无码精片| 久久人做人爽一区二区三区| 日韩人妻精品一区二区三区视频| 国产精品亚洲一区二区三区在线| 中文无码精品一区二区三区| 精品乱子伦一区二区三区高清免费播放 | 亚洲AV无码一区二区三区系列| 好爽毛片一区二区三区四| 三上悠亚日韩精品一区在线| 99精品高清视频一区二区| 中文字幕精品无码一区二区| 东京热人妻无码一区二区av| 亚洲AV无一区二区三区久久| 久久久久人妻精品一区二区三区| 精品日韩亚洲AV无码一区二区三区| 中文字幕日韩一区二区三区不卡| 中文字幕在线不卡一区二区| 无码人妻av一区二区三区蜜臀| 国产一区二区福利久久| 精品久久国产一区二区三区香蕉| 久久精品一区二区| 国产伦精品一区二区三区女|