上期文章
下面基于上面文章的django项目中blog模块,针对文章(article)做自定义crud页面
页面模板
在项目根目录新建目录templates,用来存放页面html文件
打开settings.py文件中,修改模板的配置:
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问题)
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方法
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.html
<!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的路由
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.py
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