正文

从零开始，手把手教你用Flask框架搭建个性化音乐网站

/0 浏览量
0514

在数字化时代，音乐网站已成为人们日常生活中不可或缺的一部分。Flask作为Python的一个轻量级Web框架，因其简单易用和灵活高效的特点，被广泛用于构建Web应用。本文将从零开始，手把手教你使用Flask框架搭建一个个性化音乐网站。

一、环境准备

在开始之前，请确保你的计算机上已安装以下软件：

  1. Python：推荐版本为Python 3.6及以上。
  2. Flask：可通过pip安装：pip install flask
  3. MySQL：用于存储音乐数据。
  4. Navicat：用于数据库管理和操作。

二、项目结构

创建一个名为music_website的文件夹，作为项目的根目录。在根目录下创建以下子目录：

  • static：存放静态资源，如CSS、JavaScript、图片等。
  • templates：存放HTML模板文件。
  • models：存放数据库模型文件。
  • views：存放视图函数文件。

三、创建数据库

  1. 在Navicat中创建一个新的数据库，命名为music_db。
  2. 创建一个名为songs的表，包含以下字段：
字段名 类型 说明
id INT 主键，自增
name VARCHAR 歌曲名称
singer VARCHAR 歌手名称
album VARCHAR 专辑名称
path VARCHAR 音乐文件路径

四、数据库模型

在models目录下创建一个名为song.py的文件，用于定义歌曲模型：

from flask_sqlalchemy import SQLAlchemy

db = SQLAlchemy()

class Song(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    name = db.Column(db.String(100), nullable=False)
    singer = db.Column(db.String(100), nullable=False)
    album = db.Column(db.String(100), nullable=False)
    path = db.Column(db.String(200), nullable=False)

五、创建应用实例

在项目根目录下创建一个名为app.py的文件，用于创建应用实例：

from flask import Flask
from models import db

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://username:password@localhost/music_db'
db.init_app(app)

if __name__ == '__main__':
    app.run(debug=True)

将username和password替换为你的MySQL用户名和密码。

六、定义视图函数

在views目录下创建一个名为index.py的文件，用于定义首页的视图函数：

from flask import render_template
from models import Song

@app.route('/')
def index():
    songs = Song.query.all()
    return render_template('index.html', songs=songs)

七、创建HTML模板

在templates目录下创建一个名为index.html的文件，用于定义首页的HTML模板：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个性化音乐网站</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
</head>
<body>
    <h1>个性化音乐网站</h1>
    <div class="songs">
        {% for song in songs %}
            <div class="song">
                <h2>{{ song.name }}</h2>
                <p>歌手：{{ song.singer }}</p>
                <p>专辑：{{ song.album }}</p>
                <audio controls>
                    <source src="{{ url_for('static', filename=song.path) }}" type="audio/mpeg">
                </audio>
            </div>
        {% endfor %}
    </div>
</body>
</html>

将style.css替换为你的CSS文件路径。

八、运行应用

  1. 打开命令行，进入项目根目录。
  2. 运行python app.py命令。
  3. 打开浏览器，访问http://127.0.0.1:5000/。

至此，一个简单的个性化音乐网站已经搭建完成。你可以根据需求进一步完善功能，如添加用户登录、歌曲搜索、推荐算法等。祝你搭建成功！

-- 展开阅读全文 --