Python打造在线摄影比赛平台

在这个数字化时代，摄影爱好者们需要一个展示才华和交流的平台。今天，我们将探讨如何用Python语言构建一个功能齐全的在线摄影比赛平台。这个平台不仅能上传和展示作品，还能进行投票和评选，让每一位摄影师都能找到属于自己的舞台。

项目规划

首先，我们需要明确平台的核心功能：

1. 用户注册与登录：确保用户身份的唯一性和安全性。
2. 作品上传与管理：用户可以上传、编辑和删除自己的摄影作品。
3. 作品展示：提供一个美观的展示界面，方便用户浏览和欣赏。
4. 投票系统：允许用户对喜欢的作品进行投票。
5. 评选机制：根据投票数和评委评分，选出优秀作品。

技术选型

为了实现上述功能，我们选择以下技术栈：

• 后端：Python + Flask框架
• 数据库：SQLite（适合小型项目）
• 前端：HTML + CSS + JavaScript
• 部署：Heroku（免费且易于部署）

后端实现

1. 环境搭建

首先，安装Flask和相关库：

pip install Flask Flask-SQLAlchemy

2. 项目结构

项目目录结构如下：

photocomp/
│
├── app.py
├── models.py
├── templates/
│   ├── index.html
│   ├── upload.html
│   └── gallery.html
└── static/
    └── css/
        └── style.css

3. 数据库模型

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

from flask_sqlalchemy import SQLAlchemy
from app import app

app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///photocomp.db'
db = SQLAlchemy(app)

class User(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(80), unique=True, nullable=False)
    password = db.Column(db.String(80), nullable=False)

class Photo(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
    title = db.Column(db.String(100), nullable=False)
    image_path = db.Column(db.String(200), nullable=False)
    votes = db.Column(db.Integer, default=0)

4. 路由与视图

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

from flask import Flask, render_template, request, redirect, url_for
from models import db, User, Photo

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

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

@app.route('/upload', methods=['GET', 'POST'])
def upload():
    if request.method == 'POST':
        title = request.form['title']
        image = request.files['image']
        image_path = f'static/images/{image.filename}'
        image.save(image_path)
        new_photo = Photo(title=title, image_path=image_path, user_id=1)
        db.session.add(new_photo)
        db.session.commit()
        return redirect(url_for('index'))
    return render_template('upload.html')

@app.route('/vote/<int:photo_id>')
def vote(photo_id):
    photo = Photo.query.get(photo_id)
    photo.votes += 1
    db.session.commit()
    return redirect(url_for('index'))

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

前端实现

1. 首页

在templates/index.html中展示所有作品：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>摄影比赛平台</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <h1>摄影作品展示</h1>
    <div class="gallery">
        {% for photo in photos %}
        <div class="photo">
            <img src="{{ photo.image_path }}" alt="{{ photo.title }}">
            <h2>{{ photo.title }}</h2>
            <p>票数：{{ photo.votes }}</p>
            <a href="{{ url_for('vote', photo_id=photo.id) }}">投票</a>
        </div>
        {% endfor %}
    </div>
</body>
</html>

2. 上传页面

在templates/upload.html中创建上传表单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset