[TOC=1,5]
>[success] # 雙菜單組合,兩者互不影響,只對數據結果影響

>[danger] ##### model.py
| 表名 | 含義 |
| --- | --- |
| Category | 所有種類 |
| ArticleType | 文章類型 |
| Article | 文章保存 |
~~~
class Category(models.Model):
category = models.CharField(max_length=32)
class ArticleType(models.Model):
articletype = models.CharField(max_length=32)
class Article(models.Model):
title = models.CharField(max_length=32)
content = models.CharField(max_length=225)
category = models.ForeignKey(Category)
article_type = models.ForeignKey(ArticleType)
~~~
>[success] # 思路分析
整體的路由映射都離不開URL,所以對url,進行分析
>[danger] ##### url
~~~
1. 定義的url 參數最好要和字段名字一致
2. 所有的請求入口都是url,進行傳值訪問的時候要利用這點
~~~
~~~
urlpatterns = [
url(
"index/(?P<category_id>\d+)-(?P<article_type_id>\d+)",
views.index,name="index"
)
]
~~~
>[danger] ##### models.py
~~~
1.article 這個數據庫和我們的category/articletype 一對多的關系
2.url 上綁定的數字,分別是上面兩個表的主鍵
3.每次處理后的數據和處理前的url 再返回回去
~~~
~~~
def index(request,**kwargs):
if request.method == "GET":
condition = {}
for k,v in kwargs.items():
kwargs[k] = int(v)
if v == "0":
pass
else:
condition[k] = v
category = models.Category.objects.all()
articletype = models.ArticleType.objects.all()
article = models.Article.objects.filter(**condition)
return render(request,'index.html',
{
"category": category,
"articletype": articletype,
"article": article,
"kargs": kwargs
})
~~~
>[danger] ##### html
~~~
<body>
<!--category 種類的展示-->
<div>
{% if kargs.category_id == 0 %}
<a class="active" href="{% url 'index' 0 kargs.article_type_id %}">全部</a>
{% else %}
<a href="{% url 'index' 0 kargs.article_type_id %}">全部</a>
{% endif %}
{% for i in category %}
{% if i.id == kargs.category_id%}
<a class="active" href="{% url 'index' i.id kargs.article_type_id %}">{{ i.category }}</a>
{% else %}
<a href="{% url 'index' i.id kargs.article_type_id %}">{{ i.category }}</a>
{% endif %}
{% endfor %}
</div>
<div>
{% if kargs.article_type_id == 0 %}
<a class="active" href="{% url 'index' kargs.category_id 0 %}">全部</a>
{% else %}
<a href="{% url 'index' kargs.category_id 0%}">全部</a>
{% endif %}
{% for i in articletype %}
{% if i.id == kargs.article_type_id%}
<a class="active" href="{% url 'index' kargs.category_id i.id %}">{{ i.articletype }}</a>
{% else %}
<a href="{% url 'index' kargs.category_id i.id %}">{{ i.articletype }}</a>
{% endif %}
{% endfor %}
</div>
{% for i in article %}
{{ i.title }}-{{ i.content }}
{% endfor %}
~~~
>[danger] ##### 對html 優化
* 全部函數寫法
~~~
from django.utils.safestring import mark_safe
register = template.Library()
@register.simple_tag
def filter_all(arg_dict,k):
'''
{% if arg_dict.article_type_id == 0 %}
<a class="active" href="/article/-0-{{ arg_dict.category_id }}">全部</a>
{% else%}
<a href="/article/-0-{{ arg_dict.category_id }}">全部</a>
{% endif %}
'''
if k == "article_type_id":
n1_k = arg_dict[k]
n2_k = arg_dict['category_id']
if n1_k == 0:
ret = '<a class="active" href="/article/-0-%s">全部</a>' % n2_k
else:
ret = '<a href="/article/-0-%s">全部</a>' % n2_k
return mark_safe(ret)
else:
n1_k = arg_dict[k]
n2_k = arg_dict ['article_type_id']
if n1_k == 0:
ret = '<a class="active" href="/article/-%s-0">全部</a>' % n2_k
else:
ret = '<a href="/article/-%s-0">全部</a>' % n2_k
return mark_safe(ret)
~~~
* 兩菜單的寫法
~~~
@register.simple_tag
def filter_article_type(article_type_list,arg_dict):
'''
{% for i in article_type_list %}
{% if i.id == arg_dict.article_type_id %}
<a class="active" href="/article/-{{ i.id }}-{{ arg_dict.category_id }}">{{ i.caption }}</a>
{% else %}
<a href="/article/-{{ i.id }}-{{ arg_dict.category_id }}">{{ i.caption }}</a>
{% endif %}
{% endfor %}
'''
ret = []
for i in article_type_list:
if i.id == arg_dict['article_type_id']:
temp = '<a class="active" href="/article/-%s-%s">%s</a>'%(i.id, arg_dict['category_id'],i.caption)
else:
temp = '<a href="/article/-%s-%s">%s</a>'%(i.id, arg_dict['category_id'],i.caption)
ret.append(temp)
#把列表轉化成字符串
print(" ".join(ret))
return mark_safe(" ".join(ret))
@register.simple_tag
def filter_category(category_list,arg_dict):
'''
{% for i in category_list %}
{% if i.id == arg_dict.category_id %}
<a class="active" href="/article/-{{ arg_dict.article_type_id }}-{{ i.id }}">{{ i.caption }}</a>
{% else %}
<a href="/article/-{{ arg_dict.article_type_id }}-{{ i.id }}">{{ i.caption }}</a>
{% endif %}
{% endfor %}
'''
ret = []
for i in category_list:
if i.id == arg_dict['category_id']:
temp = '<a class="active" href="/article/-%s-%s">%s</a>' % ( arg_dict['article_type_id'],i.id, i.caption)
else:
temp = '<a href="/article/-%s-%s">%s</a>' % (arg_dict['article_type_id'],i.id, i.caption)
ret.append(temp)
# 把列表轉化成字符串
print(" ".join(ret))
return mark_safe(" ".join(ret))
~~~
* 調用
~~~
<div class="condition">
<div>
{% filter_all arg_dict 'article_type_id' %}
{% filter_article_type article_type_list arg_dict%}
</div>
<div>
{% filter_all arg_dict 'category_id' %}
{% filter_category category_list arg_dict %}
</div>
~~~
- 網絡原理
- 為搭建框架做準備
- 簡單認識網路
- 自定義模擬網站案例
- 優化最終框架
- 數據存儲 -- data
- 用戶個人信息存儲 -- User.txt
- 路由映射 -- routes
- 處理用戶信息 -- routes_static.py
- 保存靜態文件 -- static
- templates -- html 集中處理模塊
- 首頁 -- index.html
- 登陸 -- login.html
- 用戶注冊頁面 -- register
- 日志模塊 -- log.gua.txt
- 啟動文件--server.py
- orm處理 -- model.py
- 日志模塊 -- utils.py
- 兩種數據庫類型
- 傳統數據庫了解篇
- 前端快速入門
- JS簡單使用入門
- css簡單快速入門
- DJANGO
- virtualenv-創建虛擬環境
- 項目結構
- django-admin中文配置
- django-打印sql語句
- django-基礎
- 認識MVC和MTV
- Django--初識
- Django--初識案例
- Django-FBV/CBV
- Django--常用input 交互
- Django-url
- Django-url.py 配置
- Django-include 使用
- Django-url name
- Django-ORM
- ORM-數據庫配置
- ORM-model字段
- ORM-model字段解釋
- ORM-字段選項
- ORM-查詢
- ORM-四種常用查詢方法
- ORM-三種獲取數據
- ORM-其他查詢方式
- ORM-條件查詢雙線
- ORM-Q和F條件使用
- ORM-三種數據庫交互
- 案例 -- 一對多
- ORM-技巧/常見問題
- ORM-N+1 問題
- ORM-并發的處理
- ORM-數量查詢、
- ORM-正向反向查詢
- ORM-基礎案例一
- ORM-基礎一對多案例
- Django-templates
- Django-模板的繼承
- Django-模板的過濾
- Django-自定義模板的過濾
- Django-cookie
- Django-cookies 裝飾器
- Djang-session
- Django-CSRF
- Django-中間件 -- 后續了解
- Django- 緩存 -- 沒有深入了解
- Django-form
- From-ajax
- form-內部驗證處理
- form-屬性
- form-常用的標簽字段
- form-常用的下拉和選擇
- form-widget速查
- Django-ajax序列化
- Django-多種ajax寫法
- ajax-原生寫法
- ajax-$寫法
- ajax-ifram
- Django-ajax圖片上傳
- ajax-原始寫法
- ajax-正常寫法
- iframe+form
- 實戰寫法
- Django-常用自編寫組件
- Django-雙菜單組合搜索
- Django - 多菜單組合搜索
- Django-分頁
- django-綜合基礎
- 綜合基礎-render
- django-admin
- admin-頁面配置
- admin-字段配置
- admin-編輯頁面
- admin-forms驗證
- admin-創建抽象類
- django-驗證碼
- 驗證碼-第三方生成庫
- 驗證碼-view.py使用
- 驗證碼-注意引入Monaco.ttf
- django-用戶注冊
- 注冊-form 模塊
- 注冊-views 模塊
- 注冊-html模塊
- 注冊-model模塊
- django-用戶登錄三種
- session登錄
- form-session 寫法
- view-寫法
- Html-寫法
- model-寫法
- 繼承類登錄
- 外鍵關聯登錄
- django-簡單的student 管理案例
- app-urls.py
- app-models.py配置
- admin-admin.py配置
- app-form.py 和數據庫關聯的寫法
- app-FBV_views.py
- app-CBV_views.py
- templates-index.html
- django-博客系統
- APP目錄-models.py 創建
- APP目錄-基礎展示數據分析
- APP目錄-基礎數據展示cls
- ListView
- DetailView
- FormView
- 額外功能拓建
- 添加文章搜索/用戶文章查詢功能
- 增加一個友情鏈接
- 增加一個評論模塊
- App-利用Bootstrap4 搭建樣式
- 項目crm
- 思維導圖
- perfectCRM-項目名字
- settings.py-配置
- view.py-登陸/登出函數
- crm-app文件
- model.py-表的創建
- admin.py-注冊后臺
- view.py-視圖層
- static-靜態文件
- css
- bootstrap.min.css
- dashboard.css
- ie10-viewport-bug-workaround.css
- signin.css
- fonts
- imgs
- js
- jquery.js
- bootstrap.min.js
- holeder.js
- ie10-viewport-bug-workaround.js
- ie-emulation-modes-warning.js
- plugins
- html模板文件-templates
- crm
- index.html-首頁模板