板作為公共頁面,可以被其他頁面引用并重寫,可以更快速的編輯頁面。
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)的模板。
除了這個(gè)核心功能,開發(fā)人員可以利用條件CSS格式,在之前的文章中有介紹:如何使用HTML&CSS模板的條件樣式?
dx-class屬性支持集合的四個(gè)惟一屬性:
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。