备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Django搭建个人博客（二）

2018-09-30 1520
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
云数据库 RDS MySQL Serverless，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
简介： 更换数据表mysql上文说到编写好了我们的 model 模块，映射生成数据表，之前我们用的是Django 默认的数据库 sqlite3 ，这里我们更改一下使用 mysql。

更换数据表mysql

上文说到编写好了我们的 model 模块，映射生成数据表，之前我们用的是Django 默认的数据库 sqlite3 ，这里我们更改一下使用 mysql。

我们在 navicat for mysql 中新建数据库 blogdjango 。
至于 navicat for mysql 的安装及配置请大家自行百度。
在 settings.py 文件中：

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME':'blogdjango',
        'USER':'root',
        'PASSWORD':'', # 这里填写密码
        'HOST':'127.0.0.1'
    }
}

上文我们映射生成数据表是在 manage.py 的同级目录下：

E:\myblog>

这里我们在换一种运行方式，目的是多了解一种运行方式。
在pycharm 上方的 Tools 菜单下有一个：

img_833510a0f20573ed0156896597004edb.png
运行manage文件

点击之后出现：
img_8e4de6fbf6a32c2bb3402451db0f978d.png
image.png

如果跟我的不一样，可能是没有安装 mysql 驱动，安装一下就好了，如果出错， 可以看一下这篇文章

接下来跟上文一样，执行 makemigrations 和 migrate 。
完成之后，到navicat 查看生成的数据表。：


img_576c23a3f84fbd2abd7eea6c3f9cba85.png
生成的数据表

这一部分跟上文的大致一样，只是换一个数据库，还是可以用 sqlite3 。步骤一样。
注意到我们自己写的数据表也在上方
我们在我们编辑的数据表里添加一些字段。


img_26ed9f03f569f3d9f5213d79b2c4147e.png
数据表

我们插入了一条记录。

页面呈现数据

数据我们有了，我们要把数据展现在页面上

后台步骤
  • 在 views.py 中 import models
    article = models.Article.objects.get(pk=1)
    render(request,page,{'article':article})
from . import models

def index(request):
    article = models.Ariticle.objects.get(pk=1)
    return render(request, 'blog/index.html',{'article':article})
后台步骤

模板可直接使用对象以及对象的 ‘ . ’ 操作
{{article.title}}就可以了
在模板 templates 下的index.html 文件中：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>{{ article.title }}</h1>
<h3>{{ article.content }}</h3>
</body>
</html>

最后我们启动一下服务


img_cdf960cfac897fb7fe424e6e12169112.png
正确运行

admin 简介

Admin 是 Django 自带的一个功能强大的自动化数据管理界面。
自带的后台管理系统
被授权的用户可直接在 Admin 中管理数据库（增删改查）
Django 提供了许多针对 Admin 的定制功能

配置 Admin

Django 已经帮我们创建一个 admin 我们只需要创建一个用户就可以了

  • 创建一个用户
    python manage.py createsuperuser 创建一个超级用户
    看一下我的创建过程：
"D:\pycharm\PyCharm 2018.2\bin\runnerw.exe" C:\Users\19244\AppData\Local\Programs\Python\Python36-32\python.exe "D:\pycharm\PyCharm 2018.2\helpers\pycharm\django_manage.py" createsuperuser E:/myblog
Tracking file by folder pattern:  migrations
Username (leave blank to use '19244'):  admin
Email address:  admin@admin.com
Warning: Password input may be echoed.
Password:  sixkery
Warning: Password input may be echoed.
Password (again):  sixkery123
Error: Your passwords didn't match.
Warning: Password input may be echoed.
Password:  sixkery@123
Warning: Password input may be echoed.
Password (again):  sixkery@123
Superuser created successfully.

Process finished with exit code 0

密码选好，为了保密 。
localhost:8000/admin Admin入口
开启服务，访问一下：


img_cf83dc6d0643a2bd1efc1d15540c68e4.png
登录管理系统

登录看一下:


img_6f47e235ad63aaee4265b2112a210da0.png
管理系统

看到是英文，好吧，我们改一下显示成中文
在 settings.py 文件中修改： 
LANGUAGE_CODE = 'zh_Hans'

就可以了。再次登录查看就会显示中文。
可以显示中文了，但是我们的数据呢？
这里想要操作数据，还要配置一下应用
在应用下 admin.py 中引入自身的 models 模块（或里面的模型类）
在 admin.py 文件下添加 admin.site.register(models.Aritcle)

from django.contrib import admin

from blog.models import Ariticle

admin.site.register(Ariticle)

切换浏览器，刷新一下页面：


img_13675d86769667ab1514e87f9c264678.png
数据正确显示

我们可以点进去修改数据等操作。

修改数据库默认名称
  • 在 Article 类下添加一个方法
    根据 python 版本选择
    python 3：str(self)
    python 2：_unicode(self)
    return self.title
    在 models.py 文件下：
from django.db import models


class Ariticle(models.Model):
    # 有必选参数，最大长度
    title = models.CharField(max_length=32,default='Title')
    # 没有必选参数，这里可以为空
    content = models.TextField(null=True)

    def __str__(self):
        return self.title

改完之后，重新刷新页面：


img_78d2b47554203d22c153e1f85e5b4eea.png
更改后

完善博客

通过前面的学习，我们已经大致了解 django 下面就把我们的博客完善一下吧。

博客页面设计

主要由三个页面组成

  1. 博客主页面

  2. 博客文章内容页面

  3. 博客写作撰写页面

主页面内容

这里是我们博客的入口页面主要有以下两个内容

  • 文章标题列表，超链接
  • 发表博客的按钮（超链接）
编写思路
  • 从数据库中取出所有的文章对象
  • 将文章打包成列表，传递到前端
  • 前端页面把文章以标题超链接的形式逐个列出
模板 for 循环

{% for xx in xxs %}
HTML 语句
{% endfor %}
在 views.py 文件下：

from django.shortcuts import render
from django.http import HttpResponse
from . import models

def index(request):
    # 获取所有的文章对象
    articles = models.Ariticle.objects.all()
    return render(request, 'blog/index.html',{'articles':articles})

切换到前端：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>
    <a href="">新文章</a>
</h1>
{% for article in articles %}
<a href="">{{ article.title }}</a>
<br/>
{% endfor %}
</body>
</html>

重启下服务器：


img_ccffcc6a690e5be93e12ba9f2cd9d964.png
页面
博客文章页面

页面内容

  • 标题
  • 文章内容
  • 修改文章的按钮（超链接）
    代码：
def index(request):
    # 获取所有的文章对象
    articles = models.Ariticle.objects.all()
    return render(request, 'blog/index.html',{'articles':articles})

def article_page(request,article_id):
    # 文章页面
    article = models.Ariticle.objects.get(pk=article_id)
    return render(request,'blog/article_page.html',{'article':article})

在templates文件夹下的blog文件下新建一个 article_page.html 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Article Page</title>
</head>
<body>
<h1>{{ article.title }}</h1>
<br/>
<h3>{{ article.content }}</h3>
<br/><br/>
<a href="">修改文章</a>
</body>
</html>

配置 url

from django.urls import path
from . import views
urlpatterns = [
    path('index/', views.index),
    path('article/<int:article_id>/', views.article_page),
]

这里注意正则表达式的写法。
启动服务：


img_aad4d7e110830e26c6413841cfb57d32.png
文章页面

Django 中的超链接

超链接的目标地址：在 HTML 语言中，href 后面的是目标地址
在 Django
template 中可以用 {%url 'app_name:url_name' param%}
其中 app_name 和 url_name 都在 url 中配置

在配 URL

url 函数的名称参数

  • 根 urls 写在 include() 的第二个参数位置， namespace='blog'
  • 应用下则写在 url() 的第三个参数位置， name='article'
    这两种方式写法主要取决于是否使用 include() 引用了另一个 url 配置文件
    根 urls.py
urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/', include('blog.urls',namespace='blog')),
    path('blog2/', include('blog2.urls')),

]

应用下 urls.py:

from django.urls import path
from . import views
app_name = 'blog' # 这句一定要加
urlpatterns = [
    path('index/', views.index),
    path('article/<int:article_id>/', views.article_page,name='article'),
]

配置之后打开页面发现链接可以使用了

博客撰写页面开发

页面内容

  • 标题编辑栏
  • 文章内容编辑区域
  • 提交按钮
    首先创建一个 HTML 文件，。命名为 edit_page
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit Page</title>
</head>
<body>
<from action="" method="post">
    <label>文章标题
        <input type="text" name="title"/>
    </label>
    <br/>
    <label>文章内容
        <input type="text" name="content"/>
    </label>
    <br/>
    <input type="submit">
</from>
</body>
</html>

前端页面写完了，我们分析一下后端怎么写，这里虽然只有一个编辑的页面，但是其实涉及到了两个响应函数，一个是这个页面本身的响应函数，一个是表单提交的目的地。

在views.py 文件中写响应函数。

def edit_page(request):
    return render(request,'blog/edit_page.html')

添加 url :

urlpatterns = [
    path('index/', views.index),
    path('article/<int:article_id>/', views.article_page,name='article_page'),
    path('edit/', views.edit_page)

启动服务就可以看到页面啦

img_ee8ca9537c6d42e0fa11350ab5ebfc09.png
编辑页面

接下来完成表单提交的响应函数

这里是接收数据提交给后台，所以要用到 post 方法
使用request.POST['参数名'] 获取表单数据
models.Article.objects.create(title,content) 创建对象

def edit_action(request):
    title = request.POST.get('title','TITLE') # 获取request里的数据
    content = request.POST.get('content','CONTENT') # 获取request里的数据
    models.article.objects.create(title=title,content=content) # 创建文章对象
    articles = models.Article.objects.all()
    return render(request,'blog/index.html',{'articles':articles}) # 返回主页面

添加 url

urlpatterns = [
    path('index/', views.index),
    path('article/<int:article_id>/', views.article_page,name='article_page'),
    path('edit/', views.edit_page,name='edit_page'),
    path('edit/action/', views.edit_action,name='edit_action')
]

再把前端的url添加进去

<form action="{% url 'blog:edit_action' %}" method="post">

然后启动服务，会报错，原因是Django 的安全模式，不允许随便提交数据。这里在下方添加：

<form action="{% url 'blog:edit_action' %}" method="post">
    {% csrf_token %}
    <label>文章标题

原本到这里我以为都可以了，结果运行之后没有报错，但是却没有执行页面跳转的动作。老司机一看就知道，哪里写错了。对的，确实是写错了，但是是哪里呢？
血的教训啊，排查了老半天也没整出来，无奈上网找答案。百般搜索无果。哇，真是崩溃。出去溜达一圈再说。
不得不说，pycharm 这个编辑器真好，当你写错都会提示，恩，没错，就是单词写错了。在我上方贴的代码中有两处写错了，第一个是models 里的定义类：Ariticle，没办法这个写错，数据库都要重新迁移。一顿操作。。。
还有一个，编辑页面的 HTML 里 form 这个单词写成 from 了。
这里就当个教训好了，希望大家别犯这样低级的错误。手动捂脸。

好了，继续。
我们在编辑新文章页面添加了数据跳转到主页面：


img_95fa316d4df4d2b144bacbba808a4129.png

我们把新文章的链接也补充一下：
在主页的 index.HTML 文件中：

    <a href="{% url 'blog:edit_page' %}">新文章</a>

这样就OK啦

修改文章

这里要单独说一下这个功能，修改文章要有文章才能叫做修改，不同于新文章，什么都没有，所以直接调转到新文章页面是不行的。那要怎么做呢？

先来比较一下两个编辑页面

新文章为空，修改文章有内容
修改文章页面有文章对象
那么为什么会有这个对象呢？就是文章的 ID 唯一标识符。
我们把编辑页面的响应函数修改一下，添加一个id

def edit_page(request,article_id):
    if str(article_id) == '0':
        return render(request,'blog/edit_page.html')
    article = models.Article.objects.get(pk=article_id)
    return render(request, 'blog/edit_page.html',{'article':article})

def edit_action(request):
    title = request.POST.get('title','TITLE') # 获取request里的数据
    content = request.POST.get('content','CONTENT') # 获取request里的数据
    article_id = request.POST.get('article','0')
    if article_id == '0':
        # 就编辑文章
        models.Article.objects.create(title=title,content=content) # 创建文章对象
        articles = models.Article.objects.all()
        return render(request,'blog/index.html',{'articles':articles}) # 返回主页面
    # 这里就是修改文章
    article = models.Article.objects.get(pk=article_id)
    article.title = title
    article.content = content
    article.save()
    return render(request,'blog/article_page.html',{'article':article}) # 跳转到文章页面

主页的 HTML 中修改：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>
    <a href="{% url 'blog:edit_page' 0 %}">新文章</a>
</h1>
{% for article in articles %}
<a href="{% url 'blog:article_page' article.id %}">{{ article.title }}</a>
<br/>
{% endfor %}
</body>
</html>

文章页面中的修改文章按钮出修改（HTML）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Article Page</title>
</head>
<body>
<h1>{{ article.title }}</h1>
<br/>
<h3>{{ article.content }}</h3>
<br/><br/>
<a href="{% url 'blog:edit_page' article.id %}">修改文章</a>
</body>
</html>

最后是编辑页面，判断有没有文章id，如果有就修改文章，没有就普通的从空白处编辑文章。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit Page</title>
</head>
<body>
<form action="{% url 'blog:edit_action' %}" method="post">
    {% csrf_token %}
    {% if article %}
        <input type="hidden" name="article_id" value="{{ article.id }}"/>
        <label>文章标题
            <input type="text" name="title" value="{{ article.title }}"/>
        </label>
        <br/>
        <label>文章内容
            <input type="text" name="content" value="{{ article.content }}"/>
        </label>
        <br/>
    {% else %}
        <input type="hidden" name="article_id" value="0"/>
        <label>文章标题
            <input type="text" name="title"/>
        </label>
        <br/>
        <label>文章内容
            <input type="text" name="content"/>
        </label>
        <br/>
    {% endif %}
    <input type="submit" value="提交">
</form>
</body>
</html>

这里主要是在创建页面的时候记得带上id 唯一标识符，这样才能顺利的操作页面，编写逻辑代码，实现功能。

这样就可以啦！终于完成了博客的开发，虽然看上去没有什么新奇的东西，但是一整套的流程下来，让我们熟悉了 Django 的简单网页的开发。

一些小技巧

templates 过滤器

过滤器就是写在模板中的，属于 Django 模板语言
它的作用是可以修改模板中的变量，从而显示不同的内容。
写法
{{ value | filter }} 例：{{ list_nums | length }}
我们之前写的编辑页面的代码好多重复的，使用一下过滤器：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Edit Page</title>
</head>
<body>
<form action="{% url 'blog:edit_action' %}" method="post">
    {% csrf_token %}
        <input type="hidden" name="article_id" value="{{ article.id | default:'0' }}"/>
        <label>文章标题
            <input type="text" name="title" value="{{ article.title }}"/>
        </label>
        <br/>
        <label>文章内容
            <input type="text" name="content" value="{{ article.content }}"/>
        </label>
        <br/>
    <input type="submit" value="提交">
</form>
</body>
</html>

把if-else 语句也省了，是不是很好玩呀。

admin增强

img_ef46c0def4e3b1c8fe51211ad7596881.png
后台管理系统

我们想把内容也显示出来怎么做呢？
我们先来看看我们的 admin.py 文件：

from django.contrib import admin

from blog.models import Article

admin.site.register(Article)

我们看到Article类是通过admin方法直接注册到后台管理系统的，那我们从这里改一下：


class ArticleAdmin(admin.ModelAdmin):
    list_display = ('title','content')

admin.site.register(Article,ArticleAdmin)

这样就可以啦！

总结

到这里就结束了，整个博客开发下来就是熟悉 Django 的过程，当然还有好多好玩的都没有实现。这个博客就当是入门了解一下Django好了。后面还有更多好玩的东西等着我去探索，希望一起进步！

文章标签：
云数据库 RDS MySQL 版
Python
索引
Web App开发
数据库
前端开发
关键词：
Django个人博客
Django搭建个人博客
相关实践学习
基于CentOS快速搭建LAMP环境
本教程介绍如何搭建LAMP环境，其中LAMP分别代表Linux、Apache、MySQL和PHP。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
sixkery
目录
相关文章
Echo_Wish
|
6月前
|
数据库 Python
Django开发个人博客基本示例
以下是一个简单的 Django 个人博客开发示例。在这里只概述基本步骤和代码。请确保你已经安装了 Python 和 Django。1. 创建一个新的 Django 项目```bashdjango-admin startproject myblog```2. 进入项目目录并创建一个新的应用```bashcd myblogpython manage.py startapp blog```3. 在...
Echo_Wish
68 0
183王德发
|
安全 关系型数据库 MySQL
基于“python3.6.5“和“Django2.1“开发的的个人博客系统
基于“python3.6.5“和“Django2.1“开发的的个人博客系统
183王德发
104 0
sixkery
|
SQL 前端开发 数据库
Django搭建个人博客（一）
什么是 Django Django 是一个基于 python 的高级 web 开发框架。 它能够让开发人员进行高效且快速的开发。 高度集成（不用自己造轮子），免费并且开源。
sixkery
3343 0
rsong
|
关系型数据库 MySQL Serverless
十分钟上线-在函数计算上部署基于django开发的个人博客系统
函数计算已经发布了http trigger的功能，利用函数计算的http trigger，可以在将基于wsgi application创建的工程部署或者迁移到函数计算，本文讲解一个基于django开发的个人博客系统迁移到FC， 展示函数计算做web backend 能力以及很低迁移成本
rsong
10354 1
郭大瘦
|
Python
django搭建个人博客遇到的常见问题
以下为本人在使用django搭建个人博客遇到的问题 1、django中的app项目中如果在url.py中使用 app_name = 'blog' 语句定义app名称，则在所有需要链接的地址中要这样写： ...
郭大瘦
955 0
抉择..
|
1月前
|
监控 安全 应用服务中间件
python中Django入门（四）
python中Django入门（四）
抉择..
31 0
桃李春风一杯酒
|
15天前
|
安全 数据库 C++
Python Web框架比较：Django vs Flask vs Pyramid
【4月更文挑战第9天】本文对比了Python三大Web框架Django、Flask和Pyramid。Django功能全面，适合快速开发，但学习曲线较陡；Flask轻量灵活，易于入门，但默认配置简单，需自行添加功能；Pyramid兼顾灵活性和可扩展性，适合不同规模项目，但社区及资源相对较少。选择框架应考虑项目需求和开发者偏好。
桃李春风一杯酒
35 0
net936
|
2月前
|
前端开发 关系型数据库 MySQL
基于python+django+vue.js开发的社区养老管理系统
基于python+django+vue.js开发的社区养老管理系统
net936
92 1
Q小白养成记
|
7天前
|
Python
基于Django的Python应用—学习笔记—功能完善
基于Django的Python应用—学习笔记—功能完善
Q小白养成记
32 1
游客pxynxsrl3ycx6
|
22天前
|
前端开发 测试技术 数据库
【python】为什么使用python Django开发网站这么火？
【python】为什么使用python Django开发网站这么火？
游客pxynxsrl3ycx6
12 0

热门文章

最新文章

  • 1
    利用Django框架构建高效后端API服务
  • 2
    Django（四）：Django项目部署数据库及服务器配置详解（MySQL）
  • 3
    Python Web框架比较：Django vs Flask vs Pyramid
  • 4
    基于Django的Python应用—学习笔记—功能完善
  • 5
    框架分析（5）-Django
  • 6
    Django如何配置解决CORS问题
  • 7
    跨站脚本攻击（XSS）防护在Django中的应用
  • 8
    Django的CSRF保护机制：保障用户数据安全
  • 9
    使用Django和Vue实现电子商务网站的后端和前端
  • 10
    【python】为什么使用python Django开发网站这么火？
  • 1
    基于Django的Python应用—学习笔记—功能完善
    32
  • 2
    Django开发——配置环境
    10
  • 3
    Django中的自定义管理命令：扩展管理功能的途径
    7
  • 4
    Django中的数据库事务管理：确保数据一致性
    8
  • 5
    Django模板系统的强大之处：动态渲染与扩展性
    11
  • 6
    Django中的自动化部署与持续集成实践
    10
  • 7
    Django的CSRF保护机制：保障用户数据安全
    13
  • 8
    跨站脚本攻击（XSS）防护在Django中的应用
    14
  • 9
    Django（四）：Django项目部署数据库及服务器配置详解（MySQL）
    35
  • 10
    框架分析（5）-Django
    19

    • 相关课程

    更多
  • Python Web 框架 Django 快速入门
  • Python Web 框架 Flask 快速入门

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 零基础部署一个Django Blog到Serverless架构
  • 基于函数计算快速搭建Wordpress博客系统
  • 基于函数计算快速搭建Hexo博客系统
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）