当前位置：移动技术网 > IT编程>脚本编程>Python > Django入门实战——实现个人博客

Django入门实战——实现个人博客

2020年07月26日 | 移动技术网IT编程 | 我要评论

慕课网Django三小时入门，视频链接鸭~
个人学习笔记，如有错误，欢迎指正。

在python web开发领域有三个著名的框架：django、Flask、Tornado。

第一章课程准备工作

python环境的安装 3.5+
Django环境的安装 2.0
pip install django==2.0
PyCharm IDE安装（都可，我用的Spyder)

第二章 Django项目初体验

2.1 初识Django项目

在这里插入图片描述

Django的基本命令

startproject #创建一个Django项目
startapp #创建一个Django应用
check # 校验项目完整性
runserver #本地简易运行Django项目
shell #进入Django项目的Python Shell 环境
test # 执行Django用例测试
makemigrations #创建模型变更的迁移文件
migrate #执行上一个命令创建的迁移文件
dumpdata #把数据库数据导入到文件
loaddata # 把文件数据导入到数据库

创建一个Django项目
在这里插入图片描述

项目目录介绍：

项目配置文件：setting.py
项目路由器配置文件：urls.py
项目管理文件：manage.py

2.2 初识Django应用

关于Django应用和Django项目：
1.一个Django项目就是一个基于Django的Web应用
2. 一个Django应用就是一个可重用的Python软件包
3. 每个应用可以自己管理模型、视图、模板、路由和静态文件等
一个Django项目包含一组配置和若干个Django应用
在这里插入图片描述
创建一个Django应用

python manage.py startapp blog

在这里插入图片描述
Django应用目录介绍

views.py：视图处理的地方
model.py：定义应用模型的地方
admin.py：定义Admin模块管理对象的地方
apps.py：声明应用的地方
tests.py：编写应用测试用例的地方
urls.py：（自行创建）管理应用路由的地方

2.3 Django HelloWorld

Django视图

没有框架的时代：hello.html
不可能通过HTML表达网页所有的内容
Django视图产生内容

Django路由

runserver可以看到Django欢迎界面
请求没办法到达刚才的视图函数
需要配置路由绑定视图函数和URL

实现Hello World

#blog/views.py
from django.http import HttpResponse
def hello_world(request):
	return HttpResponse("hello world")


#新建blog/urls.py
from django.urls import path, include
import blog.views
urlpatterns = [
	path('hello_world',blog.views.hello_world)
]

#django_first/utils.py
from django.urls import path, include
urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/',include('blog.urls')) #新加入的一行
]

#django_first/settings.py
INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog.apps.BlogConfig'  #新加入的一行，BlogConfig在blog/apps.py
]

命令行输入：python manage.py runserver
浏览器输入网址：http://127.0.0.1:8000/blog/hello_world
在这里插入图片描述

第三章初识Django模型层

3.1 模型层简介

模型层是什么？

位于Django视图层和数据库之间
Python对象和数据库表之间转换

为什么需要模型层？
屏蔽不同数据库之间的差异
开发者更加专注于业务逻辑的开发
提供很多便捷工具有助开发

模型层的相关配置

#模型层数据库相关配置
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

3.2 创建博客文章模型

设计博客模型

文章标题 —— 文本类型
文章摘要 —— 文本类型
文章内容 —— 文本类型
唯一ID标记 —— Int数字类型（自增、主键）
发布日期 —— 日期类型

模型层定义字段

数字类型：IntegerField
文本类型：TextFiled
日期类型：DateTimeField
自增ID：AutoField
主键定义：primary_key属性

#blog/migrations/models.py
from django.db import models

# Create your models here.
class Article(models.Model):
	#文章的唯一ID
	article_id = models.AutoField(primary_key=True)
	#文章标题
	title = models.TextField()
	#文章的摘要
	brief_content = models.TextField()
	#文章的主要内容
	content = models.TextField()
	#文章的发布日期
	publish_date = models.DateTimeField(auto_now=True)

命令行输入：python manage.py makemigrations
继续输入：python manage.py migrate
在这里插入图片描述

3.3 初识Django Shell

Django Shell是什么？

Python Shell，用于交互式的Python编程
Django Shell也类似，继承Django项目环境

为什么需要Django Shell?

临时性操作使用Django Shell更加方便
小范围Debug更简单，不需要运行整个项目来测试

总之，Django Shell方便开发、方便调试，方便Debug。

Django Shell的使用
以“新建一篇文章”为例：
通过 python manage.py shell进入Django Shell的使用。
输入以下命令，新建并查看文章。
(下面有一个写错的地方，a.cotent❌a.content✔）
在这里插入图片描述

3.4 初识Django Admin模块

Django Admin模块是什么？

Django的后台管理工具
读取定义的模型元数据，提供强大的管理使用页面
为什么需要Django Admin模块？
Django Shell新增文章太复杂了
管理页面是基础设施中重要的部分
认证用户、显示管理模型、校验输入等功能类似

Django Admin模块的使用

创建管理员用户
登陆页面进行管理
创建超级用户：python manage.py createsuperuser 填写用户名和密码。
运行：python manage.py runserver

#blog/admin.py
from .models import Article
admin.site.register(Article)
#blog/models.py,用于显示文章标题
	def __str__(self):
		return self.title

浏览器中输入：http://127.0.0.1:8000/admin/即可进行各项操作，如新建文章，查看文章，查看用户等。
注意：在admin下新建文章时，可能会出现django.db.utils.OperationalError: no such table: main.auth_user__old问题，此时应该升级Django版本，可用pip3 install --upgrade django

在这里插入图片描述

3.5 实现博客数据返回页面

#blog/views.py
from blog.models import Article

def article_content(request):
	article = Article.objects.all()[0]
	title = article.title
	brief_content = article.brief_content
	content = article.content
	article_id = article.article_id
	publish_date = article.publish_date
	return_str = 'title: %s, brief_content: %s, content: %s, article_id: %s, publish_date: %s' %(title,brief_content,content,article_id,publish_date)
	return HttpResponse(return_str)
	
#blog/urls.py 应用级别的路由配置
urlpatterns = [
	path('hello_world',blog.views.hello_world),
	path('content',blog.views.article_content)
]

#django_first 项目级别的路由配置
urlpatterns = [
    path('admin/', admin.site.urls),
    path('blog/',include('blog.urls'))
]

命令行输入：python manage.py runserver开始运行。
浏览器输入：http://127.0.0.1:8000/blog/content
在这里插入图片描述

第四章初识Django视图与模板

4.1 使用Bootstrap实现静态博客页面

页面布局设计：略
Bootstrap以及Bootstrap的栅格系统（12等份）
在这里插入图片描述

实现静态页面
新建blog/templates/和blog/templates/detail.html

<!--detail.html-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>三小时入门Django Web框架</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<div class="container page-header">
	<h1>文章标题1</h1>
</div>
<div class="container body-main">
	<div>
		<p>我有一个梦，像雨后彩虹，用所有泪水换来笑容。</p>
		<p>还有一种爱，穿越了人海，拾起那颗迷失的尘埃。</p>
	</div>
</div>
</body>
</html>

<!---->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>三小时入门Django Web框架</title>
	<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<div class="container page-header">
	<h1>三小时入门Django Web框架
	<small>——霞霞子学习中</small>
	</h1>
</div>
<div class="container page-body">
	<div class="col-md-9" role="main">
		<div class="body-main">
			<div>
				<h2>文章标题1</h2>
				<p>我有一个梦，像雨后彩虹，用所有泪水换来笑容。</p>
				<p>还有一种爱，穿越了人海，拾起那颗迷失的尘埃。</p>
			</div>
			<div>
				<h2>文章标题2</h2>
				<p>你的呼吸，越靠越近，将我抱紧。呜~</p>
				<p>我睁开双眼，想你在身边，无所谓永远还是瞬间。</p>
			</div>
		</div>
	</div>
	<div class="col-md-3" role="complementary">
		<h2>最新文章</h2>
		<h4><a href="#">最新文章1</a></h4>
		<h4><a href="#">最新文章2</a></h4>
		<h4><a href="#">最新文章3</a></h4>
		<h4><a href="#">最新文章4</a></h4>
		<h4><a href="#">最新文章5</a></h4>
		<h4><a href="#">最新文章6</a></h4>
		<h4><a href="#">最新文章7</a></h4>
		<h4><a href="#">最新文章8</a></h4>
		<h4><a href="#">最新文章9</a></h4>
		<h4><a href="#">最新文章10</a></h4>
	</div>
</div>
</body>
</html>

4.2 初识Django的模板系统

模板系统简介

视图文件不适合编码HTML
页面设计改变需要修改Python代码
网页逻辑和网页视图应该分开设计
模板系统的表现形式是文本
分离文档的表现形式和表现内容
模板系统定义了特有的标签占位符

基本语法
变量标签：{{变量}} 例如：<html><body>{{now}}</body></html>
for循环标签：{% for x in list %}, {% endfor %}
例如：

<ul>
	{% for item in list %}
		<li>{{ item }} </li>
	{% endfor %}
</ul>

if-else分支标签：{% if %}, {% else %}, {% endif %}
例如：

{% if true %}
	<p> it is a true part.</p>
{% else %}
	<p> it is a false part.</p>
{% endif %}

4.3 使用模板系统渲染博客页面

博客首页

<!---->
<div class="container page-body">
	<div class="col-md-9" role="main">
		<div class="body-main">
			{% for article in article_list %}
			<div>
				<h2>{{article.title}}</h2>
				<p>
					{{article.brief_content}}
				</p>
			</div>
			{% endfor %}
		</div>
	</div>
	<div class="col-md-3" role="complementary">
		<h2>最新文章</h2>
		{% for article in article_list %}
		<h4><a href="#">{{article.title}}</a></h4>
		{% endfor %}
	</div>
</div>

#veiws.py
def get_index_page(request):
	all_article = Article.objects.all()
	return render(request,'',
		{
			'article_list':all_article
		})

#urls.py
urlpatterns = [
	path('hello_world',blog.views.hello_world),
	path('content',blog.views.article_content),
	path('index',blog.views.get_index_page)
]

命令行：python manage.py runserver
地址：http://127.0.0.1:8000/blog/index

文章详情页

<!--detail.html-->
<div class="container page-header">
	<h1>{{curr_article}}</h1>
</div>
<div class="container body-main">
	<div>
		{% for section in section_list %}
		<p>{{ section }}</p>
		}
		{% endfor %}
	</div>
</div>

#views.py
def get_detail_page(request):
	curr_article = Article.objects.all()[0]
	#换行显示内容。
	section_list = curr_article.content.split('\n')
	return render(request,'detail.html',
		{
			'curr_article':curr_article,
			'section_list':section_list
		})
#urls.py
urlpatterns = [
	path('hello_world',blog.views.hello_world),
	path('content',blog.views.article_content),
	path('index',blog.views.get_index_page),
	path('detail',blog.views.get_detail_page)
]

命令行：python manage.py runserver
地址：http://127.0.0.1:8000/blog/index

将外部文章导入Django数据库里。

文章源码可直接在视频部分-资料下载处下载。
在运行时若出现，ModuleNotFoundError: No module named ‘django_first’ 时莫慌！！！仔细修改即可！！！
我将在下面写出我的解决方案，如有其他更好的方法，欢迎分享。

将下载的tools/import_data.py和data文件夹一同复制，放在django_first文件夹下（或你创建的项目的文件）。

修改import_data.py即可。
Line 8：os.environ.setdefault("DJANGO_SETTINGS_MODULE", "django_first.settings")

Line 14：data_path = './data/article'

命令行中运行 import_data.py文件： python import_data.py
运行项目即可查看。

成果图嘿嘿~
在这里插入图片描述

4.4 实现文章详情页面的跳转

在这里插入图片描述
以article_id指定相应的文章。
具体代码如下所示：

#blog/urls.py
urlpatterns = [
	path('hello_world',blog.views.hello_world),
	path('content',blog.views.article_content),
	path('index',blog.views.get_index_page),
	#path('detail',blog.views.get_detail_page)
	path(r'detail/<int:article_id>',blog.views.get_detail_page)
]

#views.py
def get_detail_page(request,article_id):
	all_article = Article.objects.all()
	curr_article = None
	for article  in all_article:
		#注意！这里是int(article_id)哦~
		if article.article_id == int(article_id):
			curr_article = article
			break

	#换行显示内容。
	section_list = curr_article.content.split('\n')
	return render(request,'detail.html',
		{
			'curr_article':curr_article,
			'section_list':section_list
		})

<!---->
<a href="/blog/detail/{{article.article_id}}">{{article.title}}</a>

命令行：python manage.py runserver
浏览器：http://127.0.0.1:8000/blog/index，点击文章标题即可跳转。

4.5 实现上下篇文章跳转

在这里插入图片描述

<!--blog/detail.html 按钮-->
<nav aria-label="...">
		<ul class="pager">
			<li><a href="/blog/detail/{{previous_article.article_id}}">上一篇：{{previous_article.title}}</a></li>
			<li><a href="/blog/detail/{{next_article.article_id}}">下一篇：{{next_article.title}}</a></li>
		</ul>
</nav>

#blog/views.py
def get_detail_page(request,article_id):
	all_article = Article.objects.all()
	curr_article = None
	previous_index = 0
	next_index = 0
	previous_article = None
	next_article = None

	for index, article  in enumerate(all_article):
		if index == 0:
			previous_index = 0
			next_index = index + 1
		elif index == len(all_article) - 1:
			previous_index = index - 1
			next_index = index
		else:
			previous_index = index - 1
			next_index = index + 1

		if article.article_id == int(article_id):
			curr_article = article
			previous_article = all_article[previous_index]
			next_article = all_article[next_index]
			break

	#换行显示内容。
	section_list = curr_article.content.split('\n')
	return render(request,'detail.html',
		{
			'curr_article':curr_article,
			'section_list':section_list,
			'previous_article':previous_article,
			'next_article':next_article
		})

命令行：python manage.py runserver
浏览器：http://127.0.0.1:8000/blog/detail/1

4.6 实现分页功能

在这里插入图片描述

设计分页的URL：/blog/index?page=1 （分页为1的首页）
Django分页组件的使用方法：

In [1]: from django.core.paginator import Paginator

In [2]: l = [1,2,3,4]

In [3]: l
Out[3]: [1, 2, 3, 4]

In [5]: p = Paginator(l,2)

In [6]: p.num_pages
Out[6]: 2

In [7]: p.count
Out[7]: 4

In [8]: page1= p.page(1)

In [9]: page1.object_list
Out[9]: [1, 2]

In [10]: page2 = p.page(2)

In [11]: page2.object_list
Out[11]: [3, 4]

In [12]: page1.has_next()
Out[12]: True

In [14]: page1.has_previous()
Out[14]: False

In [15]: page2.has_previous()
Out[15]: True

<!---->
<div class="body-footer">
		<div class="col-md-4 col-md-offset-3">
			<nav aria-label="Page navigation">
				<ul class="pagination">
				    <li>
				       <a href="/blog/index?page={{previous_page}}" aria-label="Previous">
				       <span aria-hidden="true">&laquo;</span>
				       </a>
				    </li>
				    {% for num in page_num %}
				    <li><a href="/blog/index?page={{num}}">{{num}}</a></li>
				    {% endfor %}
				    <li>
				    <a href="/blog/index?page={{next_page}}" aria-label="Next">
				       <span aria-hidden="true">&raquo;</span>
				    </a>
				    </li>
				</ul>
			</nav>
	</div>
</div>

#views.py
from django.core.paginator import Paginator
def get_index_page(request):
	page = request.GET.get('page')
	if page:
		page = int(page)
	else:
		page = 1
	print('page param:',page)
	all_article = Article.objects.all()

	pagintor = Paginator(all_article,3)
	page_num = pagintor.num_pages
	print('page num:', page_num)
	page_article_list = pagintor.page(page)

	if page_article_list.has_next():
		next_page = page + 1
	else:
		next_page = page 
	if page_article_list.has_previous():
		previous_page = page - 1
	else:
		previous_page = page	

	return render(request,'',
		{
			'article_list':page_article_list,
			'page_num':range(1,page_num+1),
			'curr_page':page,
			'next_page':next_page,
			'previous_page':previous_page
		})

4.7 实现最近文章列表

<!---->
<div class="col-md-3" role="complementary">
	<h2>最新文章</h2>
	{% for article in top5_article_list %}
	<h4><a href="/blog/detail/{{article.article_id}}">{{article.title}}</a></h4>
	{% endfor %}
</div>

def get_index_page(request):
	page = request.GET.get('page')
	if page:
		page = int(page)
	else:
		page = 1
	print('page param:',page)
	all_article = Article.objects.all()

	top5_article_list = Article.objects.order_by('-publish_date')[:5]

	pagintor = Paginator(all_article,3)
	page_num = pagintor.num_pages
	print('page num:', page_num)
	page_article_list = pagintor.page(page)

	if page_article_list.has_next():
		next_page = page + 1
	else:
		next_page = page 
	if page_article_list.has_previous():
		previous_page = page - 1
	else:
		previous_page = page	

	return render(request,'',
		{
			'article_list':page_article_list,
			'page_num':range(1,page_num+1),
			'curr_page':page,
			'next_page':next_page,
			'previous_page':previous_page,
			'top5_article_list':top5_article_list
		})

第五章课程总结

项目源码在视频下方都可下载呀！
历时三天，学完啦~
如果错误还请指正！
还有很多知识没有涉及到！以后继续补充呀~
继续加油鸭！！！

本文地址：https://blog.csdn.net/weixin_43627723/article/details/107518747

您可能感兴趣的文章:

如对本文有疑问，点击进行留言回复！！

详解C语言和Python中的线程混用

问题你有一个程序需要混合使用c、python和线程，有些线程是在c中创建的，超出了python解释器的控制范围。并且一些线程还使用了python c api... [阅读全文]
Python如何输出警告信息

问题你希望自己的程序能生成警告信息（比如废弃特性或使用问题）。解决方案要输出一个警告消息，可使用 warning.warn() 函数。例如：import war... [阅读全文]
Python如何实现线程间通信

问题你的程序中有多个线程，你需要在这些线程之间安全地交换信息或数据解决方案从一个线程向另一个线程发送数据最安全的方式可能就是使用 queue 库中的队列了。创建... [阅读全文]
Python3以GitHub为例来实现模拟登录和爬取的实例讲解

我们先以一个最简单的实例来了解模拟登录后页面的抓取过程，其原理在于模拟登录后 cookies 的维护。1. 本节目标本节将讲解以 github 为例来实现模拟登... [阅读全文]
Python3爬虫中识别图形验证码的实例讲解

本节我们首先来尝试识别最简单的一种验证码，图形验证码，这种验证码出现的最早，现在也很常见，一般是四位字母或者数字组成的，例如中国知网的注册页面就有类似的验证码，... [阅读全文]
Python3爬虫关于识别检验滑动验证码的实例

上节我们了解了图形验证码的识别，简单的图形验证码我们可以直接利用 tesserocr 来识别，但是近几年又出现了一些新型验证码，如滑动验证码，比较有代表性的就是... [阅读全文]
Python3爬虫关于识别点触点选验证码的实例讲解

上一节我们实现了极验验证码的识别，但是除了极验其实还有另一种常见的且应用广泛的验证码，比较有代表性的就是点触验证码。可能你对这个名字比较陌生，但是肯定见过类似的... [阅读全文]
Python3爬虫里关于识别微博宫格验证码的知识点详解

本节我们来介绍一下新浪微博宫格验证码的识别，此验证码是一种新型交互式验证码，每个宫格之间会有一条指示连线，指示了我们应该的滑动轨迹，我们需要按照滑动轨迹依次从起... [阅读全文]
Python 如何创建一个简单的REST接口

问题你想使用一个简单的rest接口通过网络远程控制或访问你的应用程序，但是你又不想自己去安装一个完整的web框架。解决方案构建一个rest风格的接口最简单的方法... [阅读全文]
Python3爬虫里关于代理的设置总结

在前面我们介绍了多种请求库，如 requests、urllib、selenium 等。我们接下来首先贴近实战，了解一下代理怎么使用，为后面了解代理池、adsl ... [阅读全文]

网友评论


验证码：

Django入门实战——实现个人博客

2020年07月26日 | 移动技术网IT编程 | 我要评论

Django课程内容简介

第一章课程准备工作

第二章 Django项目初体验

2.1 初识Django项目

2.2 初识Django应用

2.3 Django HelloWorld

第三章初识Django模型层

3.1 模型层简介

3.2 创建博客文章模型

3.3 初识Django Shell

3.4 初识Django Admin模块

3.5 实现博客数据返回页面

第四章初识Django视图与模板

4.1 使用Bootstrap实现静态博客页面

4.2 初识Django的模板系统

4.3 使用模板系统渲染博客页面

4.4 实现文章详情页面的跳转

4.5 实现上下篇文章跳转

4.6 实现分页功能

4.7 实现最近文章列表

第五章课程总结

您可能感兴趣的文章:

相关文章:

网友评论

Django入门实战——实现个人博客

2020年07月26日 | 移动技术网IT编程 | 我要评论

Django课程内容简介

第一章 课程准备工作

第二章 Django项目初体验

2.1 初识Django项目

2.2 初识Django应用

2.3 Django HelloWorld

第三章 初识Django模型层

3.1 模型层简介

3.2 创建博客文章模型

3.3 初识Django Shell

3.4 初识Django Admin模块

3.5 实现博客数据返回页面

第四章 初识Django视图与模板

4.1 使用Bootstrap实现静态博客页面

4.2 初识Django的模板系统

4.3 使用模板系统渲染博客页面

4.4 实现文章详情页面的跳转

4.5 实现上下篇文章跳转

4.6 实现分页功能

4.7 实现最近文章列表

第五章 课程总结

您可能感兴趣的文章:

相关文章:

网友评论

第一章课程准备工作

第三章初识Django模型层

第四章初识Django视图与模板

第五章课程总结