正文

树莓派上搭建Flask网站：新手入门教程与实战案例分享

/0 浏览量
0519

引言

树莓派，这款小巧的计算机，因其低成本和高性价比，成为了许多DIY爱好者和教育者的首选。而Flask，作为Python中轻量级的Web框架，以其简单易用和强大的扩展性，深受开发者喜爱。本文将带你从零开始，在树莓派上搭建Flask网站，并提供一些实战案例供你参考。

准备工作

树莓派

首先，你需要一台树莓派。目前市面上有多个版本的树莓派，如树莓派3B、树莓派4B等。选择一个适合你的版本，并确保你拥有以下配件：

  • 树莓派本体
  • Micro SD卡（至少8GB）
  • Micro USB电源
  • HDMI显示器或VNC客户端
  • 键盘和鼠标

软件环境

在开始之前，请确保你的树莓派上安装了Raspbian操作系统。你可以通过树莓派的官方网站下载Raspbian镜像，并将其烧录到Micro SD卡中。

步骤一：配置树莓派

  1. 将Micro SD卡插入树莓派，并连接显示器、键盘和鼠标。
  2. 使用USB电源为树莓派供电，并启动系统。
  3. 使用sudo raspi-config命令进入树莓派配置界面。
  4. 在配置界面中，选择“Interfacing Options”，启用VNC服务。
  5. 选择“Network Options”，配置无线网络连接。
  6. 选择“Boot Options”，将默认启动选项设置为“Desktop / CLI”。

步骤二：安装Python和Flask

  1. 在树莓派上打开终端。
  2. 使用以下命令更新系统包列表：
sudo apt update
sudo apt upgrade
  1. 使用以下命令安装Python 3和pip：
sudo apt install python3 python3-pip
  1. 使用以下命令安装Flask：
pip3 install flask

步骤三：创建Flask项目

  1. 在树莓派上创建一个新目录，用于存放Flask项目：
mkdir my_flask_project
cd my_flask_project
  1. 在该目录下创建一个名为app.py的Python文件，并编写以下代码：
from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=80)
  1. 在项目目录下创建一个名为templates的文件夹，并在该文件夹下创建一个名为index.html的HTML文件，内容如下：
<!DOCTYPE html>
<html>
<head>
    <title>我的Flask网站</title>
</head>
<body>
    <h1>欢迎来到我的Flask网站</h1>
</body>
</html>

步骤四：启动Flask服务器

  1. 在终端中运行以下命令启动Flask服务器：
python3 app.py
  1. 在浏览器中输入树莓派的IP地址（例如：http://192.168.1.100/），你应该能看到一个欢迎页面。

实战案例：用户注册系统

以下是一个简单的用户注册系统案例，用于演示如何在Flask中处理表单和数据库操作。

  1. 安装Flask-MySQLdb扩展：
pip3 install flask-mysqldb
  1. 修改app.py文件，添加用户注册功能：
from flask import Flask, render_template, request, redirect, url_for
from flask_mysqldb import MySQL

app = Flask(__name__)

# 配置MySQL数据库连接
app.config['MYSQL_HOST'] = 'localhost'
app.config['MYSQL_USER'] = 'root'
app.config['MYSQL_PASSWORD'] = 'password'
app.config['MYSQL_DB'] = 'my_flask_db'

mysql = MySQL(app)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/register', methods=['GET', 'POST'])
def register():
    if request.method == 'POST':
        # 获取表单数据
        username = request.form['username']
        password = request.form['password']
        # 连接数据库并插入数据
        cur = mysql.connection.cursor()
        cur.execute("INSERT INTO users (username, password) VALUES (%s, %s)", (username, password))
        mysql.connection.commit()
        cur.close()
        return redirect(url_for('index'))
    return render_template('register.html')

if __name__ == '__main__':
    app.run(host='0.0.0.0', port=80)
  1. 在templates文件夹下创建一个名为register.html的HTML文件，内容如下：
<!DOCTYPE html>
<html>
<head>
    <title>用户注册</title>
</head>
<body>
    <h1>用户注册</h1>
    <form method="post">
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username" required>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password" required>
        <button type="submit">注册</button>
    </form>
</body>
</html>
  1. 在templates文件夹下创建一个名为users.sql的SQL文件，内容如下：
CREATE DATABASE my_flask_db;
USE my_flask_db;

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL,
    password VARCHAR(50) NOT NULL
);
  1. 在终端中运行以下命令创建数据库和表：
mysql -u root -p < users.sql
  1. 重新启动Flask服务器，并在浏览器中访问http://192.168.1.100/register，你可以看到用户注册页面。

总结

通过本文的教程，你已经在树莓派上成功搭建了一个Flask网站，并实现了一个简单的用户注册系统。希望这个教程能帮助你更好地了解Flask和树莓派，为你的项目带来更多可能性。

-- 展开阅读全文 --