<think>由于这是一个较为复杂的项目，我将分步骤详细说明环境搭建、数据库设置、后端开发（Python）、前端开发和部署。由于完整代码较长，这里将提供关键部分的代码和结构说明。 ### 一、环境准备 1. **安装Python**：建议Python 3.7及以上版本。 2. **安装数据库**：安装SQL Server，并记住服务器名、数据库名、用户名和密码。 3. **安装必要的Python库**： ```bash pip install flask pyodbc flask_sqlalchemy flask_wtf ``` - `flask`: Web框架 - `pyodbc`: 连接SQL Server的驱动 - `flask_sqlalchemy`: ORM库 - `flask_wtf`: 表单处理 ### 二、数据库设置 1. **创建数据库**：例如名为`pokedex`的数据库。 2. **创建数据表**：创建精灵信息表（monsters）。 ```sql CREATE TABLE monsters ( id INT PRIMARY KEY IDENTITY(1,1), name NVARCHAR(100) NOT NULL, type NVARCHAR(50), attribute1 NVARCHAR(50), attribute2 NVARCHAR(50), obtained BIT NOT NULL DEFAULT 0 ); ``` - `obtained`字段表示是否已获得（0未获得，1已获得）。 ### 三、后端开发（Flask应用） 创建以下文件结构： ``` pokedex/ app.py config.py models.py forms.py templates/ list.html static/ ``` #### 1. 配置文件 `config.py` ```python class Config: SECRET_KEY = 'your_secret_key' SQLALCHEMY_DATABASE_URI = 'mssql+pyodbc://username:password@server/database?driver=SQL+Server' SQLALCHEMY_TRACK_MODIFICATIONS = False ``` #### 2. 数据模型 `models.py` ```python from flask_sqlalchemy import SQLAlchemy db = SQLAlchemy() class Monster(db.Model): __tablename__ = 'monsters' id = db.Column(db.Integer, primary_key=True) name = db.Column(db.String(100), nullable=False) type = db.Column(db.String(50)) attribute1 = db.Column(db.String(50)) attribute2 = db.Column(db.String(50)) obtained = db.Column(db.Boolean, default=False) def __repr__(self): return f'<Monster {self.name}>' ``` #### 3. 表单 `forms.py` ```python from flask_wtf import FlaskForm from wtforms import StringField, SelectField, BooleanField, SubmitField from wtforms.validators import DataRequired class MonsterForm(FlaskForm): name = StringField('名称', validators=[DataRequired()]) type = StringField('类型') attribute1 = StringField('属性1') attribute2 = StringField('属性2') obtained = BooleanField('已获得') submit = SubmitField('提交') class FilterForm(FlaskForm): name = StringField('名称') type = StringField('类型') obtained = SelectField('获得状态', choices=[('', '全部'), ('true', '已获得'), ('false', '未获得')]) submit = SubmitField('筛选') ``` #### 4. 主应用 `app.py` ```python from flask import Flask, render_template, request, redirect, url_for from config import Config from models import db, Monster from forms import MonsterForm, FilterForm from flask_wtf.csrf import CSRFProtect app = Flask(__name__) app.config.from_object(Config) csrf = CSRFProtect(app) db.init_app(app) # 在首次运行前创建数据库 @app.before_first_request def create_tables(): db.create_all() @app.route('/', methods=['GET', 'POST']) def index(): page = request.args.get('page', 1, type=int) per_page = 100 # 每页100条 form = FilterForm() if form.validate_on_submit(): # 处理筛选 name = form.name.data type = form.type.data obtained = form.obtained.data query = Monster.query if name: