是时候学习Web开发了，1小时用Python开发一个博客系统
off999 2024-10-08 06:12 17 浏览 0 评论
来源：麦叔编程
作者：麦2叔
开发一个包含数据库的简单网站系统是Web开发入门的最好方式。
Flask是Python最热门的两个Web框架之一，是最简单易用，容易上手的框架。
本系列使用Python的Flask框架开发一个简易的博客系统，共用时约90分钟。整个文章分为3部分，今天是第「2」部分。第3部分本周日发布。
?
原计划是分成2部分，篇幅有点长，临时改成了3部分。
?
第1部分的链接：
是时候学习Web开发了！1小时用Python开发博客系统【1】
整个文章包括以下内容，第1部分涵盖前5部分，今天包含中间的3部分：
- 安装flask
- 创建项目
- 运行你的第一个网站
- 创建一个像样的网页
- 用样式表美化网页
- 「使用模板和bootstrap」
- 「创建文章数据库」
- 「显示所有的文章」
- 显示一篇文章
- 发布新文章
- 修改文章内容
- 删除文章
- 关于麦叔页面
今天的文章信息量有点大，所有源代码都可以关注公众号「麦叔编程」，回复「fff」获得链接。
我们开始吧！上次我们已经创建好了flask程序和一个应用了基本样式的页面：
一、使用模板和Bootstrap
我们要继续「美化」页面。
大部分网站都有很多页面，这些页面都会共用同样的菜单栏。总不能开发没页面的时候都要把菜单栏写一遍吧？
这里就用到了「模板」的概念，我们创建一个模板，模板包含了菜单等共同的部分，而具体页面只要往模板中填空就行了。
我们的博客最终的样式是这样的，它包含了「列表」，「新建」，「详情」，「修改」，「关于麦叔」等多个页面。这些页面共用同一个模板。
1.下载JavaScript和CSS文件
我们需要用到jquery和bootstrap，先去我的git上下载这几个文件，下载方法：关注麦叔编程，回复210820。
下载完后分别放在static目录下的css和js目录下。其中js目录需要先创建出来。
2.在templates目录下创建一个新的文件：base.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="{{ url_for('static', filename= 'css/bootstrap.min.css') }}">
<title>{% block title %} {% endblock %}</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light bg-light">
<a class="navbar-brand" href="{{ url_for('index')}}">麦叔的博客</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">关于麦叔</a>
</li>
</ul>
</div>
</nav>
<div class="container">
{% block content %} {% endblock %}
</div>
<script src="{{url_for('static', filename='js/jquery.slim.min.js')}}" ></script>
<script src="{{url_for('static', filename='js/popper.min.js')}}" ></script>
<script src="{{url_for('static', filename='js/bootstrap.min.js')}}" ></script>
</body>
</html>
这里面信息量有点大，我来一个个解释：
- 使用url_for方法引入了前面下载的1个css文件和3个js文件。之前我们创建的style.css文件就没用了，可以删除了。
- 在开头部分的{% block title %} {% endblock %}是标题(title)占位符，相当于定义了名为title的变量，后面会被具体内容替换掉。
- 在中间部分的{% block content %} {% endblock %}是网页内容的占位符，相当于定义了名为content的变量，后面会被具体内容替换掉。
- 修改index.html中的内容{% extends 'base.html' %}
{% block content %}
<h1>{% block title %} 欢迎来看麦叔的博客 {% endblock %}</h1>
{% endblock %} - 第一行extends 'base.html'表示我们要使用前面定义的base.html这个模板。要使用这个模板，就要把模板中的两个占位符（两个填空题）给填写好。
- 放在{% block content %}和{% endblock %}中间的所有内容都会填写在content这个占位符中。
- 放在{% block title %}和{% endblock %}中间的内容会填写在title占位符中。注意这里的title变量会被重用。它既是title占位符的内容，也是content占位符的一部分。
- 刷新页面，应该看到如下的效果。如果不是，仔细检查一下哪里是不是漏掉了，或者拼写错误了。这里虽然没有很大的变化，但是我们已经搭建好了模板，以后开发的页面内容都可以重用这个模板，而页面本身会变得很简单。
二、创建文章数据库
博客系统会有很多文章，我们要把这些文章保存到数据库。
数据库有很多选择，比如MySQL, postgresql，Oracle, sqlite3等。
我们今天要使用最轻量级的数据库sqlite3，Python自带了这个库，所以不需要额外安装。
- 在blog.py同目录下创建一个文件db.sql，里面是创建数据库表的SQL语句：DROP TABLE IF EXISTS posts;
CREATE TABLE posts (
id INTEGER PRIMARY KEY AUTOINCREMENT,
created TIMESTAMP NOT NULL DEFAULT CURRENT_TIMESTAMP,
title TEXT NOT NULL,
content TEXT NOT NULL
); - 首先看看posts表是否存在，如果存在，先删除它。
- 创建一个名为posts的表，其中包含id，title，content以及创建时间（created)等字段。
- 在blog.py同目录下创建文件init_db.py这是一个python代码文件，它连接到sqlite数据库，执行上面的db.sql中的语句，然后再插入两条文章。具体细节见注释：import sqlite3
# 创建数据库链接
connection = sqlite3.connect('database.db')
# 执行db.sql中的SQL语句
with open('db.sql') as f:
connection.executescript(f.read())
# 创建一个执行句柄，用来执行后面的语句
cur = connection.cursor()
# 插入两条文章
cur.execute("INSERT INTO posts (title, content) VALUES (?, ?)",
('学习Flask1', '跟麦叔学习flask第一部分')
)
cur.execute("INSERT INTO posts (title, content) VALUES (?, ?)",
('学习Flask2', '跟麦叔学习flask第二部分')
)
# 提交前面的数据操作
connection.commit()
# 关闭链接
connection.close() - 打开一个命令行，运行init_db.py如果没有报错，就会发现文件夹下多了database.db，这就是数据库文件。
三、展示文章列表
现在数据库里有两篇文章，我们可以使用python从数据库中获取数据，并且展现到网页上。
- 修改blog.py，具体细节见注释import sqlite3 #引入sqlite3
from flask import Flask, render_template
app = Flask(__name__)
# 创建一个函数用来获取数据库链接
def get_db_connection():
# 创建数据库链接到database.db文件
conn = sqlite3.connect('database.db')
# 设置数据的解析方法，有了这个设置，就可以像字典一样访问每一列数据
conn.row_factory = sqlite3.Row
return conn
@app.route('/')
def index():
# 调用上面的函数，获取链接
conn = get_db_connection()
# 查询所有数据，放到变量posts中
posts = conn.execute('SELECT * FROM posts').fetchall()
conn.close()
#把查询出来的posts传给网页
return render_template('index.html', posts=posts)
@app.route('/about')
def about():
return render_template('about.html') - 修改index.html之前只显示了一个标题，现在要循环blog.py中传过来的posts列表，把每一篇文章显示出来。注意for循环在页面中的写法，和python代码很类似，只不过要用{%和%}包起来。{% extends 'base.html' %}
{% block content %}
<h1>{% block title %} 欢迎来看麦叔的博客 {% endblock %}</h1>
{% for post in posts %}
<a href="#">
<h2>{{ post['title'] }}</h2>
</a>
<span class="badge badge-primary">{{ post['created'] }}</span>
<hr>
{% endfor %}
{% endblock %} - 刷新页面，应该可以看到这样的效果：如果不行，仔细对比一下，看看少了什么或者有没有拼写错误。
今天就到这里了，后面的部分会在本周日发布，到时候也会发视频到bilibili，请保持关注。
整个文章包括以下内容，第1部分涵盖前5部分，今天包含后面的部分：
- 安装flask
- 创建项目
- 运行你的第一个网站
- 创建一个像样的网页
- 用样式表美化网页
- 使用模板和bootstrap
- 创建文章数据库
- 显示所有的文章
- 「显示一篇文章」
- 「发布新文章」
- 「修改文章内容」
- 「删除文章」
- 「关于麦叔页面」
相关推荐
- 如何理解python中面向对象的类属性和实例属性?
-
类属性和实例属性类属性就是给类对象中定义的属性通常用来记录与这个类相关的特征类属性不会用于记录具体对象的特征类属性的理解：类属性是与类自身相关联的变量，而不是与类的实例关联。它们通...
- Java程序员，一周Python入门:面向对象(OOP) 对比学习
-
Java和Python都是**面向对象编程（OOP）**语言，无非是类、对象、继承、封装、多态。下面我们来一一对比两者的OOP特性。1.类和对象Java和Python都支持面向对象...
- 松勤技术精选:Python面向对象魔术方法
-
什么是魔术方法相信大家在使用python的过程中经常会看到一些双下划线开头，双下划线结尾的方法，我们把它统称为魔术方法魔术方法的特征魔术方法都是双下划线开头，双下划线结尾的方法魔术方法都是pytho...
- [2]Python面向对象-【3】方法（python3 面向对象）
-
方法的概念在Python中，方法是与对象相关联的函数。方法可以访问对象的属性，并且可以通过修改对象的属性来改变对象的状态。方法定义在类中，可以被该类的所有对象共享。方法也可以被继承并重载。方法的语法如...
- 一文带你理解python的面向对象编程(OOP)
-
面向对象编程(OOP,Object-OrientedProgramming)是一个较难掌握的概念，而Python作为一门面向对象的语言，在学习其OOP特性时，许多人都会对“继承”和“多态”等...
- 简单学Python——面向对象1(编写一个简单的类)
-
Python是一种面向对象的编程语言（ObjectOrientedProgramming）,在Python中所有的数据类型都是对象。在Python中，也可以自创对象。什么是类呢？类（Class）是...
- python进阶突破面向对象——四大支柱
-
面向对象编程(OOP)有四大基本特性，通常被称为"四大支柱"：封装(Encapsulation)、继承(Inheritance)、多态(Polymorphism)和抽象(Abstrac...
- Python学不会来打我(51)面向对象编程“封装”思想详解
-
在面向对象编程（Object-OrientedProgramming，简称OOP）中，“封装（Encapsulation）”是四大核心特性之一（另外三个是继承、多态和抽象），它通过将数据（属性）和...
- Python之面向对象:对象属性解析:MRO不够用，补充3个方法
-
引言在前面的文章中，我们谈及Python在继承关系，尤其是多继承中，一个对象的属性的查找解析顺序。由于当时的语境聚焦于继承关系，所以只是简要提及了属性解析顺序同方法的解析顺序，而方法的解析顺序，在Py...
- Python之面向对象:通过property兼顾属性的动态保护与兼容性
-
引言前面的文章中我们简要提及过关于Python中私有属性的使用与内部“名称混淆”的实现机制，所以，访问私有属性的方法至少有3种做法：1、使用实例对象点操作符的方式，直接访问名称混淆后的真实属性名。2、...
- Python之面向对象:私有属性是掩耳盗铃还是恰到好处
-
引言声明，今天的文章中没有一行Python代码，更多的是对编程语言设计理念的思考。上一篇文章中介绍了关于Python面向对象封装特性的私有属性的相关内容，提到了Python中关于私有属性的实现是通过“...
- Python中的私有属性与方法:解锁面向对象编程的秘密
-
Python中的私有属性与方法：解锁面向对象编程的秘密在Python的广阔世界里，面向对象编程（OOP）是一种强大而灵活的方法论，它帮助我们更好地组织代码、管理状态，并构建可复用的软件组件。而在这个框...
- Python 面向对象:掌握类的继承与组合，让你的代码更高效!
-
引言：构建高效代码的基石Python以其简洁强大的特性，成为众多开发者首选的编程语言。而在Python的面向对象编程（OOP）范畴中，类的继承和组合无疑是两大核心概念。它们不仅能帮助我们实现代码复用，...
- python进阶-Day2: 面向对象编程 (OOP)
-
以下是为Python进阶Day2设计的学习任务，专注于面向对象编程（OOP）的核心概念和高阶特性。代码中包含详细注释，帮助理解每个部分的实现和目的。任务目标：复习OOP基础：类、对象、继...
- 外婆都能学会的Python教程(二十八):Python面向对象编程(二)
-
前言Python是一个非常容易上手的编程语言，它的语法简单，而且功能强大，非常适合初学者学习，它的语法规则非常简单，只要按照规则写出代码，Python解释器就可以执行。下面是Python的入门教程介绍...
欢迎 你 发表评论:
- 一周热门
- 最近发表
- 标签列表
-
- python计时 (73)
- python安装路径 (56)
- python类型转换 (93)
- python进度条 (67)
- python吧 (67)
- python字典遍历 (54)
- python的for循环 (65)
- python格式化字符串 (61)
- python静态方法 (57)
- python列表切片 (59)
- python重命名文件 (54)
- python面向对象编程 (60)
- python串口编程 (60)
- python读取文件夹下所有文件 (59)
- java调用python脚本 (56)
- python操作mysql数据库 (66)
- python获取列表的长度 (64)
- python接口 (63)
- python调用函数 (57)
- python多态 (60)
- python匿名函数 (59)
- python打印九九乘法表 (65)
- python赋值 (62)
- python异常 (69)
- python元祖 (57)