开发环境 : Linux系统，语言： Python，Html， Css

利用Flask实现一个WatchList的Web程序，部分代码和图片都是来自：Flask 入门教程，我在此基础上修改了一下，最后的效果如下：

1. 安装 Flask和一些基本插件

<code>pip install flask

pip install Flask-SQLAlchemy

pip install pymysql

如果安装比较慢的话，可以加上 -i https://pypi.tsinghua.edu.cn/simple

2. 创建项目结构

创建一个文件夹来存放你的项目文件。项目的基本结构如下：

WatchList/{static/images style.css} {template/index.html login.html} app.py

3.在WatchList目录下创建虚拟环境并进入虚拟环境

python3 -m venv env

scoure ./env/Scripts/activate

4. 编写主应用文件 (app.py)

在 WatchList目录下创建一个名为 app.py 的文件，并编写以下代码：

from flask import Flask, render_template, url_for, redirect, request, flash

from flask_sqlalchemy import SQLAlchemy

import click

app = Flask(__name__)

app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:123456@localhost/watchlist'

app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False

app.secret_key = 'your_secret_key' # 用于闪现消息

db = SQLAlchemy(app)

# 创建数据库命令

@app.cli.command()

def forge():

"""Generate fake data."""

db.create_all()

name = 'BrokenOfViolet'

movies = [

{'title': 'My Neighbor Totoro', 'year': '1988'},

{'title': 'Dead Poets Society', 'year': '1989'},

{'title': 'A Perfect World', 'year': '1993'},

{'title': 'Leon', 'year': '1994'},

{'title': 'Mahjong', 'year': '1996'},

{'title': 'Swallowtail Butterfly', 'year': '1996'},

{'title': 'King of Comedy', 'year': '1999'},

{'title': 'Devils on the Doorstep', 'year': '1999'},

{'title': 'WALL-E', 'year': '2008'},

{'title': 'The Pork of Music', 'year': '2012'},

]

user = User(username=name, password='password123') # 设定一个默认密码code>

db.session.add(user)

for m in movies:

movie = Movie(title=m['title'], year=m['year'])

db.session.add(movie)

db.session.commit()

click.echo('Done.')

# 数据库模型

class User(db.Model):

username = db.Column(db.String(20), primary_key=True)

password = db.Column(db.String(20))

class Movie(db.Model):

id = db.Column(db.Integer, primary_key=True)

title = db.Column(db.String(60))

year = db.Column(db.String(4))

# 主页路由

@app.route('/')

def index():

user = User.query.first() # 修复此处变量名

movies = Movie.query.all()

return render_template("index.html", user=user, movies=movies)

# 404 错误处理路由

@app.errorhandler(404)

def page_not_found(e):

user = User.query.first()

return render_template('404.html', user=user), 404

# 登录路由

@app.route('/login', methods=['GET', 'POST'])

def login():

if request.method == 'POST':

username = request.form['username']

password = request.form['password']

user = User.query.filter_by(username=username).first()

# 比对用户输入的密码和数据库中存储的密码

if user and user.password == password:

flash('Login successful!', 'success')

return redirect(url_for('index')) # 假设登录成功后重定向到index

else:

flash('Invalid username or password.', 'danger')

return render_template('login.html')

if __name__ == '__main__':

app.run(debug=True)

5. 创建 HTML 模板文件