编写模块代码,基于flask的校园音乐网的新模块,该模块为点歌模块,使用者需要提交并填写网易云歌曲链接,填写点歌人信息,被点歌人信息,以及留言,提交成功后弹窗提示,在原界面生成播放器,播放该歌曲,要求代码完整,越详细越好
时间: 2024-06-09 14:05:13 浏览: 120
为了实现这个点歌模块,我们需要完成以下几个步骤:
1. 创建一个 Flask 应用程序。
2. 编写一个 HTML 表单,用于接收用户提交的信息。
3. 编写一个 Python 函数,用于处理表单提交的数据。
4. 在函数中调用网易云音乐 API,获取歌曲信息。
5. 将歌曲信息存储到数据库中。
6. 在前端页面中生成播放器,播放该歌曲。
下面我们一步步来完成这个点歌模块。
1. 创建 Flask 应用程序
首先,我们需要在 Python 中安装 Flask 库。如果你还没有安装,可以使用以下命令进行安装:
```
pip install flask
```
接下来,我们创建一个名为 `app.py` 的 Python 文件,用于编写 Flask 应用程序的代码。代码如下:
```python
from flask import Flask, render_template, request
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
```
在这个代码中,我们首先导入了 Flask 库,然后创建了一个名为 `app` 的 Flask 应用程序对象。在 `app.route('/')` 装饰器下,我们定义了一个名为 `index` 的视图函数,用于渲染模板文件 `index.html`。最后,我们使用 `app.run()` 方法运行应用程序。
2. 编写 HTML 表单
接下来,我们在 `templates` 目录下创建一个名为 `index.html` 的 HTML 文件,用于编写表单。代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>校园音乐网 - 点歌</title>
</head>
<body>
<h1>点歌</h1>
<form action="/" method="post">
<label for="song_url">歌曲链接:</label>
<input type="text" id="song_url" name="song_url"><br><br>
<label for="requester_name">点歌人:</label>
<input type="text" id="requester_name" name="requester_name"><br><br>
<label for="recipient_name">被点歌人:</label>
<input type="text" id="recipient_name" name="recipient_name"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<input type="submit" value="提交">
</form>
</body>
</html>
```
在这个代码中,我们使用 HTML `<form>` 元素创建了一个表单,用于接收用户提交的信息。表单中包含了四个输入框,分别用于接收歌曲链接、点歌人、被点歌人以及留言,还有一个提交按钮。
3. 编写 Python 函数
接下来,我们在 `app.py` 文件中编写一个名为 `submit_song` 的函数,用于处理表单提交的数据。代码如下:
```python
@app.route('/', methods=['POST'])
def submit_song():
song_url = request.form['song_url']
requester_name = request.form['requester_name']
recipient_name = request.form['recipient_name']
message = request.form['message']
# 调用网易云音乐 API,获取歌曲信息
# 将歌曲信息存储到数据库中
return render_template('success.html')
```
在这个代码中,我们使用 `@app.route('/', methods=['POST'])` 装饰器将 `submit_song` 函数注册为处理表单提交的视图函数。在函数中,我们使用 `request.form` 字典获取表单中提交的数据,并将其保存到 `song_url`、`requester_name`、`recipient_name` 和 `message` 变量中。
4. 调用网易云音乐 API
接下来,我们需要调用网易云音乐 API,获取歌曲信息。由于网易云音乐 API 需要使用加密算法进行签名,这里我们可以使用一个名为 `NeteaseMusicAPI` 的 Python 库进行调用。如果你还没有安装该库,可以使用以下命令进行安装:
```
pip install NeteaseMusicAPI
```
接下来,我们在 `submit_song` 函数中调用网易云音乐 API,获取歌曲信息。代码如下:
```python
from NeteaseMusicAPI import interact_select
@app.route('/', methods=['POST'])
def submit_song():
song_url = request.form['song_url']
requester_name = request.form['requester_name']
recipient_name = request.form['recipient_name']
message = request.form['message']
# 调用网易云音乐 API,获取歌曲信息
api = interact_select.NetEase()
song_id = api.extract_song_id(song_url)
song_info = api.song_detail(song_id)[0]
# 将歌曲信息存储到数据库中
return render_template('success.html')
```
在这个代码中,我们首先导入了 `NeteaseMusicAPI.interact_select` 模块,然后创建了一个名为 `api` 的 `NetEase` 对象。使用 `api.extract_song_id` 方法从歌曲链接中提取出歌曲 ID,然后使用 `api.song_detail` 方法获取歌曲信息。最后,我们将歌曲信息保存到 `song_info` 变量中。
5. 将歌曲信息存储到数据库中
接下来,我们需要将歌曲信息存储到数据库中。在这里,我们使用 SQLite 数据库作为数据存储的方式。首先,我们需要导入 `sqlite3` 模块,并创建一个名为 `songs.db` 的 SQLite 数据库。代码如下:
```python
import sqlite3
conn = sqlite3.connect('songs.db')
c = conn.cursor()
c.execute('''CREATE TABLE IF NOT EXISTS songs
(id INTEGER PRIMARY KEY AUTOINCREMENT,
song_id INTEGER,
song_name TEXT,
artist_name TEXT,
requester_name TEXT,
recipient_name TEXT,
message TEXT)''')
conn.commit()
conn.close()
```
在这个代码中,我们首先创建了一个名为 `songs.db` 的 SQLite 数据库,并创建了一个名为 `songs` 的表,用于存储歌曲信息。表中包含了 `id`、`song_id`、`song_name`、`artist_name`、`requester_name`、`recipient_name` 和 `message` 这七个字段。其中,`id` 是主键,自动递增。
接下来,我们在 `submit_song` 函数中将歌曲信息插入到 `songs` 表中。代码如下:
```python
@app.route('/', methods=['POST'])
def submit_song():
song_url = request.form['song_url']
requester_name = request.form['requester_name']
recipient_name = request.form['recipient_name']
message = request.form['message']
# 调用网易云音乐 API,获取歌曲信息
api = interact_select.NetEase()
song_id = api.extract_song_id(song_url)
song_info = api.song_detail(song_id)[0]
# 将歌曲信息存储到数据库中
conn = sqlite3.connect('songs.db')
c = conn.cursor()
c.execute("INSERT INTO songs (song_id, song_name, artist_name, requester_name, recipient_name, message) VALUES (?, ?, ?, ?, ?, ?)",
(song_id, song_info['name'], song_info['ar'][0]['name'], requester_name, recipient_name, message))
conn.commit()
conn.close()
return render_template('success.html')
```
在这个代码中,我们首先创建了一个名为 `conn` 的数据库连接对象,然后使用 `conn.cursor()` 方法创建一个名为 `c` 的游标对象。接下来,我们使用 `c.execute` 方法执行一个 SQL 语句,将歌曲信息插入到 `songs` 表中。最后,我们使用 `conn.commit()` 方法提交事务,并使用 `conn.close()` 方法关闭数据库连接。
6. 在前端页面中生成播放器
最后,我们需要在前端页面中生成播放器,播放该歌曲。在 `templates` 目录下创建一个名为 `success.html` 的 HTML 文件,用于显示提交成功的页面。代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>校园音乐网 - 提交成功</title>
</head>
<body>
<h1>提交成功</h1>
<h2>歌曲信息:</h2>
<p>歌曲名:{{ song_name }}</p>
<p>歌手名:{{ artist_name }}</p>
<p>点歌人:{{ requester_name }}</p>
<p>被点歌人:{{ recipient_name }}</p>
<p>留言:{{ message }}</p>
<audio controls>
<source src="{{ song_url }}" type="audio/mpeg">
您的浏览器不支持播放该歌曲。
</audio>
</body>
</html>
```
在这个代码中,我们使用 Flask 的模板语言,在 HTML 中插入了一些变量。这些变量在视图函数中被赋值,并传递给模板。其中,`{{ song_name }}`、`{{ artist_name }}`、`{{ requester_name }}`、`{{ recipient_name }}` 和 `{{ message }}` 分别对应着歌曲名、歌手名、点歌人、被点歌人和留言。`{{ song_url }}` 对应着歌曲链接,用于生成播放器。
到这里,我们的点歌模块就完成了。你现在可以使用 `python app.py` 启动应用程序,在浏览器中访问 `http://localhost:5000` 进行测试。
阅读全文