在專案的urls.py檔案新增一條url
1在首頁我們應該顯示書籍列表。from django.contrib import
admin
2from django.urls import
path, re_path
3views
45 urlpatterns =[
6 path('
admin/
', admin.site.urls),
7 re_path('
^$', views.index), #
加入這條，代表什麼都不匹配。開啟127.0.0.1:8000就不會匹配不到任何url，依然走index檢視。
89 path('
index/
', views.index, name='
index
'), #
首頁的url,走index檢視，新增index反向解析，也可以不加。
10 ]
所以在index檢視函式應該獲取所有資料，傳遞給index.html模版渲染。
1對三個模型做增刪改查後，為了方便我們互動，所以把模版分為左右兩板塊，這樣操作其他頁面時，左邊內容不變。defindex(request):2#
獲取所有書籍
3 book_lt =book.objects.all()4#
渲染到index.html頁面
5return render(request, '
index.html
',)
新增base.html檔案作為母板。方便繼承。(所有的html模版存放到專案目錄的templates資料夾下)
>操作
div>
20<
ul class
="list-group"
>
21<
li class
="list-group-item aaa"
><
a href
="">書籍列表
a>
li>
22<
li class
="list-group-item aaa"
><
a href
="#"
>作者列表
a>
li>
23<
li class
="list-group-item aaa"
><
a href
="#"
>出版社列表
a>
li>
24ul
>
25div
>
26div
>
27<
div
class
="col-md-8"
>
2829
3031
32div
>
33div
>
34div
>
35<
script
src="/static/jquery.js"
>
script
>
36<
script
src="/static/bootstrap-3.3.7/js/bootstrap.js"
>
script
>
37body
>
38html
>
左邊有個ul列表，有三條url，其中書籍列表我設定了反向解析到index頁面的url，你也可以另外一種寫法，href='/index/'。另外兩條在設計好作者和出版社之後再回來改。
引入了靜態檔案，需要配置。在settings.py檔案設定：
1 static_url = '在專案根目錄建立static資料夾，用來存放靜態檔案。/static/
'2 staticfiles_dirs =[
3 os.path.join(base_dir,'
static')
4 ]
右邊部分是通過模版繼承來寫的，接下來寫index.html頁面。
123注意：雖然沒資料：但是效果已經出來了。4<
title
>書籍列表
title
>56
78<
h3>書籍列表
h3>
9<
a href
="#"
class
="btn btn-default"
style
="margin-top:10px;margin-bottom: 10px"
>新增書籍
a>
10<
table
class
="table table-bordered"
>
11<
thead
>
12<
tr>
13<
th>書籍名稱
th>
14<
th>**
th>
15<
th>出版日期
th>
16<
th>作者
th>
17<
th>出版社
th>
18<
th>操作
th>
19tr
>
20thead
>
21<
tbody
id="book_list"
>
2223
<
tr>
24<
td>}
td>
25<
td>}
td>
26<
td>}
td>
27<
td>
2829
<
span
><
a href
="#"
>}
a>
span
>
3031
td>
32<
td><
a href
="#"
>}
a>
td>
33<
td>
34<
a href
="#"
>
35<
button
class
="btn btn-success"
>編輯
button
>36a
>
37<
a href
="#"
>
38<
button
class
="btn btn-danger"
>刪除
button
>39a
>
40td
>
41tr
>
4243
tbody
>
4445
table
>
46
頁面設計的方法（首頁，先頁面程式時可取）
通常人們是從那些快餐式的程式設計書籍上學習編寫頁面的，也就是在頁面上寫一兩行文字 放上乙個控制項看看效果，最多不過是多放幾個這種乾巴巴的東西堆在一起。這與實際的 介面相差太遠了，就好像在乙個只有幾把錘子扳子的小作坊中學習造汽車，不能做出好產品。實際上，好的頁面應該用以下方法開發出來 1.各類相關人員...
首頁頁面的搭建
首頁頁面的搭建 en class container fluid class head class n bar n bar inverse class container fluid class n bar header button class n bar toggle collapsed dat...
mui 關閉其他頁面，只保留首頁面
這個可以用於mui開啟很多子頁面時，直接返回首頁面 var wvs plus.webview.all 所有視窗物件 var launch plus.webview.getlaunchwebview 首頁視窗物件 var self plus.webview.currentwebview 當前視窗物件 ...