百度360必应搜狗淘宝本站头条
python类型转换python串口编程python计时python异常python进度条
当前位置：网站首页 > 技术资源 > 正文

是时候学习Web开发了，1小时用Python开发一个博客系统

off999 2024-10-08 06:12 26 浏览 0 评论

来源：麦叔编程

作者：麦2叔

开发一个包含数据库的简单网站系统是Web开发入门的最好方式。

Flask是Python最热门的两个Web框架之一，是最简单易用，容易上手的框架。

本系列使用Python的Flask框架开发一个简易的博客系统，共用时约90分钟。整个文章分为3部分，今天是第「2」部分。第3部分本周日发布。

?

原计划是分成2部分，篇幅有点长，临时改成了3部分。

?

第1部分的链接：

是时候学习Web开发了！1小时用Python开发博客系统【1】

整个文章包括以下内容，第1部分涵盖前5部分，今天包含中间的3部分：

  1. 安装flask
  2. 创建项目
  3. 运行你的第一个网站
  4. 创建一个像样的网页
  5. 用样式表美化网页
  6. 「使用模板和bootstrap」
  7. 「创建文章数据库」
  8. 「显示所有的文章」
  9. 显示一篇文章
  10. 发布新文章
  11. 修改文章内容
  12. 删除文章
  13. 关于麦叔页面

今天的文章信息量有点大，所有源代码都可以关注公众号「麦叔编程」，回复「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的变量，后面会被具体内容替换掉。
  1. 修改index.html中的内容{% extends 'base.html' %}
    {% block content %}
    <h1>{% block title %} 欢迎来看麦叔的博客 {% endblock %}</h1>
    {% endblock %}
  2. 第一行extends 'base.html'表示我们要使用前面定义的base.html这个模板。要使用这个模板，就要把模板中的两个占位符（两个填空题）给填写好。
  3. 放在{% block content %}和{% endblock %}中间的所有内容都会填写在content这个占位符中。
  4. 放在{% block title %}和{% endblock %}中间的内容会填写在title占位符中。注意这里的title变量会被重用。它既是title占位符的内容，也是content占位符的一部分。
  5. 刷新页面，应该看到如下的效果。如果不是，仔细检查一下哪里是不是漏掉了，或者拼写错误了。这里虽然没有很大的变化，但是我们已经搭建好了模板，以后开发的页面内容都可以重用这个模板，而页面本身会变得很简单。

二、创建文章数据库

博客系统会有很多文章，我们要把这些文章保存到数据库。

数据库有很多选择，比如MySQL, postgresql，Oracle, sqlite3等。

我们今天要使用最轻量级的数据库sqlite3，Python自带了这个库，所以不需要额外安装。

  1. 在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
    );
  2. 首先看看posts表是否存在，如果存在，先删除它。
  3. 创建一个名为posts的表，其中包含id，title，content以及创建时间（created)等字段。
  4. 在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()
  5. 打开一个命令行，运行init_db.py如果没有报错，就会发现文件夹下多了database.db，这就是数据库文件。

三、展示文章列表

现在数据库里有两篇文章，我们可以使用python从数据库中获取数据，并且展现到网页上。

  1. 修改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')
  2. 修改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 %}
  3. 刷新页面，应该可以看到这样的效果：如果不行，仔细对比一下，看看少了什么或者有没有拼写错误。

今天就到这里了，后面的部分会在本周日发布，到时候也会发视频到bilibili，请保持关注。

整个文章包括以下内容，第1部分涵盖前5部分，今天包含后面的部分：

  1. 安装flask
  2. 创建项目
  3. 运行你的第一个网站
  4. 创建一个像样的网页
  5. 用样式表美化网页
  6. 使用模板和bootstrap
  7. 创建文章数据库
  8. 显示所有的文章
  9. 「显示一篇文章」
  10. 「发布新文章」
  11. 「修改文章内容」
  12. 「删除文章」
  13. 「关于麦叔页面」

相关推荐

u盘在电脑上怎么找出来（u盘在电脑上怎么找到）

在电脑中找不到u盘，是因为系统没有自动识别出来，手动打开即可，具体的解决步骤如下：1、在桌面上点击我的电脑，右键，管理。2、打开管理界面，点击储存。3、进到储存页面。4、到这一步，也就可以看到了，有这...

联想一体机怎么进入bios（联想一体机怎么进入u盘启动）

所需工具：联想Lenovo品牌一体机、启动U盘。具体步骤如下：1、联想一体机从U盘启动设置步骤如下重启联想一体机，启动过程中按F1进入BIOS，部分机型则是开机按Enter键，进入之后再按F12选择进...

如何装ghost系统盘（ghost装机教程）

ghost是不能做系统c盘，它是一种对硬盘和分区制作成映像文件进行备份和恢复的工具软件，是不能进行操作系统安装。这个软件的使用目的是，当我们安装配置好操作系统以后，用ghost软件对c盘进行备份，或者...

加密u盘如何格式化（加密u盘如何格式化手机）

1，点击系统与安全进入电脑的控制面板界面，点击上方的系统与安全的选项，在系统界面找到最下方的管理工具功能组。2，选中u盘选择管理工具下面的创建并格式化硬盘分区，点击弹出磁盘管理的界面，在这个里面选中你...

万能显卡驱动离线版pc（万能显卡驱动离线版）

万用驱动是综合各电脑硬件的性能而制做的软件，对于大多数的电脑硬件驱动都好用，但对于少数品牌电脑驱动要求严格的，就不灵了。有的硬件用万能驱动后，使用效果不佳，就是因为没有完全驱动好。所以，知名品牌电脑硬...

如何让电脑一键还原（电脑怎样才能一键还原）
  • 如何让电脑一键还原（电脑怎样才能一键还原）
  • 如何让电脑一键还原（电脑怎样才能一键还原）
  • 如何让电脑一键还原（电脑怎样才能一键还原）
  • 如何让电脑一键还原（电脑怎样才能一键还原）
笔记本windows8系统下载（笔记本电脑系统win8）

在电脑上面就可以下载，打开浏览器搜索windous8系统会出现一些下拉选择，选择第一条或者选择有官网字样的，就直接有下载按钮，然后点击下载就可以了win8可以支持现在可以见到的所有Photosho...

win 11（win 11 25h2）

 Windows11是由微软公司（Microsoft）开发的操作系统，应用于计算机和平板电脑等设备。于2021年6月24日发布，2021年10月5日发行。Windows11提供了许多创新...

手机视频恢复软件免费版下载

手机视频删了怎么恢复　　一、安卓手机视频恢复　　1.打开电脑，移动鼠标，进入互盾安卓恢复大师官网，下载并安装该软件。手机连接至电脑。手机视频删了怎么恢复　　2.打开运行互盾安卓恢复大师，在软件界面看到...

diy电脑装机教程（diy电脑组装步骤）

1，看价格。根据自己的预算价格，选择适合该价格的电脑。注意不要以过高的价格买到配置过低的电脑；2，看性能。根据自己需要的电脑性能，以合理的价格购买。注意不要以过高的价格买到配置过低的电脑。电脑的配置如...

u盘莫名其妙要格式化（u盘总是要格式化什么意思）

如果您在使用U盘时突然收到提示需要格式化的消息，这可能是由于以下原因之一引起的：U盘感染病毒：U盘中可能存在恶意病毒，这些病毒可能会导致U盘无法正常使用。当您尝试打开U盘时，系统会提示您进行格式化操作...

win7家庭版原版（win7家庭版价格）

你的win7旗舰版应该是个盗版软件，在你使用的过程中你可能触碰到了后台升级，升级完以后就变成了家庭版了，在你不知不觉中被改变的，厄这个软件属于盗版的，厄升级完以后没什么大区别，这个旗舰版家庭版在家里面...

win10自动更新失败怎么办（win10自动升级失败）

安装更新失败有许多原因。WindowsUpdate需要能够扫描您的计算机以了解需要哪些更新，并能够下载和安装这些更新。如果某个阶段遇到问题，则可能阻止某个更新安装到计算机中。有关错误或失败的详细信...

截图的几种方法（截图的几种方法有哪些）

 第一种截图方式：按printScreen键。按一下键盘上的printScreen键以后，整个屏幕会被截取下来，截图会默认保存在剪贴板中。第二种截图方式：使用微信截图。进入聊天界面，我们会发...

电脑装了两个系统怎么切换（电脑安装2个系统怎么更换启动）

1.点击运行打开电脑点击左下角的开始菜单栏选项，右击鼠标在序列栏中选择运行打开。2.输入msconfig接着在运行的输入框中输入msconfig点击确定即可打开系统配置。3.点击引导打开系统配置的页面...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表
Copyright Your WebSite.Some Rights Reserved.