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