python3 django 頁面增刪改查

時間 2019-12-06

標籤 python3 python django 頁面增刪欄目 Python 简体版

原文原文鏈接

上期文章css

下面基於上面文章的django項目中blog模塊，針對文章（article）作自定義crud頁面html

頁面模板

在項目根目錄新建目錄templates，用來存放頁面html文件 python

打開settings.py文件中，修改模板的配置：mysql

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, "templates")], #修改
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

暫時註釋crsf驗證，否則會報錯：csrf token驗證失敗（後面解決csrf問題）jquery

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    #'django.middleware.csrf.CsrfViewMiddleware', #註釋
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

列表頁面

業務層代碼

在 項目根目錄/blog/view.py中添加list方法git

from django.shortcuts import render
from . import models

def list(req):
    data = {} #返回給頁面的數據
    list = models.Article.objects.all()  #從mysql查詢全部
    data['list']=list
    return render(req, 'blog/list.html', data) #跳轉到頁面

頁面 /templates/blog/list.html

在templates目錄新建blog目錄，在blog目錄下再新建list.htmlsql

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客列表</title>
    <!-- Bootstrap 相關文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="#">2018</a></li>
        <li class="active">十一月</li>
    </ul>
    <table class="table">
	<caption>文章列表</caption>
   <thead>
      <tr>
         <th>ID</th>
         <th>標題</th>
         <th>內容</th>
         <th>做者</th>
         <th>時間</th>
      </tr>
   </thead>
   <tbody>
      {% for d in list %}
      <tr>
         <td>{{ d.id }}</td>
         <td>{{ d.title }}</td>
         <td>
             {% if d.content|length > 30 %}
                {{ d.content|slice:'30' }}...
                 {% else %}
                 {{ d.content }}
             {% endif %}
         </td>
         <td>{{ d.author }}</td>
         <td>{{ d.time }}</td>
      </tr>
      {% endfor %}
   </tbody>
</table>
</body>
</html>

路由配置

在 根目錄/主目錄/urls.py添加blog的路由django

from django.urls import path, include
from django.conf.urls import url
urlpatterns = [
    path('admin/', admin.site.urls),
    url(r'^blog/', include('blog.urls')) #將blog路由到另外一個文件的路由配置
]

在 根目錄/blog中添加urls.pybootstrap

from django.conf.urls import url
from . import views
urlpatterns=[
    url(r'^list/$',views.list), #list路由到views.list方法，作業務處理
]

查看效果

啓動項目，瀏覽器訪問 http://localhost:8000/blog/list 瀏覽器

添加、更新

同理，省略...

效果：

項目地址

https://gitee.com/yimingkeji/DjangoAdmin

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。