用Python构建在线摄影作品展示网站

在这个数字化时代，摄影爱好者们需要一个平台来展示他们的作品，吸引更多的观众。本文将带你一步步用Python语言构建一个在线摄影作品展示网站，让你的摄影才华得以绽放。

用Python构建在线摄影作品展示网站

项目准备

首先，我们需要明确项目的需求和工具。我们将使用Python的Flask框架来搭建网站，因为它简单易用且功能强大。此外，我们还需要SQLite数据库来存储用户信息和摄影作品。

安装依赖

打开终端，安装Flask和SQLite：

pip install Flask
pip install Flask-SQLAlchemy

项目结构

我们的项目结构如下：

photography_site/
│
├── app.py
├── templates/
│   ├── index.html
│   ├── login.html
│   ├── register.html
│   └── gallery.html
├── static/
│   └── images/
└── models.py

数据库设计

在models.py中，我们定义用户和作品的模型：

from flask_sqlalchemy import SQLAlchemy
from flask import Flask

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(20), unique=True, nullable=False)
    password = db.Column(db.String(60), nullable=False)
    photos = db.relationship('Photo', backref='author', lazy=True)

class Photo(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    title = db.Column(db.String(100), nullable=False)
    image_file = db.Column(db.String(20), nullable=False, default='default.jpg')
    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)

路由和视图

在app.py中，我们定义路由和视图函数：

from flask import Flask, render_template, url_for, flash, redirect
from models import db, User, Photo
from forms import RegistrationForm, LoginForm
import os

app = Flask(__name__)
app.config['SECRET_KEY'] = 'your_secret_key'
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///site.db'
db.init_app(app)

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

@app.route('/register', methods=['GET', 'POST'])
def register():
    form = RegistrationForm()
    if form.validate_on_submit():
        user = User(username=form.username.data, password=form.password.data)
        db.session.add(user)
        db.session.commit()
        flash('Your account has been created!', 'success')
        return redirect(url_for('login'))
    return render_template('register.html', form=form)

@app.route('/login', methods=['GET', 'POST'])
def login():
    form = LoginForm()
    if form.validate_on_submit():
        user = User.query.filter_by(username=form.username.data).first()
        if user and user.password == form.password.data:
            flash('You have been logged in!', 'success')
            return redirect(url_for('index'))
        else:
            flash('Login Unsuccessful. Please check username and password', 'danger')
    return render_template('login.html', form=form)

@app.route('/gallery')
def gallery():
    photos = Photo.query.all()
    return render_template('gallery.html', photos=photos)

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

前端设计

在templates文件夹中，我们使用HTML和CSS来设计前端页面。以下是index.html的示例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Photography Site</title>
</head>
<body>
    <h1>Welcome to Our Photography Site</h1>
    <div class="gallery">
        {% for photo in photos %}
            <div class="photo">
                <img src="{{ url_for('static', filename='images/' + photo.image_file) }}" alt="{{ photo.title }}">
                <h3>{{ photo.title }}</h3>
            </div>
        {% endfor %}
    </div>
</body>
</html>