diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/.DS_Store differ
diff --git a/__pycache__/config.cpython-314.pyc b/__pycache__/config.cpython-314.pyc
new file mode 100644
index 0000000..f299eb7
Binary files /dev/null and b/__pycache__/config.cpython-314.pyc differ
diff --git a/app/__init__.py b/app/__init__.py
new file mode 100644
index 0000000..345ee6c
--- /dev/null
+++ b/app/__init__.py
@@ -0,0 +1,36 @@
+from flask import Flask
+from flask_sqlalchemy import SQLAlchemy
+from flask_login import LoginManager
+from config import Config
+
+db = SQLAlchemy()
+login_manager = LoginManager()
+
+def create_app(config_class=Config):
+    app = Flask(__name__)
+    app.config.from_object(config_class)
+    
+    db.init_app(app)
+    login_manager.init_app(app)
+    login_manager.login_view = 'auth.login'
+    login_manager.login_message = '请先登录后再访问此页面'
+    
+    from app.routes.main import main as main_blueprint
+    app.register_blueprint(main_blueprint)
+    
+    from app.routes.auth import auth as auth_blueprint
+    app.register_blueprint(auth_blueprint, url_prefix='/auth')
+    
+    from app.routes.goals import goals as goals_blueprint
+    app.register_blueprint(goals_blueprint, url_prefix='/goals')
+    
+    from app.routes.tasks import tasks as tasks_blueprint
+    app.register_blueprint(tasks_blueprint, url_prefix='/tasks')
+    
+    from app.routes.reports import reports as reports_blueprint
+    app.register_blueprint(reports_blueprint, url_prefix='/reports')
+    
+    with app.app_context():
+        db.create_all()
+    
+    return app
diff --git a/app/__pycache__/__init__.cpython-314.pyc b/app/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000..da3ef0c
Binary files /dev/null and b/app/__pycache__/__init__.cpython-314.pyc differ
diff --git a/app/__pycache__/models.cpython-314.pyc b/app/__pycache__/models.cpython-314.pyc
new file mode 100644
index 0000000..e510720
Binary files /dev/null and b/app/__pycache__/models.cpython-314.pyc differ
diff --git a/app/models.py b/app/models.py
new file mode 100644
index 0000000..f696cf8
--- /dev/null
+++ b/app/models.py
@@ -0,0 +1,102 @@
+from datetime import datetime
+from app import db, login_manager
+from flask_login import UserMixin
+from werkzeug.security import generate_password_hash, check_password_hash
+
+class User(UserMixin, db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    username = db.Column(db.String(64), index=True, unique=True, nullable=False)
+    email = db.Column(db.String(120), index=True, unique=True, nullable=False)
+    password_hash = db.Column(db.String(256), nullable=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    goals = db.relationship('LearningGoal', backref='user', lazy='dynamic')
+    
+    def set_password(self, password):
+        self.password_hash = generate_password_hash(password)
+    
+    def check_password(self, password):
+        return check_password_hash(self.password_hash, password)
+    
+    def __repr__(self):
+        return f'<User {self.username}>'
+
+class LearningGoal(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(200), nullable=False)
+    description = db.Column(db.Text)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    start_date = db.Column(db.DateTime, default=datetime.utcnow)
+    end_date = db.Column(db.DateTime)
+    status = db.Column(db.String(20), default='active')
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    tasks = db.relationship('LearningTask', backref='goal', lazy='dynamic', cascade='all, delete-orphan')
+    
+    def __repr__(self):
+        return f'<LearningGoal {self.title}>'
+
+class LearningTask(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    title = db.Column(db.String(200), nullable=False)
+    description = db.Column(db.Text)
+    goal_id = db.Column(db.Integer, db.ForeignKey('learning_goal.id'), nullable=False)
+    parent_task_id = db.Column(db.Integer, db.ForeignKey('learning_task.id'))
+    status = db.Column(db.String(20), default='pending')
+    progress = db.Column(db.Integer, default=0)
+    priority = db.Column(db.String(20), default='medium')
+    estimated_hours = db.Column(db.Float, default=0)
+    actual_hours = db.Column(db.Float, default=0)
+    deadline = db.Column(db.DateTime)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    completed_at = db.Column(db.DateTime)
+    
+    parent_task = db.relationship('LearningTask', remote_side=[id], backref='subtasks')
+    study_records = db.relationship('StudyRecord', backref='task', lazy='dynamic', cascade='all, delete-orphan')
+    reminders = db.relationship('TaskReminder', backref='task', lazy='dynamic', cascade='all, delete-orphan')
+    
+    def __repr__(self):
+        return f'<LearningTask {self.title}>'
+
+class StudyRecord(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    task_id = db.Column(db.Integer, db.ForeignKey('learning_task.id'), nullable=False)
+    start_time = db.Column(db.DateTime, nullable=False, default=datetime.utcnow)
+    end_time = db.Column(db.DateTime)
+    duration_minutes = db.Column(db.Integer, default=0)
+    notes = db.Column(db.Text)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    def __repr__(self):
+        return f'<StudyRecord {self.id}>'
+
+class TaskReminder(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    task_id = db.Column(db.Integer, db.ForeignKey('learning_task.id'), nullable=False)
+    reminder_time = db.Column(db.DateTime, nullable=False)
+    message = db.Column(db.String(200))
+    is_sent = db.Column(db.Boolean, default=False)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    def __repr__(self):
+        return f'<TaskReminder {self.id}>'
+
+class StudyReport(db.Model):
+    id = db.Column(db.Integer, primary_key=True)
+    user_id = db.Column(db.Integer, db.ForeignKey('user.id'), nullable=False)
+    report_type = db.Column(db.String(20), nullable=False)
+    start_date = db.Column(db.DateTime, nullable=False)
+    end_date = db.Column(db.DateTime, nullable=False)
+    total_study_hours = db.Column(db.Float, default=0)
+    completed_tasks = db.Column(db.Integer, default=0)
+    total_tasks = db.Column(db.Integer, default=0)
+    goals_progress = db.Column(db.Text)
+    recommendations = db.Column(db.Text)
+    created_at = db.Column(db.DateTime, default=datetime.utcnow)
+    
+    def __repr__(self):
+        return f'<StudyReport {self.id}>'
+
+@login_manager.user_loader
+def load_user(id):
+    return User.query.get(int(id))
diff --git a/app/routes/__init__.py b/app/routes/__init__.py
new file mode 100644
index 0000000..04d95f3
--- /dev/null
+++ b/app/routes/__init__.py
@@ -0,0 +1,7 @@
+from flask import Blueprint
+
+main = Blueprint('main', __name__)
+auth = Blueprint('auth', __name__)
+goals = Blueprint('goals', __name__)
+tasks = Blueprint('tasks', __name__)
+reports = Blueprint('reports', __name__)
diff --git a/app/routes/__pycache__/__init__.cpython-314.pyc b/app/routes/__pycache__/__init__.cpython-314.pyc
new file mode 100644
index 0000000..a4a2486
Binary files /dev/null and b/app/routes/__pycache__/__init__.cpython-314.pyc differ
diff --git a/app/routes/__pycache__/auth.cpython-314.pyc b/app/routes/__pycache__/auth.cpython-314.pyc
new file mode 100644
index 0000000..6977766
Binary files /dev/null and b/app/routes/__pycache__/auth.cpython-314.pyc differ
diff --git a/app/routes/__pycache__/goals.cpython-314.pyc b/app/routes/__pycache__/goals.cpython-314.pyc
new file mode 100644
index 0000000..7ae45e9
Binary files /dev/null and b/app/routes/__pycache__/goals.cpython-314.pyc differ
diff --git a/app/routes/__pycache__/main.cpython-314.pyc b/app/routes/__pycache__/main.cpython-314.pyc
new file mode 100644
index 0000000..57fa35b
Binary files /dev/null and b/app/routes/__pycache__/main.cpython-314.pyc differ
diff --git a/app/routes/__pycache__/reports.cpython-314.pyc b/app/routes/__pycache__/reports.cpython-314.pyc
new file mode 100644
index 0000000..f6981dd
Binary files /dev/null and b/app/routes/__pycache__/reports.cpython-314.pyc differ
diff --git a/app/routes/__pycache__/tasks.cpython-314.pyc b/app/routes/__pycache__/tasks.cpython-314.pyc
new file mode 100644
index 0000000..1478d11
Binary files /dev/null and b/app/routes/__pycache__/tasks.cpython-314.pyc differ
diff --git a/app/routes/auth.py b/app/routes/auth.py
new file mode 100644
index 0000000..e5a6aaf
--- /dev/null
+++ b/app/routes/auth.py
@@ -0,0 +1,70 @@
+from flask import render_template, redirect, url_for, flash, request
+from flask_login import login_user, logout_user, current_user, login_required
+from app import db
+from app.routes import auth
+from app.models import User
+
+@auth.route('/register', methods=['GET', 'POST'])
+def register():
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+    
+    if request.method == 'POST':
+        username = request.form.get('username')
+        email = request.form.get('email')
+        password = request.form.get('password')
+        password2 = request.form.get('password2')
+        
+        if not username or not email or not password:
+            flash('请填写所有必填字段')
+            return redirect(url_for('auth.register'))
+        
+        if password != password2:
+            flash('两次密码输入不一致')
+            return redirect(url_for('auth.register'))
+        
+        if User.query.filter_by(username=username).first():
+            flash('用户名已存在')
+            return redirect(url_for('auth.register'))
+        
+        if User.query.filter_by(email=email).first():
+            flash('邮箱已被注册')
+            return redirect(url_for('auth.register'))
+        
+        user = User(username=username, email=email)
+        user.set_password(password)
+        db.session.add(user)
+        db.session.commit()
+        
+        flash('注册成功！请登录')
+        return redirect(url_for('auth.login'))
+    
+    return render_template('register.html')
+
+@auth.route('/login', methods=['GET', 'POST'])
+def login():
+    if current_user.is_authenticated:
+        return redirect(url_for('main.index'))
+    
+    if request.method == 'POST':
+        username = request.form.get('username')
+        password = request.form.get('password')
+        remember = request.form.get('remember')
+        
+        user = User.query.filter_by(username=username).first()
+        
+        if user is None or not user.check_password(password):
+            flash('用户名或密码错误')
+            return redirect(url_for('auth.login'))
+        
+        login_user(user, remember=remember)
+        next_page = request.args.get('next')
+        return redirect(next_page or url_for('main.index'))
+    
+    return render_template('login.html')
+
+@auth.route('/logout')
+@login_required
+def logout():
+    logout_user()
+    return redirect(url_for('auth.login'))
diff --git a/app/routes/goals.py b/app/routes/goals.py
new file mode 100644
index 0000000..cc2bb24
--- /dev/null
+++ b/app/routes/goals.py
@@ -0,0 +1,115 @@
+from flask import render_template, redirect, url_for, flash, request, jsonify
+from flask_login import login_required, current_user
+from app import db
+from app.routes import goals
+from app.models import LearningGoal, LearningTask
+from datetime import datetime
+
+@goals.route('/')
+@login_required
+def list_goals():
+    status = request.args.get('status', 'active')
+    if status == 'all':
+        goals_list = LearningGoal.query.filter_by(user_id=current_user.id).order_by(LearningGoal.created_at.desc()).all()
+    else:
+        goals_list = LearningGoal.query.filter_by(user_id=current_user.id, status=status).order_by(LearningGoal.created_at.desc()).all()
+    
+    return render_template('goals/list.html', goals=goals_list, current_status=status)
+
+@goals.route('/create', methods=['GET', 'POST'])
+@login_required
+def create_goal():
+    if request.method == 'POST':
+        title = request.form.get('title')
+        description = request.form.get('description')
+        end_date_str = request.form.get('end_date')
+        
+        if not title:
+            flash('请输入目标标题')
+            return redirect(url_for('goals.create_goal'))
+        
+        end_date = None
+        if end_date_str:
+            try:
+                end_date = datetime.strptime(end_date_str, '%Y-%m-%d')
+            except ValueError:
+                flash('日期格式错误，请使用YYYY-MM-DD格式')
+                return redirect(url_for('goals.create_goal'))
+        
+        goal = LearningGoal(
+            title=title,
+            description=description,
+            user_id=current_user.id,
+            end_date=end_date
+        )
+        db.session.add(goal)
+        db.session.commit()
+        
+        flash('学习目标创建成功！')
+        return redirect(url_for('goals.view_goal', goal_id=goal.id))
+    
+    return render_template('goals/create.html')
+
+@goals.route('/<int:goal_id>')
+@login_required
+def view_goal(goal_id):
+    goal = LearningGoal.query.get_or_404(goal_id)
+    if goal.user_id != current_user.id:
+        flash('无权访问此目标')
+        return redirect(url_for('goals.list_goals'))
+    
+    tasks = LearningTask.query.filter_by(goal_id=goal_id, parent_task_id=None).order_by(LearningTask.created_at.desc()).all()
+    
+    total_tasks = LearningTask.query.filter_by(goal_id=goal_id).count()
+    completed_tasks = LearningTask.query.filter_by(goal_id=goal_id, status='completed').count()
+    in_progress_tasks = LearningTask.query.filter_by(goal_id=goal_id, status='in_progress').count()
+    
+    stats = {
+        'total': total_tasks,
+        'completed': completed_tasks,
+        'in_progress': in_progress_tasks,
+        'pending': total_tasks - completed_tasks - in_progress_tasks,
+        'completion_rate': round((completed_tasks / total_tasks * 100), 1) if total_tasks > 0 else 0
+    }
+    
+    return render_template('goals/view.html', goal=goal, tasks=tasks, stats=stats)
+
+@goals.route('/<int:goal_id>/edit', methods=['GET', 'POST'])
+@login_required
+def edit_goal(goal_id):
+    goal = LearningGoal.query.get_or_404(goal_id)
+    if goal.user_id != current_user.id:
+        flash('无权编辑此目标')
+        return redirect(url_for('goals.list_goals'))
+    
+    if request.method == 'POST':
+        goal.title = request.form.get('title')
+        goal.description = request.form.get('description')
+        goal.status = request.form.get('status', 'active')
+        
+        end_date_str = request.form.get('end_date')
+        if end_date_str:
+            try:
+                goal.end_date = datetime.strptime(end_date_str, '%Y-%m-%d')
+            except ValueError:
+                flash('日期格式错误，请使用YYYY-MM-DD格式')
+                return redirect(url_for('goals.edit_goal', goal_id=goal.id))
+        
+        db.session.commit()
+        flash('学习目标更新成功！')
+        return redirect(url_for('goals.view_goal', goal_id=goal.id))
+    
+    return render_template('goals/edit.html', goal=goal)
+
+@goals.route('/<int:goal_id>/delete', methods=['POST'])
+@login_required
+def delete_goal(goal_id):
+    goal = LearningGoal.query.get_or_404(goal_id)
+    if goal.user_id != current_user.id:
+        flash('无权删除此目标')
+        return redirect(url_for('goals.list_goals'))
+    
+    db.session.delete(goal)
+    db.session.commit()
+    flash('学习目标已删除')
+    return redirect(url_for('goals.list_goals'))
diff --git a/app/routes/main.py b/app/routes/main.py
new file mode 100644
index 0000000..d183472
--- /dev/null
+++ b/app/routes/main.py
@@ -0,0 +1,41 @@
+from flask import render_template, redirect, url_for, flash, request
+from flask_login import login_required, current_user
+from app import db
+from app.routes import main
+from app.models import LearningGoal, LearningTask, StudyRecord
+from datetime import datetime, timedelta
+
+@main.route('/')
+@main.route('/index')
+@login_required
+def index():
+    today = datetime.utcnow().date()
+    start_of_day = datetime.combine(today, datetime.min.time())
+    
+    today_records = StudyRecord.query.join(LearningTask).join(LearningGoal).filter(
+        LearningGoal.user_id == current_user.id,
+        StudyRecord.start_time >= start_of_day
+    ).all()
+    
+    today_hours = sum((r.duration_minutes or 0) for r in today_records) / 60
+    
+    active_goals = LearningGoal.query.filter_by(
+        user_id=current_user.id, 
+        status='active'
+    ).all()
+    
+    pending_tasks = LearningTask.query.join(LearningGoal).filter(
+        LearningGoal.user_id == current_user.id,
+        LearningTask.status == 'pending'
+    ).order_by(LearningTask.deadline).limit(5).all()
+    
+    in_progress_tasks = LearningTask.query.join(LearningGoal).filter(
+        LearningGoal.user_id == current_user.id,
+        LearningTask.status == 'in_progress'
+    ).order_by(LearningTask.deadline).limit(5).all()
+    
+    return render_template('index.html',
+                          today_hours=round(today_hours, 2),
+                          active_goals_count=len(active_goals),
+                          pending_tasks=pending_tasks,
+                          in_progress_tasks=in_progress_tasks)
diff --git a/app/routes/reports.py b/app/routes/reports.py
new file mode 100644
index 0000000..6ee58ba
--- /dev/null
+++ b/app/routes/reports.py
@@ -0,0 +1,177 @@
+from flask import render_template, redirect, url_for, flash, request
+from flask_login import login_required, current_user
+from app import db
+from app.routes import reports
+from app.models import LearningGoal, LearningTask, StudyRecord, StudyReport
+from datetime import datetime, timedelta
+from collections import defaultdict
+
+@reports.route('/')
+@login_required
+def list_reports():
+    reports_list = StudyReport.query.filter_by(
+        user_id=current_user.id
+    ).order_by(StudyReport.created_at.desc()).all()
+    return render_template('reports/list.html', reports=reports_list)
+
+@reports.route('/generate', methods=['GET', 'POST'])
+@login_required
+def generate_report():
+    if request.method == 'POST':
+        report_type = request.form.get('report_type', 'weekly')
+        custom_start = request.form.get('start_date')
+        custom_end = request.form.get('end_date')
+        
+        end_date = datetime.utcnow()
+        
+        if report_type == 'weekly':
+            start_date = end_date - timedelta(weeks=1)
+        elif report_type == 'monthly':
+            start_date = end_date - timedelta(days=30)
+        elif report_type == 'custom' and custom_start and custom_end:
+            try:
+                start_date = datetime.strptime(custom_start, '%Y-%m-%d')
+                end_date = datetime.strptime(custom_end, '%Y-%m-%d')
+            except ValueError:
+                flash('日期格式错误，请使用YYYY-MM-DD格式')
+                return redirect(url_for('reports.generate_report'))
+        else:
+            start_date = end_date - timedelta(weeks=1)
+        
+        report = create_study_report(current_user.id, start_date, end_date, report_type)
+        
+        flash('学习报告生成成功！')
+        return redirect(url_for('reports.view_report', report_id=report.id))
+    
+    return render_template('reports/generate.html')
+
+@reports.route('/<int:report_id>')
+@login_required
+def view_report(report_id):
+    report = StudyReport.query.get_or_404(report_id)
+    if report.user_id != current_user.id:
+        flash('无权访问此报告')
+        return redirect(url_for('reports.list_reports'))
+    
+    return render_template('reports/view.html', report=report)
+
+@reports.route('/history')
+@login_required
+def view_history():
+    page = request.args.get('page', 1, type=int)
+    per_page = 20
+    
+    goals = LearningGoal.query.filter_by(
+        user_id=current_user.id
+    ).order_by(LearningGoal.created_at.desc()).paginate(page=page, per_page=per_page, error_out=False)
+    
+    completed_goals = LearningGoal.query.filter_by(
+        user_id=current_user.id,
+        status='completed'
+    ).count()
+    
+    all_goals = LearningGoal.query.filter_by(
+        user_id=current_user.id
+    ).count()
+    
+    total_study_hours = db.session.query(
+        db.func.sum(StudyRecord.duration_minutes)
+    ).join(LearningTask).join(LearningGoal).filter(
+        LearningGoal.user_id == current_user.id
+    ).scalar() or 0
+    
+    stats = {
+        'total_goals': all_goals,
+        'completed_goals': completed_goals,
+        'completion_rate': round((completed_goals / all_goals * 100), 1) if all_goals > 0 else 0,
+        'total_study_hours': round(total_study_hours / 60, 2)
+    }
+    
+    return render_template('reports/history.html', goals=goals, stats=stats)
+
+def create_study_report(user_id, start_date, end_date, report_type):
+    study_records = StudyRecord.query.join(LearningTask).join(LearningGoal).filter(
+        LearningGoal.user_id == user_id,
+        StudyRecord.start_time >= start_date,
+        StudyRecord.start_time <= end_date
+    ).all()
+    
+    total_minutes = sum((r.duration_minutes or 0) for r in study_records)
+    total_hours = round(total_minutes / 60, 2)
+    
+    tasks = LearningTask.query.join(LearningGoal).filter(
+        LearningGoal.user_id == user_id
+    ).all()
+    
+    total_tasks = len(tasks)
+    completed_tasks = len([t for t in tasks if t.status == 'completed'])
+    
+    daily_stats = defaultdict(int)
+    for record in study_records:
+        if record.start_time:
+            date_key = record.start_time.date().isoformat()
+            daily_stats[date_key] += (record.duration_minutes or 0)
+    
+    goals_progress = []
+    goals = LearningGoal.query.filter_by(user_id=user_id, status='active').all()
+    for goal in goals:
+        goal_tasks = LearningTask.query.filter_by(goal_id=goal.id).all()
+        total_goal_tasks = len(goal_tasks)
+        completed_goal_tasks = len([t for t in goal_tasks if t.status == 'completed'])
+        progress = round((completed_goal_tasks / total_goal_tasks * 100), 1) if total_goal_tasks > 0 else 0
+        
+        goals_progress.append({
+            'goal_title': goal.title,
+            'total_tasks': total_goal_tasks,
+            'completed_tasks': completed_goal_tasks,
+            'progress': progress
+        })
+    
+    recommendations = generate_recommendations(total_hours, completed_tasks, total_tasks, goals_progress)
+    
+    report = StudyReport(
+        user_id=user_id,
+        report_type=report_type,
+        start_date=start_date,
+        end_date=end_date,
+        total_study_hours=total_hours,
+        completed_tasks=completed_tasks,
+        total_tasks=total_tasks,
+        goals_progress=str(goals_progress),
+        recommendations=recommendations
+    )
+    
+    db.session.add(report)
+    db.session.commit()
+    
+    return report
+
+def generate_recommendations(total_hours, completed_tasks, total_tasks, goals_progress):
+    recommendations = []
+    
+    if total_hours < 5:
+        recommendations.append("本周学习时间较少，建议每天安排至少1-2小时的固定学习时间。")
+    elif total_hours < 10:
+        recommendations.append("学习时间尚可，继续保持，可以尝试增加学习深度。")
+    else:
+        recommendations.append("本周学习时间充足，继续保持良好的学习习惯！")
+    
+    if total_tasks > 0:
+        completion_rate = completed_tasks / total_tasks
+        if completion_rate < 0.3:
+            recommendations.append("任务完成率较低，建议先专注于完成高优先级任务，或减少每周任务量。")
+        elif completion_rate < 0.6:
+            recommendations.append("任务完成率一般，可以尝试将大任务拆分成更小的子任务。")
+        else:
+            recommendations.append("任务完成率不错，继续保持高效的执行力！")
+    
+    for goal in goals_progress:
+        if goal['progress'] < 30:
+            recommendations.append(f"目标「{goal['goal_title']}」进度较慢，建议增加对此目标的关注。")
+        elif goal['progress'] >= 80:
+            recommendations.append(f"目标「{goal['goal_title']}」进展良好，继续保持！")
+    
+    if not recommendations:
+        recommendations.append("继续保持当前的学习节奏，定期回顾和调整学习计划。")
+    
+    return "\n\n".join(recommendations)
diff --git a/app/routes/tasks.py b/app/routes/tasks.py
new file mode 100644
index 0000000..006b3e2
--- /dev/null
+++ b/app/routes/tasks.py
@@ -0,0 +1,251 @@
+from flask import render_template, redirect, url_for, flash, request, jsonify
+from flask_login import login_required, current_user
+from app import db
+from app.routes import tasks
+from app.models import LearningGoal, LearningTask, StudyRecord, TaskReminder
+from datetime import datetime, timedelta
+
+@tasks.route('/create/<int:goal_id>', methods=['GET', 'POST'])
+@login_required
+def create_task(goal_id):
+    goal = LearningGoal.query.get_or_404(goal_id)
+    if goal.user_id != current_user.id:
+        flash('无权为此目标创建任务')
+        return redirect(url_for('goals.list_goals'))
+    
+    parent_task_id = request.args.get('parent_task_id', type=int)
+    parent_task = None
+    if parent_task_id:
+        parent_task = LearningTask.query.get(parent_task_id)
+    
+    if request.method == 'POST':
+        title = request.form.get('title')
+        description = request.form.get('description')
+        priority = request.form.get('priority', 'medium')
+        estimated_hours = request.form.get('estimated_hours', 0, type=float)
+        deadline_str = request.form.get('deadline')
+        parent_id = request.form.get('parent_task_id', type=int)
+        
+        if not title:
+            flash('请输入任务标题')
+            return redirect(url_for('tasks.create_task', goal_id=goal_id, parent_task_id=parent_task_id))
+        
+        deadline = None
+        if deadline_str:
+            try:
+                deadline = datetime.strptime(deadline_str, '%Y-%m-%d')
+            except ValueError:
+                flash('日期格式错误，请使用YYYY-MM-DD格式')
+                return redirect(url_for('tasks.create_task', goal_id=goal_id, parent_task_id=parent_task_id))
+        
+        task = LearningTask(
+            title=title,
+            description=description,
+            goal_id=goal_id,
+            parent_task_id=parent_id,
+            priority=priority,
+            estimated_hours=estimated_hours,
+            deadline=deadline
+        )
+        db.session.add(task)
+        db.session.commit()
+        
+        flash('学习任务创建成功！')
+        return redirect(url_for('tasks.view_task', task_id=task.id))
+    
+    return render_template('tasks/create.html', goal=goal, parent_task=parent_task)
+
+@tasks.route('/<int:task_id>')
+@login_required
+def view_task(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        flash('无权访问此任务')
+        return redirect(url_for('goals.list_goals'))
+    
+    subtasks = LearningTask.query.filter_by(parent_task_id=task_id).order_by(LearningTask.created_at.desc()).all()
+    study_records = StudyRecord.query.filter_by(task_id=task_id).order_by(StudyRecord.start_time.desc()).all()
+    reminders = TaskReminder.query.filter_by(task_id=task_id).order_by(TaskReminder.reminder_time).all()
+    
+    total_duration = sum((r.duration_minutes or 0) for r in study_records)
+    total_hours = round(total_duration / 60, 2)
+    
+    return render_template('tasks/view.html', 
+                          task=task, 
+                          subtasks=subtasks, 
+                          study_records=study_records,
+                          reminders=reminders,
+                          total_hours=total_hours)
+
+@tasks.route('/<int:task_id>/edit', methods=['GET', 'POST'])
+@login_required
+def edit_task(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        flash('无权编辑此任务')
+        return redirect(url_for('goals.list_goals'))
+    
+    if request.method == 'POST':
+        task.title = request.form.get('title')
+        task.description = request.form.get('description')
+        task.status = request.form.get('status', 'pending')
+        task.progress = request.form.get('progress', 0, type=int)
+        task.priority = request.form.get('priority', 'medium')
+        task.estimated_hours = request.form.get('estimated_hours', 0, type=float)
+        
+        deadline_str = request.form.get('deadline')
+        if deadline_str:
+            try:
+                task.deadline = datetime.strptime(deadline_str, '%Y-%m-%d')
+            except ValueError:
+                flash('日期格式错误，请使用YYYY-MM-DD格式')
+                return redirect(url_for('tasks.edit_task', task_id=task.id))
+        
+        if task.status == 'completed' and task.progress < 100:
+            task.progress = 100
+            task.completed_at = datetime.utcnow()
+        
+        db.session.commit()
+        flash('学习任务更新成功！')
+        return redirect(url_for('tasks.view_task', task_id=task.id))
+    
+    return render_template('tasks/edit.html', task=task)
+
+@tasks.route('/<int:task_id>/delete', methods=['POST'])
+@login_required
+def delete_task(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        flash('无权删除此任务')
+        return redirect(url_for('goals.list_goals'))
+    
+    goal_id = task.goal_id
+    db.session.delete(task)
+    db.session.commit()
+    flash('学习任务已删除')
+    return redirect(url_for('goals.view_goal', goal_id=goal_id))
+
+@tasks.route('/<int:task_id>/progress', methods=['POST'])
+@login_required
+def update_progress(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        return jsonify({'success': False, 'message': '无权操作此任务'}), 403
+    
+    progress = request.form.get('progress', type=int)
+    if progress is not None:
+        task.progress = min(100, max(0, progress))
+        if task.progress >= 100:
+            task.status = 'completed'
+            task.completed_at = datetime.utcnow()
+        elif task.progress > 0:
+            task.status = 'in_progress'
+        
+        db.session.commit()
+        return jsonify({'success': True, 'progress': task.progress, 'status': task.status})
+    
+    return jsonify({'success': False, 'message': '参数错误'}), 400
+
+@tasks.route('/<int:task_id>/start-study', methods=['POST'])
+@login_required
+def start_study(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        return jsonify({'success': False, 'message': '无权操作此任务'}), 403
+    
+    active_record = StudyRecord.query.filter_by(
+        task_id=task_id,
+        end_time=None
+    ).first()
+    
+    if active_record:
+        return jsonify({'success': False, 'message': '已有进行中的学习记录'}), 400
+    
+    study_record = StudyRecord(
+        task_id=task_id,
+        start_time=datetime.utcnow()
+    )
+    db.session.add(study_record)
+    
+    if task.status == 'pending':
+        task.status = 'in_progress'
+    
+    db.session.commit()
+    
+    return jsonify({
+        'success': True, 
+        'record_id': study_record.id,
+        'start_time': study_record.start_time.isoformat()
+    })
+
+@tasks.route('/<int:task_id>/stop-study', methods=['POST'])
+@login_required
+def stop_study(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        return jsonify({'success': False, 'message': '无权操作此任务'}), 403
+    
+    active_record = StudyRecord.query.filter_by(
+        task_id=task_id,
+        end_time=None
+    ).first()
+    
+    if not active_record:
+        return jsonify({'success': False, 'message': '没有进行中的学习记录'}), 400
+    
+    active_record.end_time = datetime.utcnow()
+    duration = (active_record.end_time - active_record.start_time).total_seconds()
+    active_record.duration_minutes = int(duration / 60)
+    
+    task.actual_hours += active_record.duration_minutes / 60
+    
+    db.session.commit()
+    
+    return jsonify({
+        'success': True,
+        'duration_minutes': active_record.duration_minutes,
+        'total_hours': round(task.actual_hours, 2)
+    })
+
+@tasks.route('/<int:task_id>/add-reminder', methods=['POST'])
+@login_required
+def add_reminder(task_id):
+    task = LearningTask.query.get_or_404(task_id)
+    if task.goal.user_id != current_user.id:
+        flash('无权为此任务添加提醒')
+        return redirect(url_for('tasks.view_task', task_id=task_id))
+    
+    reminder_time_str = request.form.get('reminder_time')
+    message = request.form.get('message', '')
+    
+    try:
+        reminder_time = datetime.strptime(reminder_time_str, '%Y-%m-%d %H:%M')
+    except ValueError:
+        flash('提醒时间格式错误，请使用YYYY-MM-DD HH:MM格式')
+        return redirect(url_for('tasks.view_task', task_id=task_id))
+    
+    reminder = TaskReminder(
+        task_id=task_id,
+        reminder_time=reminder_time,
+        message=message
+    )
+    db.session.add(reminder)
+    db.session.commit()
+    
+    flash('提醒添加成功！')
+    return redirect(url_for('tasks.view_task', task_id=task_id))
+
+@tasks.route('/reminder/<int:reminder_id>/delete', methods=['POST'])
+@login_required
+def delete_reminder(reminder_id):
+    reminder = TaskReminder.query.get_or_404(reminder_id)
+    if reminder.task.goal.user_id != current_user.id:
+        flash('无权删除此提醒')
+        return redirect(url_for('goals.list_goals'))
+    
+    task_id = reminder.task_id
+    db.session.delete(reminder)
+    db.session.commit()
+    
+    flash('提醒已删除')
+    return redirect(url_for('tasks.view_task', task_id=task_id))
diff --git a/app/templates/base.html b/app/templates/base.html
new file mode 100644
index 0000000..2490296
--- /dev/null
+++ b/app/templates/base.html
@@ -0,0 +1,493 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}个人学习计划管理系统{% endblock %}</title>
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+        
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+            background-color: #f5f7fa;
+            color: #333;
+            line-height: 1.6;
+        }
+        
+        .container {
+            max-width: 1200px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+        
+        header {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 1rem 0;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+        }
+        
+        header .container {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        
+        header h1 {
+            font-size: 1.5rem;
+            font-weight: 600;
+        }
+        
+        nav a {
+            color: white;
+            text-decoration: none;
+            margin-left: 1.5rem;
+            font-weight: 500;
+            transition: opacity 0.2s;
+        }
+        
+        nav a:hover {
+            opacity: 0.8;
+        }
+        
+        main {
+            margin-top: 2rem;
+        }
+        
+        .card {
+            background: white;
+            border-radius: 8px;
+            padding: 1.5rem;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+            margin-bottom: 1.5rem;
+        }
+        
+        .card h2 {
+            font-size: 1.25rem;
+            margin-bottom: 1rem;
+            color: #1a1a2e;
+            border-bottom: 2px solid #667eea;
+            padding-bottom: 0.5rem;
+            display: inline-block;
+        }
+        
+        .flash-messages {
+            margin-bottom: 1.5rem;
+        }
+        
+        .flash-message {
+            padding: 1rem;
+            border-radius: 8px;
+            margin-bottom: 0.5rem;
+            font-weight: 500;
+        }
+        
+        .flash-message.success {
+            background-color: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+        
+        .flash-message.danger,
+        .flash-message.error {
+            background-color: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+        
+        .flash-message.warning {
+            background-color: #fff3cd;
+            color: #856404;
+            border: 1px solid #ffeeba;
+        }
+        
+        .flash-message.info {
+            background-color: #d1ecf1;
+            color: #0c5460;
+            border: 1px solid #bee5eb;
+        }
+        
+        .form-group {
+            margin-bottom: 1rem;
+        }
+        
+        .form-group label {
+            display: block;
+            margin-bottom: 0.5rem;
+            font-weight: 500;
+            color: #333;
+        }
+        
+        .form-group input[type="text"],
+        .form-group input[type="email"],
+        .form-group input[type="password"],
+        .form-group input[type="date"],
+        .form-group input[type="datetime-local"],
+        .form-group input[type="number"],
+        .form-group select,
+        .form-group textarea {
+            width: 100%;
+            padding: 0.75rem;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            font-size: 1rem;
+            transition: border-color 0.2s, box-shadow 0.2s;
+        }
+        
+        .form-group input:focus,
+        .form-group select:focus,
+        .form-group textarea:focus {
+            outline: none;
+            border-color: #667eea;
+            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
+        }
+        
+        .form-group textarea {
+            resize: vertical;
+            min-height: 100px;
+        }
+        
+        .btn {
+            display: inline-block;
+            padding: 0.75rem 1.5rem;
+            border: none;
+            border-radius: 4px;
+            font-size: 1rem;
+            font-weight: 500;
+            text-decoration: none;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        
+        .btn-primary {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+        }
+        
+        .btn-primary:hover {
+            transform: translateY(-1px);
+            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
+        }
+        
+        .btn-secondary {
+            background-color: #6c757d;
+            color: white;
+        }
+        
+        .btn-secondary:hover {
+            background-color: #5a6268;
+        }
+        
+        .btn-success {
+            background-color: #28a745;
+            color: white;
+        }
+        
+        .btn-success:hover {
+            background-color: #218838;
+        }
+        
+        .btn-danger {
+            background-color: #dc3545;
+            color: white;
+        }
+        
+        .btn-danger:hover {
+            background-color: #c82333;
+        }
+        
+        .btn-sm {
+            padding: 0.4rem 0.8rem;
+            font-size: 0.875rem;
+        }
+        
+        .btn-group {
+            display: flex;
+            gap: 0.5rem;
+        }
+        
+        .table {
+            width: 100%;
+            border-collapse: collapse;
+            margin-top: 1rem;
+        }
+        
+        .table th,
+        .table td {
+            padding: 1rem;
+            text-align: left;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .table th {
+            background-color: #f8f9fa;
+            font-weight: 600;
+            color: #333;
+        }
+        
+        .table tr:hover {
+            background-color: #f8f9fa;
+        }
+        
+        .badge {
+            display: inline-block;
+            padding: 0.25rem 0.5rem;
+            border-radius: 4px;
+            font-size: 0.75rem;
+            font-weight: 500;
+        }
+        
+        .badge-primary {
+            background-color: #667eea;
+            color: white;
+        }
+        
+        .badge-success {
+            background-color: #28a745;
+            color: white;
+        }
+        
+        .badge-warning {
+            background-color: #ffc107;
+            color: #212529;
+        }
+        
+        .badge-danger {
+            background-color: #dc3545;
+            color: white;
+        }
+        
+        .badge-secondary {
+            background-color: #6c757d;
+            color: white;
+        }
+        
+        .progress-bar {
+            width: 100%;
+            height: 20px;
+            background-color: #e9ecef;
+            border-radius: 10px;
+            overflow: hidden;
+        }
+        
+        .progress-bar .progress {
+            height: 100%;
+            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
+            border-radius: 10px;
+            transition: width 0.3s ease;
+        }
+        
+        .stats-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            gap: 1.5rem;
+            margin-bottom: 2rem;
+        }
+        
+        .stat-card {
+            background: white;
+            border-radius: 8px;
+            padding: 1.5rem;
+            text-align: center;
+            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+        }
+        
+        .stat-card h3 {
+            font-size: 2.5rem;
+            color: #667eea;
+            margin-bottom: 0.5rem;
+        }
+        
+        .stat-card p {
+            color: #6c757d;
+            font-size: 0.9rem;
+        }
+        
+        .task-item {
+            padding: 1rem;
+            border: 1px solid #eee;
+            border-radius: 8px;
+            margin-bottom: 1rem;
+            transition: all 0.2s;
+        }
+        
+        .task-item:hover {
+            border-color: #667eea;
+            box-shadow: 0 2px 10px rgba(102, 126, 234, 0.1);
+        }
+        
+        .task-item h4 {
+            margin-bottom: 0.5rem;
+        }
+        
+        .task-item .task-meta {
+            display: flex;
+            gap: 1rem;
+            flex-wrap: wrap;
+            font-size: 0.875rem;
+            color: #6c757d;
+        }
+        
+        .timer-container {
+            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+            color: white;
+            padding: 2rem;
+            border-radius: 8px;
+            text-align: center;
+            margin-bottom: 1.5rem;
+        }
+        
+        .timer-container .timer-display {
+            font-size: 3rem;
+            font-weight: 600;
+            font-family: 'Courier New', monospace;
+            margin-bottom: 1rem;
+        }
+        
+        .modal {
+            display: none;
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            background-color: rgba(0,0,0,0.5);
+            z-index: 1000;
+            justify-content: center;
+            align-items: center;
+        }
+        
+        .modal.show {
+            display: flex;
+        }
+        
+        .modal-content {
+            background: white;
+            border-radius: 8px;
+            padding: 2rem;
+            max-width: 500px;
+            width: 90%;
+            max-height: 80vh;
+            overflow-y: auto;
+        }
+        
+        .modal-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 1.5rem;
+        }
+        
+        .modal-header h3 {
+            margin: 0;
+        }
+        
+        .close-btn {
+            background: none;
+            border: none;
+            font-size: 1.5rem;
+            cursor: pointer;
+            color: #6c757d;
+        }
+        
+        .pagination {
+            display: flex;
+            justify-content: center;
+            gap: 0.5rem;
+            margin-top: 2rem;
+        }
+        
+        .pagination a {
+            padding: 0.5rem 1rem;
+            border: 1px solid #ddd;
+            border-radius: 4px;
+            text-decoration: none;
+            color: #667eea;
+            transition: all 0.2s;
+        }
+        
+        .pagination a:hover,
+        .pagination a.active {
+            background-color: #667eea;
+            color: white;
+            border-color: #667eea;
+        }
+        
+        .empty-state {
+            text-align: center;
+            padding: 3rem;
+            color: #6c757d;
+        }
+        
+        .empty-state p {
+            margin-bottom: 1rem;
+        }
+        
+        @media (max-width: 768px) {
+            header .container {
+                flex-direction: column;
+                gap: 1rem;
+            }
+            
+            nav {
+                display: flex;
+                flex-wrap: wrap;
+                justify-content: center;
+            }
+            
+            nav a {
+                margin: 0.5rem;
+            }
+            
+            .stats-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .table {
+                display: block;
+                overflow-x: auto;
+            }
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <div class="container">
+            <h1>📚 个人学习计划管理系统</h1>
+            <nav>
+                {% if current_user.is_authenticated %}
+                    <a href="{{ url_for('main.index') }}">首页</a>
+                    <a href="{{ url_for('goals.list_goals') }}">学习目标</a>
+                    <a href="{{ url_for('reports.list_reports') }}">学习报告</a>
+                    <a href="{{ url_for('reports.view_history') }}">历史记录</a>
+                    <span style="color: rgba(255,255,255,0.8); margin-left: 1.5rem;">欢迎, {{ current_user.username }}</span>
+                    <a href="{{ url_for('auth.logout') }}">退出</a>
+                {% else %}
+                    <a href="{{ url_for('auth.login') }}">登录</a>
+                    <a href="{{ url_for('auth.register') }}">注册</a>
+                {% endif %}
+            </nav>
+        </div>
+    </header>
+    
+    <main class="container">
+        {% with messages = get_flashed_messages() %}
+            {% if messages %}
+                <div class="flash-messages">
+                    {% for message in messages %}
+                        <div class="flash-message info">{{ message }}</div>
+                    {% endfor %}
+                </div>
+            {% endif %}
+        {% endwith %}
+        
+        {% block content %}{% endblock %}
+    </main>
+    
+    {% block scripts %}{% endblock %}
+</body>
+</html>
diff --git a/app/templates/goals/create.html b/app/templates/goals/create.html
new file mode 100644
index 0000000..812615a
--- /dev/null
+++ b/app/templates/goals/create.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+
+{% block title %}创建学习目标 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 600px;">
+    <h2>创建学习目标</h2>
+    <form method="POST" action="{{ url_for('goals.create_goal') }}">
+        <div class="form-group">
+            <label for="title">目标名称 *</label>
+            <input type="text" id="title" name="title" required placeholder="例如：学习Python编程">
+        </div>
+        <div class="form-group">
+            <label for="description">目标描述</label>
+            <textarea id="description" name="description" placeholder="详细描述你的学习目标..."></textarea>
+        </div>
+        <div class="form-group">
+            <label for="end_date">截止日期</label>
+            <input type="date" id="end_date" name="end_date">
+        </div>
+        <div class="btn-group">
+            <button type="submit" class="btn btn-primary">创建目标</button>
+            <a href="{{ url_for('goals.list_goals') }}" class="btn btn-secondary">取消</a>
+        </div>
+    </form>
+</div>
+{% endblock %}
diff --git a/app/templates/goals/edit.html b/app/templates/goals/edit.html
new file mode 100644
index 0000000..3578ba7
--- /dev/null
+++ b/app/templates/goals/edit.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+
+{% block title %}编辑学习目标 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 600px;">
+    <h2>编辑学习目标</h2>
+    <form method="POST" action="{{ url_for('goals.edit_goal', goal_id=goal.id) }}">
+        <div class="form-group">
+            <label for="title">目标名称 *</label>
+            <input type="text" id="title" name="title" value="{{ goal.title }}" required>
+        </div>
+        <div class="form-group">
+            <label for="description">目标描述</label>
+            <textarea id="description" name="description">{{ goal.description or '' }}</textarea>
+        </div>
+        <div class="form-group">
+            <label for="status">状态</label>
+            <select id="status" name="status">
+                <option value="active" {% if goal.status == 'active' %}selected{% endif %}>进行中</option>
+                <option value="completed" {% if goal.status == 'completed' %}selected{% endif %}>已完成</option>
+                <option value="paused" {% if goal.status == 'paused' %}selected{% endif %}>已暂停</option>
+            </select>
+        </div>
+        <div class="form-group">
+            <label for="end_date">截止日期</label>
+            <input type="date" id="end_date" name="end_date" value="{{ goal.end_date.strftime('%Y-%m-%d') if goal.end_date else '' }}">
+        </div>
+        <div class="btn-group">
+            <button type="submit" class="btn btn-primary">保存修改</button>
+            <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}" class="btn btn-secondary">取消</a>
+        </div>
+    </form>
+</div>
+
+<div class="card" style="max-width: 600px; margin-top: 2rem;">
+    <h3 style="color: #dc3545;">危险操作</h3>
+    <p style="margin-bottom: 1rem; color: #6c757d;">删除此目标将同时删除所有关联的任务和学习记录，此操作不可撤销。</p>
+    <form method="POST" action="{{ url_for('goals.delete_goal', goal_id=goal.id) }}" onsubmit="return confirm('确定要删除此学习目标吗？此操作不可撤销！')">
+        <button type="submit" class="btn btn-danger">删除此目标</button>
+    </form>
+</div>
+{% endblock %}
diff --git a/app/templates/goals/list.html b/app/templates/goals/list.html
new file mode 100644
index 0000000..906d90f
--- /dev/null
+++ b/app/templates/goals/list.html
@@ -0,0 +1,77 @@
+{% extends "base.html" %}
+
+{% block title %}学习目标 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+        <h2>学习目标列表</h2>
+        <a href="{{ url_for('goals.create_goal') }}" class="btn btn-primary">创建新目标</a>
+    </div>
+    
+    <div style="margin-bottom: 1rem;">
+        <div class="btn-group">
+            <a href="{{ url_for('goals.list_goals', status='active') }}" class="btn {% if current_status == 'active' %}btn-primary{% else %}btn-secondary{% endif %}">进行中</a>
+            <a href="{{ url_for('goals.list_goals', status='completed') }}" class="btn {% if current_status == 'completed' %}btn-primary{% else %}btn-secondary{% endif %}">已完成</a>
+            <a href="{{ url_for('goals.list_goals', status='all') }}" class="btn {% if current_status == 'all' %}btn-primary{% else %}btn-secondary{% endif %}">全部</a>
+        </div>
+    </div>
+    
+    {% if goals %}
+    <div class="table-responsive">
+        <table class="table">
+            <thead>
+                <tr>
+                    <th>目标名称</th>
+                    <th>创建日期</th>
+                    <th>截止日期</th>
+                    <th>状态</th>
+                    <th>任务数</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for goal in goals %}
+                <tr>
+                    <td>
+                        <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}">
+                            <strong>{{ goal.title }}</strong>
+                        </a>
+                        {% if goal.description %}
+                        <br>
+                        <small style="color: #6c757d;">{{ goal.description[:50] }}{% if goal.description|length > 50 %}...{% endif %}</small>
+                        {% endif %}
+                    </td>
+                    <td>{{ goal.created_at.strftime('%Y-%m-%d') if goal.created_at else '-' }}</td>
+                    <td>{{ goal.end_date.strftime('%Y-%m-%d') if goal.end_date else '-' }}</td>
+                    <td>
+                        {% if goal.status == 'active' %}
+                            <span class="badge badge-primary">进行中</span>
+                        {% elif goal.status == 'completed' %}
+                            <span class="badge badge-success">已完成</span>
+                        {% elif goal.status == 'paused' %}
+                            <span class="badge badge-warning">已暂停</span>
+                        {% else %}
+                            <span class="badge badge-secondary">{{ goal.status }}</span>
+                        {% endif %}
+                    </td>
+                    <td>{{ goal.tasks.count() }}</td>
+                    <td>
+                        <div class="btn-group">
+                            <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}" class="btn btn-sm btn-secondary">查看</a>
+                            <a href="{{ url_for('goals.edit_goal', goal_id=goal.id) }}" class="btn btn-sm btn-primary">编辑</a>
+                        </div>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    {% else %}
+    <div class="empty-state">
+        <p>还没有任何学习目标</p>
+        <a href="{{ url_for('goals.create_goal') }}" class="btn btn-primary">创建第一个学习目标</a>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/app/templates/goals/view.html b/app/templates/goals/view.html
new file mode 100644
index 0000000..55065d1
--- /dev/null
+++ b/app/templates/goals/view.html
@@ -0,0 +1,188 @@
+{% extends "base.html" %}
+
+{% block title %}{{ goal.title }} - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: start;">
+        <div>
+            <h2>{{ goal.title }}</h2>
+            <div class="task-meta" style="margin-top: 0.5rem;">
+                <span>创建日期: {{ goal.created_at.strftime('%Y-%m-%d') if goal.created_at else '-' }}</span>
+                {% if goal.end_date %}
+                <span>截止日期: {{ goal.end_date.strftime('%Y-%m-%d') }}</span>
+                {% endif %}
+                <span>状态: 
+                    {% if goal.status == 'active' %}
+                        <span class="badge badge-primary">进行中</span>
+                    {% elif goal.status == 'completed' %}
+                        <span class="badge badge-success">已完成</span>
+                    {% elif goal.status == 'paused' %}
+                        <span class="badge badge-warning">已暂停</span>
+                    {% else %}
+                        <span class="badge badge-secondary">{{ goal.status }}</span>
+                    {% endif %}
+                </span>
+            </div>
+        </div>
+        <div class="btn-group">
+            <a href="{{ url_for('tasks.create_task', goal_id=goal.id) }}" class="btn btn-primary">添加任务</a>
+            <a href="{{ url_for('goals.edit_goal', goal_id=goal.id) }}" class="btn btn-secondary">编辑</a>
+        </div>
+    </div>
+    
+    {% if goal.description %}
+    <div style="margin-top: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 4px;">
+        <strong>目标描述:</strong><br>
+        {{ goal.description }}
+    </div>
+    {% endif %}
+</div>
+
+<div class="stats-grid">
+    <div class="stat-card">
+        <h3>{{ stats.total }}</h3>
+        <p>总任务数</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ stats.completed }}</h3>
+        <p>已完成</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ stats.in_progress }}</h3>
+        <p>进行中</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ stats.completion_rate }}%</h3>
+        <p>完成率</p>
+    </div>
+</div>
+
+<div class="card">
+    <h2>进度概览</h2>
+    <div class="progress-bar" style="height: 30px; margin-top: 1rem;">
+        <div class="progress" style="width: {{ stats.completion_rate }}%;"></div>
+    </div>
+    <p style="margin-top: 0.5rem; text-align: center; font-weight: 500;">
+        {% if stats.completion_rate == 100 %}
+            恭喜！所有任务已完成！
+        {% elif stats.completion_rate >= 80 %}
+            进度良好，继续保持！
+        {% elif stats.completion_rate >= 50 %}
+            已过半，继续加油！
+        {% else %}
+            还需要更多努力！
+        {% endif %}
+    </p>
+</div>
+
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h2>任务列表</h2>
+        <a href="{{ url_for('tasks.create_task', goal_id=goal.id) }}" class="btn btn-primary">添加任务</a>
+    </div>
+    
+    {% if tasks %}
+    {% for task in tasks %}
+    <div class="task-item">
+        <div style="display: flex; justify-content: space-between; align-items: start;">
+            <div style="flex: 1;">
+                <h4>
+                    <a href="{{ url_for('tasks.view_task', task_id=task.id) }}">
+                        {% if task.status == 'completed' %}<s>{% endif %}
+                        {{ task.title }}
+                        {% if task.status == 'completed' %}</s>{% endif %}
+                    </a>
+                </h4>
+                {% if task.description %}
+                <p style="color: #6c757d; font-size: 0.9rem; margin: 0.5rem 0;">{{ task.description[:100] }}{% if task.description|length > 100 %}...{% endif %}</p>
+                {% endif %}
+                <div class="task-meta">
+                    <span>状态: 
+                        {% if task.status == 'pending' %}
+                            <span class="badge badge-secondary">待开始</span>
+                        {% elif task.status == 'in_progress' %}
+                            <span class="badge badge-primary">进行中</span>
+                        {% elif task.status == 'completed' %}
+                            <span class="badge badge-success">已完成</span>
+                        {% else %}
+                            <span class="badge badge-secondary">{{ task.status }}</span>
+                        {% endif %}
+                    </span>
+                    <span>优先级: 
+                        {% if task.priority == 'high' %}
+                            <span class="badge badge-danger">高</span>
+                        {% elif task.priority == 'medium' %}
+                            <span class="badge badge-warning">中</span>
+                        {% else %}
+                            <span class="badge badge-secondary">低</span>
+                        {% endif %}
+                    </span>
+                    <span>进度: {{ task.progress }}%</span>
+                    {% if task.deadline %}
+                    <span>截止: {{ task.deadline.strftime('%Y-%m-%d') }}</span>
+                    {% endif %}
+                    {% if task.subtasks|length > 0 %}
+                    <span>子任务: {{ task.subtasks|length }} 个</span>
+                    {% endif %}
+                </div>
+                <div style="margin-top: 0.5rem;">
+                    <div class="progress-bar">
+                        <div class="progress" style="width: {{ task.progress }}%;"></div>
+                    </div>
+                </div>
+            </div>
+            <div class="btn-group" style="margin-left: 1rem;">
+                {% if task.status != 'completed' %}
+                <button class="btn btn-sm btn-primary start-study-btn" data-task-id="{{ task.id }}">开始学习</button>
+                {% endif %}
+                <a href="{{ url_for('tasks.view_task', task_id=task.id) }}" class="btn btn-sm btn-secondary">详情</a>
+                <a href="{{ url_for('tasks.create_task', goal_id=goal.id, parent_task_id=task.id) }}" class="btn btn-sm btn-success">添加子任务</a>
+            </div>
+        </div>
+        
+        {% if task.subtasks %}
+        <div style="margin-left: 2rem; margin-top: 1rem; padding-left: 1rem; border-left: 3px solid #667eea;">
+            <strong style="display: block; margin-bottom: 0.5rem;">子任务:</strong>
+            {% for subtask in task.subtasks %}
+            <div class="task-item" style="margin-bottom: 0.5rem; padding: 0.75rem;">
+                <div style="display: flex; justify-content: space-between; align-items: center;">
+                    <div>
+                        <a href="{{ url_for('tasks.view_task', task_id=subtask.id) }}">
+                            {% if subtask.status == 'completed' %}<s>{% endif %}
+                            {{ subtask.title }}
+                            {% if subtask.status == 'completed' %}</s>{% endif %}
+                        </a>
+                        <span style="margin-left: 0.5rem;" class="badge {% if subtask.status == 'completed' %}badge-success{% elif subtask.status == 'in_progress' %}badge-primary{% else %}badge-secondary{% endif %}">
+                            {{ subtask.progress }}%
+                        </span>
+                    </div>
+                    <div class="btn-group">
+                        <a href="{{ url_for('tasks.view_task', task_id=subtask.id) }}" class="btn btn-sm btn-secondary">详情</a>
+                    </div>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+        {% endif %}
+    </div>
+    {% endfor %}
+    {% else %}
+    <div class="empty-state">
+        <p>还没有任何任务</p>
+        <a href="{{ url_for('tasks.create_task', goal_id=goal.id) }}" class="btn btn-primary">添加第一个任务</a>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+document.querySelectorAll('.start-study-btn').forEach(btn => {
+    btn.addEventListener('click', function() {
+        const taskId = this.dataset.taskId;
+        location.href = `{{ url_for('tasks.view_task', task_id=0) }}`.replace('0', taskId);
+    });
+});
+</script>
+{% endblock %}
diff --git a/app/templates/index.html b/app/templates/index.html
new file mode 100644
index 0000000..4d160df
--- /dev/null
+++ b/app/templates/index.html
@@ -0,0 +1,238 @@
+{% extends "base.html" %}
+
+{% block title %}首页 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="stats-grid">
+    <div class="stat-card">
+        <h3>{{ today_hours }}</h3>
+        <p>今日学习时长（小时）</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ active_goals_count }}</h3>
+        <p>进行中的学习目标</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ pending_tasks|length }}</h3>
+        <p>待完成的任务</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ in_progress_tasks|length }}</h3>
+        <p>进行中的任务</p>
+    </div>
+</div>
+
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+        <h2>快速操作</h2>
+    </div>
+    <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+        <a href="{{ url_for('goals.create_goal') }}" class="btn btn-primary">创建新目标</a>
+        <a href="{{ url_for('goals.list_goals') }}" class="btn btn-secondary">查看所有目标</a>
+        <a href="{{ url_for('reports.generate_report') }}" class="btn btn-success">生成学习报告</a>
+    </div>
+</div>
+
+{% if in_progress_tasks %}
+<div class="card">
+    <h2>进行中的任务</h2>
+    {% for task in in_progress_tasks %}
+    <div class="task-item">
+        <div style="display: flex; justify-content: space-between; align-items: start;">
+            <div>
+                <h4><a href="{{ url_for('tasks.view_task', task_id=task.id) }}">{{ task.title }}</a></h4>
+                <div class="task-meta">
+                    <span>所属目标: {{ task.goal.title }}</span>
+                    <span>优先级: 
+                        {% if task.priority == 'high' %}
+                            <span class="badge badge-danger">高</span>
+                        {% elif task.priority == 'medium' %}
+                            <span class="badge badge-warning">中</span>
+                        {% else %}
+                            <span class="badge badge-secondary">低</span>
+                        {% endif %}
+                    </span>
+                    {% if task.deadline %}
+                    <span>截止日期: {{ task.deadline.strftime('%Y-%m-%d') }}</span>
+                    {% endif %}
+                </div>
+                <div style="margin-top: 0.5rem;">
+                    <div class="progress-bar">
+                        <div class="progress" style="width: {{ task.progress }}%;"></div>
+                    </div>
+                    <span style="font-size: 0.875rem; color: #6c757d;">进度: {{ task.progress }}%</span>
+                </div>
+            </div>
+            <div class="btn-group">
+                <button class="btn btn-primary btn-sm start-study-btn" data-task-id="{{ task.id }}">开始学习</button>
+                <a href="{{ url_for('tasks.view_task', task_id=task.id) }}" class="btn btn-secondary btn-sm">详情</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+
+{% if pending_tasks %}
+<div class="card">
+    <h2>待开始的任务</h2>
+    {% for task in pending_tasks %}
+    <div class="task-item">
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+            <div>
+                <h4><a href="{{ url_for('tasks.view_task', task_id=task.id) }}">{{ task.title }}</a></h4>
+                <div class="task-meta">
+                    <span>所属目标: {{ task.goal.title }}</span>
+                    <span>优先级: 
+                        {% if task.priority == 'high' %}
+                            <span class="badge badge-danger">高</span>
+                        {% elif task.priority == 'medium' %}
+                            <span class="badge badge-warning">中</span>
+                        {% else %}
+                            <span class="badge badge-secondary">低</span>
+                        {% endif %}
+                    </span>
+                    {% if task.deadline %}
+                    <span>截止日期: {{ task.deadline.strftime('%Y-%m-%d') }}</span>
+                    {% endif %}
+                </div>
+            </div>
+            <div class="btn-group">
+                <button class="btn btn-primary btn-sm start-study-btn" data-task-id="{{ task.id }}">开始学习</button>
+                <a href="{{ url_for('tasks.view_task', task_id=task.id) }}" class="btn btn-secondary btn-sm">详情</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+
+{% if not in_progress_tasks and not pending_tasks %}
+<div class="card">
+    <div class="empty-state">
+        <p>还没有任何学习任务</p>
+        <a href="{{ url_for('goals.create_goal') }}" class="btn btn-primary">创建第一个学习目标</a>
+    </div>
+</div>
+{% endif %}
+
+<div id="studyTimerModal" class="modal">
+    <div class="modal-content" style="max-width: 400px;">
+        <div class="modal-header">
+            <h3>学习计时</h3>
+            <button class="close-btn" onclick="closeTimerModal()">&times;</button>
+        </div>
+        <div class="timer-container">
+            <div class="timer-display" id="timerDisplay">00:00:00</div>
+            <p id="timerTaskTitle"></p>
+        </div>
+        <div style="text-align: center;">
+            <button class="btn btn-danger" id="stopStudyBtn" style="width: 100%;">结束学习</button>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+let timerInterval = null;
+let currentTaskId = null;
+let startTime = null;
+
+document.querySelectorAll('.start-study-btn').forEach(btn => {
+    btn.addEventListener('click', function() {
+        const taskId = this.dataset.taskId;
+        startStudy(taskId);
+    });
+});
+
+document.getElementById('stopStudyBtn').addEventListener('click', function() {
+    stopStudy();
+});
+
+async function startStudy(taskId) {
+    try {
+        const response = await fetch(`/tasks/${taskId}/start-study`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            }
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            currentTaskId = taskId;
+            startTime = new Date();
+            document.getElementById('timerTaskTitle').textContent = '正在学习...';
+            document.getElementById('studyTimerModal').classList.add('show');
+            startTimer();
+        } else {
+            alert(data.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('开始学习失败，请重试');
+    }
+}
+
+async function stopStudy() {
+    if (!currentTaskId) return;
+    
+    try {
+        const response = await fetch(`/tasks/${currentTaskId}/stop-study`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            }
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            stopTimer();
+            closeTimerModal();
+            alert(`本次学习时长: ${data.duration_minutes} 分钟\n累计学习: ${data.total_hours} 小时`);
+            location.reload();
+        } else {
+            alert(data.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('结束学习失败，请重试');
+    }
+}
+
+function startTimer() {
+    timerInterval = setInterval(updateTimer, 1000);
+}
+
+function stopTimer() {
+    if (timerInterval) {
+        clearInterval(timerInterval);
+        timerInterval = null;
+    }
+}
+
+function updateTimer() {
+    if (!startTime) return;
+    
+    const now = new Date();
+    const diff = Math.floor((now - startTime) / 1000);
+    
+    const hours = Math.floor(diff / 3600);
+    const minutes = Math.floor((diff % 3600) / 60);
+    const seconds = diff % 60;
+    
+    document.getElementById('timerDisplay').textContent = 
+        `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+}
+
+function closeTimerModal() {
+    document.getElementById('studyTimerModal').classList.remove('show');
+    if (confirm('确定要结束学习吗？')) {
+        stopStudy();
+    }
+}
+</script>
+{% endblock %}
diff --git a/app/templates/login.html b/app/templates/login.html
new file mode 100644
index 0000000..2fc8c72
--- /dev/null
+++ b/app/templates/login.html
@@ -0,0 +1,29 @@
+{% extends "base.html" %}
+
+{% block title %}登录 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 400px; margin: 4rem auto;">
+    <h2>用户登录</h2>
+    <form method="POST" action="{{ url_for('auth.login') }}">
+        <div class="form-group">
+            <label for="username">用户名</label>
+            <input type="text" id="username" name="username" required>
+        </div>
+        <div class="form-group">
+            <label for="password">密码</label>
+            <input type="password" id="password" name="password" required>
+        </div>
+        <div class="form-group">
+            <label style="display: flex; align-items: center; cursor: pointer;">
+                <input type="checkbox" name="remember" style="margin-right: 0.5rem;">
+                记住我
+            </label>
+        </div>
+        <button type="submit" class="btn btn-primary" style="width: 100%;">登录</button>
+    </form>
+    <p style="text-align: center; margin-top: 1.5rem;">
+        还没有账号？ <a href="{{ url_for('auth.register') }}">立即注册</a>
+    </p>
+</div>
+{% endblock %}
diff --git a/app/templates/register.html b/app/templates/register.html
new file mode 100644
index 0000000..2992a3b
--- /dev/null
+++ b/app/templates/register.html
@@ -0,0 +1,31 @@
+{% extends "base.html" %}
+
+{% block title %}注册 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 400px; margin: 4rem auto;">
+    <h2>用户注册</h2>
+    <form method="POST" action="{{ url_for('auth.register') }}">
+        <div class="form-group">
+            <label for="username">用户名</label>
+            <input type="text" id="username" name="username" required>
+        </div>
+        <div class="form-group">
+            <label for="email">邮箱</label>
+            <input type="email" id="email" name="email" required>
+        </div>
+        <div class="form-group">
+            <label for="password">密码</label>
+            <input type="password" id="password" name="password" required>
+        </div>
+        <div class="form-group">
+            <label for="password2">确认密码</label>
+            <input type="password" id="password2" name="password2" required>
+        </div>
+        <button type="submit" class="btn btn-primary" style="width: 100%;">注册</button>
+    </form>
+    <p style="text-align: center; margin-top: 1.5rem;">
+        已有账号？ <a href="{{ url_for('auth.login') }}">立即登录</a>
+    </p>
+</div>
+{% endblock %}
diff --git a/app/templates/reports/generate.html b/app/templates/reports/generate.html
new file mode 100644
index 0000000..00088e3
--- /dev/null
+++ b/app/templates/reports/generate.html
@@ -0,0 +1,54 @@
+{% extends "base.html" %}
+
+{% block title %}生成学习报告 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 600px;">
+    <h2>生成学习报告</h2>
+    <form method="POST" action="{{ url_for('reports.generate_report') }}">
+        <div class="form-group">
+            <label for="report_type">报告类型</label>
+            <select id="report_type" name="report_type" onchange="toggleCustomDates()">
+                <option value="weekly">周报（最近7天）</option>
+                <option value="monthly">月报（最近30天）</option>
+                <option value="custom">自定义时间段</option>
+            </select>
+        </div>
+        
+        <div id="customDates" style="display: none;">
+            <div class="form-group">
+                <label for="start_date">开始日期</label>
+                <input type="date" id="start_date" name="start_date">
+            </div>
+            <div class="form-group">
+                <label for="end_date">结束日期</label>
+                <input type="date" id="end_date" name="end_date">
+            </div>
+        </div>
+        
+        <div class="btn-group">
+            <button type="submit" class="btn btn-primary">生成报告</button>
+            <a href="{{ url_for('reports.list_reports') }}" class="btn btn-secondary">取消</a>
+        </div>
+    </form>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+function toggleCustomDates() {
+    const reportType = document.getElementById('report_type').value;
+    const customDates = document.getElementById('customDates');
+    
+    if (reportType === 'custom') {
+        customDates.style.display = 'block';
+        document.getElementById('start_date').required = true;
+        document.getElementById('end_date').required = true;
+    } else {
+        customDates.style.display = 'none';
+        document.getElementById('start_date').required = false;
+        document.getElementById('end_date').required = false;
+    }
+}
+</script>
+{% endblock %}
diff --git a/app/templates/reports/history.html b/app/templates/reports/history.html
new file mode 100644
index 0000000..f90f81f
--- /dev/null
+++ b/app/templates/reports/history.html
@@ -0,0 +1,110 @@
+{% extends "base.html" %}
+
+{% block title %}历史学习记录 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <h2>总体统计</h2>
+    <div class="stats-grid" style="margin-bottom: 0;">
+        <div class="stat-card">
+            <h3>{{ stats.total_goals }}</h3>
+            <p>总目标数</p>
+        </div>
+        <div class="stat-card">
+            <h3>{{ stats.completed_goals }}</h3>
+            <p>已完成目标</p>
+        </div>
+        <div class="stat-card">
+            <h3>{{ stats.completion_rate }}%</h3>
+            <p>目标完成率</p>
+        </div>
+        <div class="stat-card">
+            <h3>{{ stats.total_study_hours }}</h3>
+            <p>总学习时长（小时）</p>
+        </div>
+    </div>
+</div>
+
+<div class="card">
+    <h2>历史学习目标</h2>
+    
+    {% if goals.items %}
+    <div class="table-responsive">
+        <table class="table">
+            <thead>
+                <tr>
+                    <th>目标名称</th>
+                    <th>创建日期</th>
+                    <th>截止日期</th>
+                    <th>状态</th>
+                    <th>任务数</th>
+                    <th>操作</th>
+                </tr>
+            </thead>
+            <tbody>
+                {% for goal in goals.items %}
+                <tr>
+                    <td>
+                        <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}">
+                            <strong>{{ goal.title }}</strong>
+                        </a>
+                        {% if goal.description %}
+                        <br>
+                        <small style="color: #6c757d;">{{ goal.description[:50] }}{% if goal.description|length > 50 %}...{% endif %}</small>
+                        {% endif %}
+                    </td>
+                    <td>{{ goal.created_at.strftime('%Y-%m-%d') if goal.created_at else '-' }}</td>
+                    <td>{{ goal.end_date.strftime('%Y-%m-%d') if goal.end_date else '-' }}</td>
+                    <td>
+                        {% if goal.status == 'active' %}
+                            <span class="badge badge-primary">进行中</span>
+                        {% elif goal.status == 'completed' %}
+                            <span class="badge badge-success">已完成</span>
+                        {% elif goal.status == 'paused' %}
+                            <span class="badge badge-warning">已暂停</span>
+                        {% else %}
+                            <span class="badge badge-secondary">{{ goal.status }}</span>
+                        {% endif %}
+                    </td>
+                    <td>{{ goal.tasks.count() }}</td>
+                    <td>
+                        <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}" class="btn btn-sm btn-secondary">查看详情</a>
+                    </td>
+                </tr>
+                {% endfor %}
+            </tbody>
+        </table>
+    </div>
+    
+    {% if goals.pages > 1 %}
+    <div class="pagination">
+        {% if goals.has_prev %}
+            <a href="{{ url_for('reports.view_history', page=goals.prev_num) }}">&laquo; 上一页</a>
+        {% endif %}
+        
+        {% for page_num in goals.iter_pages(left_edge=1, right_edge=1, left_current=2, right_current=3) %}
+            {% if page_num %}
+                {% if goals.page == page_num %}
+                    <a href="#" class="active">{{ page_num }}</a>
+                {% else %}
+                    <a href="{{ url_for('reports.view_history', page=page_num) }}">{{ page_num }}</a>
+                {% endif %}
+            {% else %}
+                <span>...</span>
+            {% endif %}
+        {% endfor %}
+        
+        {% if goals.has_next %}
+            <a href="{{ url_for('reports.view_history', page=goals.next_num) }}">下一页 &raquo;</a>
+        {% endif %}
+    </div>
+    {% endif %}
+    
+    {% else %}
+    <div class="empty-state">
+        <p>还没有任何学习目标</p>
+        <a href="{{ url_for('goals.create_goal') }}" class="btn btn-primary">创建第一个学习目标</a>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/app/templates/reports/list.html b/app/templates/reports/list.html
new file mode 100644
index 0000000..ff035bc
--- /dev/null
+++ b/app/templates/reports/list.html
@@ -0,0 +1,56 @@
+{% extends "base.html" %}
+
+{% block title %}学习报告列表 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+        <h2>学习报告列表</h2>
+        <a href="{{ url_for('reports.generate_report') }}" class="btn btn-primary">生成新报告</a>
+    </div>
+    
+    {% if reports %}
+    <table class="table">
+        <thead>
+            <tr>
+                <th>报告类型</th>
+                <th>时间范围</th>
+                <th>学习时长</th>
+                <th>完成任务</th>
+                <th>生成时间</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for report in reports %}
+            <tr>
+                <td>
+                    {% if report.report_type == 'weekly' %}
+                        <span class="badge badge-primary">周报</span>
+                    {% elif report.report_type == 'monthly' %}
+                        <span class="badge badge-success">月报</span>
+                    {% else %}
+                        <span class="badge badge-secondary">自定义</span>
+                    {% endif %}
+                </td>
+                <td>
+                    {{ report.start_date.strftime('%Y-%m-%d') }} 至 {{ report.end_date.strftime('%Y-%m-%d') }}
+                </td>
+                <td>{{ report.total_study_hours }} 小时</td>
+                <td>{{ report.completed_tasks }} / {{ report.total_tasks }}</td>
+                <td>{{ report.created_at.strftime('%Y-%m-%d %H:%M') if report.created_at else '-' }}</td>
+                <td>
+                    <a href="{{ url_for('reports.view_report', report_id=report.id) }}" class="btn btn-sm btn-secondary">查看</a>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    {% else %}
+    <div class="empty-state">
+        <p>还没有任何学习报告</p>
+        <a href="{{ url_for('reports.generate_report') }}" class="btn btn-primary">生成第一份报告</a>
+    </div>
+    {% endif %}
+</div>
+{% endblock %}
diff --git a/app/templates/reports/view.html b/app/templates/reports/view.html
new file mode 100644
index 0000000..a5a14a3
--- /dev/null
+++ b/app/templates/reports/view.html
@@ -0,0 +1,92 @@
+{% extends "base.html" %}
+
+{% block title %}学习报告 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem;">
+        <h2>学习报告详情</h2>
+        <div>
+            {% if report.report_type == 'weekly' %}
+                <span class="badge badge-primary">周报</span>
+            {% elif report.report_type == 'monthly' %}
+                <span class="badge badge-success">月报</span>
+            {% else %}
+                <span class="badge badge-secondary">自定义报告</span>
+            {% endif %}
+        </div>
+    </div>
+    
+    <div style="margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 4px;">
+        <strong>时间范围:</strong> {{ report.start_date.strftime('%Y-%m-%d') }} 至 {{ report.end_date.strftime('%Y-%m-%d') }}
+        <br>
+        <strong>生成时间:</strong> {{ report.created_at.strftime('%Y-%m-%d %H:%M') if report.created_at else '-' }}
+    </div>
+</div>
+
+<div class="stats-grid">
+    <div class="stat-card">
+        <h3>{{ report.total_study_hours }}</h3>
+        <p>总学习时长（小时）</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ report.completed_tasks }}</h3>
+        <p>已完成任务数</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ report.total_tasks }}</h3>
+        <p>总任务数</p>
+    </div>
+    <div class="stat-card">
+        <h3>
+            {% if report.total_tasks > 0 %}
+                {{ ((report.completed_tasks / report.total_tasks) * 100)|round(1) }}
+            {% else %}
+                0
+            {% endif %}%
+        </h3>
+        <p>任务完成率</p>
+    </div>
+</div>
+
+{% if report.goals_progress and report.goals_progress != '[]' %}
+<div class="card">
+    <h2>各目标进度</h2>
+    <div style="margin-top: 1rem;">
+        {% set goals = report.goals_progress|replace("[", "")|replace("]", "")|replace("{", "")|replace("}", "")|replace("'", "")|split(", ") %}
+        {% for goal_str in goals %}
+            {% if goal_str %}
+                {% set parts = goal_str|split(": ") %}
+                {% if parts|length >= 2 %}
+                    {% set key = parts[0] %}
+                    {% set value = parts[1:]|join(": ") %}
+                    <div style="margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 4px;">
+                        <strong>{{ key }}:</strong> {{ value }}
+                    </div>
+                {% endif %}
+            {% endif %}
+        {% endfor %}
+    </div>
+</div>
+{% endif %}
+
+{% if report.recommendations %}
+<div class="card">
+    <h2>学习建议</h2>
+    <div style="margin-top: 1rem; padding: 1.5rem; background-color: #e7f3ff; border-left: 4px solid #667eea; border-radius: 4px;">
+        {% for line in report.recommendations.split('\n\n') %}
+            <p style="margin-bottom: 1rem;">
+                <strong>💡</strong> {{ line }}
+            </p>
+        {% endfor %}
+    </div>
+</div>
+{% endif %}
+
+<div class="card">
+    <div style="display: flex; gap: 1rem; flex-wrap: wrap;">
+        <a href="{{ url_for('reports.list_reports') }}" class="btn btn-secondary">返回报告列表</a>
+        <a href="{{ url_for('reports.generate_report') }}" class="btn btn-primary">生成新报告</a>
+    </div>
+</div>
+{% endblock %}
diff --git a/app/templates/tasks/create.html b/app/templates/tasks/create.html
new file mode 100644
index 0000000..cf15fd0
--- /dev/null
+++ b/app/templates/tasks/create.html
@@ -0,0 +1,48 @@
+{% extends "base.html" %}
+
+{% block title %}创建学习任务 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 600px;">
+    <h2>创建学习任务</h2>
+    <div style="margin-bottom: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 4px;">
+        <strong>所属目标:</strong> {{ goal.title }}
+        {% if parent_task %}
+        <br><strong>父任务:</strong> {{ parent_task.title }}
+        {% endif %}
+    </div>
+    <form method="POST" action="{{ url_for('tasks.create_task', goal_id=goal.id) }}">
+        {% if parent_task %}
+        <input type="hidden" name="parent_task_id" value="{{ parent_task.id }}">
+        {% endif %}
+        <div class="form-group">
+            <label for="title">任务名称 *</label>
+            <input type="text" id="title" name="title" required placeholder="例如：学习Python基础语法">
+        </div>
+        <div class="form-group">
+            <label for="description">任务描述</label>
+            <textarea id="description" name="description" placeholder="详细描述这个任务..."></textarea>
+        </div>
+        <div class="form-group">
+            <label for="priority">优先级</label>
+            <select id="priority" name="priority">
+                <option value="low">低</option>
+                <option value="medium" selected>中</option>
+                <option value="high">高</option>
+            </select>
+        </div>
+        <div class="form-group">
+            <label for="estimated_hours">预计学习时长（小时）</label>
+            <input type="number" id="estimated_hours" name="estimated_hours" min="0" step="0.5" value="0">
+        </div>
+        <div class="form-group">
+            <label for="deadline">截止日期</label>
+            <input type="date" id="deadline" name="deadline">
+        </div>
+        <div class="btn-group">
+            <button type="submit" class="btn btn-primary">创建任务</button>
+            <a href="{{ url_for('goals.view_goal', goal_id=goal.id) }}" class="btn btn-secondary">取消</a>
+        </div>
+    </form>
+</div>
+{% endblock %}
diff --git a/app/templates/tasks/edit.html b/app/templates/tasks/edit.html
new file mode 100644
index 0000000..aa1caec
--- /dev/null
+++ b/app/templates/tasks/edit.html
@@ -0,0 +1,51 @@
+{% extends "base.html" %}
+
+{% block title %}编辑学习任务 - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card" style="max-width: 600px;">
+    <h2>编辑学习任务</h2>
+    <form method="POST" action="{{ url_for('tasks.edit_task', task_id=task.id) }}">
+        <div class="form-group">
+            <label for="title">任务名称 *</label>
+            <input type="text" id="title" name="title" value="{{ task.title }}" required>
+        </div>
+        <div class="form-group">
+            <label for="description">任务描述</label>
+            <textarea id="description" name="description">{{ task.description or '' }}</textarea>
+        </div>
+        <div class="form-group">
+            <label for="status">状态</label>
+            <select id="status" name="status">
+                <option value="pending" {% if task.status == 'pending' %}selected{% endif %}>待开始</option>
+                <option value="in_progress" {% if task.status == 'in_progress' %}selected{% endif %}>进行中</option>
+                <option value="completed" {% if task.status == 'completed' %}selected{% endif %}>已完成</option>
+            </select>
+        </div>
+        <div class="form-group">
+            <label for="progress">进度 (0-100)</label>
+            <input type="number" id="progress" name="progress" min="0" max="100" value="{{ task.progress }}">
+        </div>
+        <div class="form-group">
+            <label for="priority">优先级</label>
+            <select id="priority" name="priority">
+                <option value="low" {% if task.priority == 'low' %}selected{% endif %}>低</option>
+                <option value="medium" {% if task.priority == 'medium' %}selected{% endif %}>中</option>
+                <option value="high" {% if task.priority == 'high' %}selected{% endif %}>高</option>
+            </select>
+        </div>
+        <div class="form-group">
+            <label for="estimated_hours">预计学习时长（小时）</label>
+            <input type="number" id="estimated_hours" name="estimated_hours" min="0" step="0.5" value="{{ task.estimated_hours }}">
+        </div>
+        <div class="form-group">
+            <label for="deadline">截止日期</label>
+            <input type="date" id="deadline" name="deadline" value="{{ task.deadline.strftime('%Y-%m-%d') if task.deadline else '' }}">
+        </div>
+        <div class="btn-group">
+            <button type="submit" class="btn btn-primary">保存修改</button>
+            <a href="{{ url_for('tasks.view_task', task_id=task.id) }}" class="btn btn-secondary">取消</a>
+        </div>
+    </form>
+</div>
+{% endblock %}
diff --git a/app/templates/tasks/view.html b/app/templates/tasks/view.html
new file mode 100644
index 0000000..7a45b30
--- /dev/null
+++ b/app/templates/tasks/view.html
@@ -0,0 +1,361 @@
+{% extends "base.html" %}
+
+{% block title %}{{ task.title }} - 个人学习计划管理系统{% endblock %}
+
+{% block content %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: start;">
+        <div>
+            <h2>{% if task.status == 'completed' %}<s>{% endif %}{{ task.title }}{% if task.status == 'completed' %}</s>{% endif %}</h2>
+            <div class="task-meta" style="margin-top: 0.5rem;">
+                <span>所属目标: <a href="{{ url_for('goals.view_goal', goal_id=task.goal_id) }}">{{ task.goal.title }}</a></span>
+                <span>创建日期: {{ task.created_at.strftime('%Y-%m-%d') if task.created_at else '-' }}</span>
+                <span>状态: 
+                    {% if task.status == 'pending' %}
+                        <span class="badge badge-secondary">待开始</span>
+                    {% elif task.status == 'in_progress' %}
+                        <span class="badge badge-primary">进行中</span>
+                    {% elif task.status == 'completed' %}
+                        <span class="badge badge-success">已完成</span>
+                    {% else %}
+                        <span class="badge badge-secondary">{{ task.status }}</span>
+                    {% endif %}
+                </span>
+                <span>优先级: 
+                    {% if task.priority == 'high' %}
+                        <span class="badge badge-danger">高</span>
+                    {% elif task.priority == 'medium' %}
+                        <span class="badge badge-warning">中</span>
+                    {% else %}
+                        <span class="badge badge-secondary">低</span>
+                    {% endif %}
+                </span>
+            </div>
+        </div>
+        <div class="btn-group">
+            <a href="{{ url_for('tasks.edit_task', task_id=task.id) }}" class="btn btn-primary">编辑任务</a>
+        </div>
+    </div>
+    
+    {% if task.description %}
+    <div style="margin-top: 1rem; padding: 1rem; background-color: #f8f9fa; border-radius: 4px;">
+        <strong>任务描述:</strong><br>
+        {{ task.description }}
+    </div>
+    {% endif %}
+</div>
+
+<div class="stats-grid">
+    <div class="stat-card">
+        <h3>{{ task.progress }}%</h3>
+        <p>完成进度</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ task.estimated_hours }}</h3>
+        <p>预计时长（小时）</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ total_hours }}</h3>
+        <p>实际学习（小时）</p>
+    </div>
+    <div class="stat-card">
+        <h3>{{ subtasks|length }}</h3>
+        <p>子任务数</p>
+    </div>
+</div>
+
+<div class="card">
+    <h2>学习计时</h2>
+    <div class="timer-container" id="timerContainer">
+        <div class="timer-display" id="timerDisplay">00:00:00</div>
+        <p id="timerStatus">点击开始学习按钮开始计时</p>
+    </div>
+    <div style="text-align: center;">
+        <button class="btn btn-primary" id="startStudyBtn" style="width: 200px;">开始学习</button>
+        <button class="btn btn-danger" id="stopStudyBtn" style="width: 200px; display: none;">结束学习</button>
+    </div>
+</div>
+
+<div class="card">
+    <h2>更新进度</h2>
+    <div style="display: flex; gap: 1rem; align-items: center; flex-wrap: wrap;">
+        <div class="progress-bar" style="flex: 1; min-width: 200px;">
+            <div class="progress" id="progressBar" style="width: {{ task.progress }}%;"></div>
+        </div>
+        <input type="range" id="progressSlider" min="0" max="100" value="{{ task.progress }}" 
+               style="width: 200px;">
+        <span id="progressValue" style="font-weight: 600; min-width: 50px;">{{ task.progress }}%</span>
+        <button class="btn btn-primary btn-sm" id="saveProgressBtn">保存</button>
+    </div>
+    <div style="margin-top: 1rem; display: flex; gap: 0.5rem; flex-wrap: wrap;">
+        <button class="btn btn-sm btn-secondary quick-progress" data-progress="0">0%</button>
+        <button class="btn btn-sm btn-secondary quick-progress" data-progress="25">25%</button>
+        <button class="btn btn-sm btn-secondary quick-progress" data-progress="50">50%</button>
+        <button class="btn btn-sm btn-secondary quick-progress" data-progress="75">75%</button>
+        <button class="btn btn-sm btn-success quick-progress" data-progress="100">100%（完成）</button>
+    </div>
+</div>
+
+{% if subtasks %}
+<div class="card">
+    <div style="display: flex; justify-content: space-between; align-items: center;">
+        <h2>子任务</h2>
+        <a href="{{ url_for('tasks.create_task', goal_id=task.goal_id, parent_task_id=task.id) }}" class="btn btn-primary btn-sm">添加子任务</a>
+    </div>
+    {% for subtask in subtasks %}
+    <div class="task-item">
+        <div style="display: flex; justify-content: space-between; align-items: center;">
+            <div>
+                <a href="{{ url_for('tasks.view_task', task_id=subtask.id) }}">
+                    {% if subtask.status == 'completed' %}<s>{% endif %}
+                    {{ subtask.title }}
+                    {% if subtask.status == 'completed' %}</s>{% endif %}
+                </a>
+                <div class="task-meta" style="margin-top: 0.25rem;">
+                    <span>进度: {{ subtask.progress }}%</span>
+                    <span class="badge {% if subtask.status == 'completed' %}badge-success{% elif subtask.status == 'in_progress' %}badge-primary{% else %}badge-secondary{% endif %}">
+                        {{ subtask.status }}
+                    </span>
+                </div>
+            </div>
+            <div class="btn-group">
+                <a href="{{ url_for('tasks.view_task', task_id=subtask.id) }}" class="btn btn-sm btn-secondary">详情</a>
+            </div>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+{% endif %}
+
+{% if study_records %}
+<div class="card">
+    <h2>学习记录</h2>
+    <table class="table">
+        <thead>
+            <tr>
+                <th>开始时间</th>
+                <th>结束时间</th>
+                <th>时长</th>
+                <th>备注</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for record in study_records %}
+            <tr>
+                <td>{{ record.start_time.strftime('%Y-%m-%d %H:%M') if record.start_time else '-' }}</td>
+                <td>{{ record.end_time.strftime('%Y-%m-%d %H:%M') if record.end_time else '进行中' }}</td>
+                <td>
+                    {% if record.duration_minutes %}
+                        {% set hours = record.duration_minutes // 60 %}
+                        {% set minutes = record.duration_minutes % 60 %}
+                        {% if hours > 0 %}{{ hours }}小时{% endif %}{{ minutes }}分钟
+                    {% else %}
+                        -
+                    {% endif %}
+                </td>
+                <td>{{ record.notes or '-' }}</td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+</div>
+{% endif %}
+
+<div class="card">
+    <h2>任务提醒</h2>
+    {% if reminders %}
+    <table class="table">
+        <thead>
+            <tr>
+                <th>提醒时间</th>
+                <th>消息</th>
+                <th>状态</th>
+                <th>操作</th>
+            </tr>
+        </thead>
+        <tbody>
+            {% for reminder in reminders %}
+            <tr>
+                <td>{{ reminder.reminder_time.strftime('%Y-%m-%d %H:%M') if reminder.reminder_time else '-' }}</td>
+                <td>{{ reminder.message or '-' }}</td>
+                <td>
+                    {% if reminder.is_sent %}
+                        <span class="badge badge-secondary">已发送</span>
+                    {% else %}
+                        <span class="badge badge-primary">待发送</span>
+                    {% endif %}
+                </td>
+                <td>
+                    <form method="POST" action="{{ url_for('tasks.delete_reminder', reminder_id=reminder.id) }}" 
+                          onsubmit="return confirm('确定要删除此提醒吗？')" style="display: inline;">
+                        <button type="submit" class="btn btn-sm btn-danger">删除</button>
+                    </form>
+                </td>
+            </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    {% else %}
+    <p style="color: #6c757d;">还没有设置任何提醒</p>
+    {% endif %}
+    
+    <h3 style="margin-top: 2rem; font-size: 1rem;">添加新提醒</h3>
+    <form method="POST" action="{{ url_for('tasks.add_reminder', task_id=task.id) }}" style="display: flex; gap: 1rem; flex-wrap: wrap; align-items: end;">
+        <div class="form-group" style="margin-bottom: 0; flex: 1; min-width: 200px;">
+            <label for="reminder_time">提醒时间</label>
+            <input type="datetime-local" id="reminder_time" name="reminder_time" required>
+        </div>
+        <div class="form-group" style="margin-bottom: 0; flex: 1; min-width: 200px;">
+            <label for="reminder_message">提醒消息</label>
+            <input type="text" id="reminder_message" name="message" placeholder="例如：该开始学习了！">
+        </div>
+        <button type="submit" class="btn btn-primary">添加提醒</button>
+    </form>
+</div>
+
+<div class="card" style="max-width: 600px;">
+    <h3 style="color: #dc3545; font-size: 1rem;">危险操作</h3>
+    <p style="margin-bottom: 1rem; color: #6c757d;">删除此任务将同时删除所有关联的子任务、学习记录和提醒，此操作不可撤销。</p>
+    <form method="POST" action="{{ url_for('tasks.delete_task', task_id=task.id) }}" onsubmit="return confirm('确定要删除此任务吗？此操作不可撤销！')">
+        <button type="submit" class="btn btn-danger">删除此任务</button>
+    </form>
+</div>
+{% endblock %}
+
+{% block scripts %}
+<script>
+let timerInterval = null;
+let startTime = null;
+
+const startBtn = document.getElementById('startStudyBtn');
+const stopBtn = document.getElementById('stopStudyBtn');
+const timerDisplay = document.getElementById('timerDisplay');
+const timerStatus = document.getElementById('timerStatus');
+
+startBtn.addEventListener('click', async function() {
+    try {
+        const response = await fetch(`/tasks/{{ task.id }}/start-study`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            }
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            startTime = new Date();
+            startBtn.style.display = 'none';
+            stopBtn.style.display = 'inline-block';
+            timerStatus.textContent = '正在学习中...';
+            startTimer();
+        } else {
+            alert(data.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('开始学习失败，请重试');
+    }
+});
+
+stopBtn.addEventListener('click', async function() {
+    try {
+        const response = await fetch(`/tasks/{{ task.id }}/stop-study`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            }
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            stopTimer();
+            startBtn.style.display = 'inline-block';
+            stopBtn.style.display = 'none';
+            timerStatus.textContent = `本次学习: ${data.duration_minutes} 分钟`;
+            alert(`本次学习时长: ${data.duration_minutes} 分钟\n累计学习: ${data.total_hours} 小时`);
+            location.reload();
+        } else {
+            alert(data.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('结束学习失败，请重试');
+    }
+});
+
+function startTimer() {
+    timerInterval = setInterval(updateTimer, 1000);
+}
+
+function stopTimer() {
+    if (timerInterval) {
+        clearInterval(timerInterval);
+        timerInterval = null;
+    }
+}
+
+function updateTimer() {
+    if (!startTime) return;
+    
+    const now = new Date();
+    const diff = Math.floor((now - startTime) / 1000);
+    
+    const hours = Math.floor(diff / 3600);
+    const minutes = Math.floor((diff % 3600) / 60);
+    const seconds = diff % 60;
+    
+    timerDisplay.textContent = 
+        `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
+}
+
+const progressSlider = document.getElementById('progressSlider');
+const progressBar = document.getElementById('progressBar');
+const progressValue = document.getElementById('progressValue');
+const saveProgressBtn = document.getElementById('saveProgressBtn');
+
+progressSlider.addEventListener('input', function() {
+    const value = this.value;
+    progressBar.style.width = value + '%';
+    progressValue.textContent = value + '%';
+});
+
+saveProgressBtn.addEventListener('click', async function() {
+    const value = progressSlider.value;
+    
+    try {
+        const response = await fetch(`/tasks/{{ task.id }}/progress`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            },
+            body: `progress=${value}`
+        });
+        
+        const data = await response.json();
+        
+        if (data.success) {
+            alert(`进度已更新为 ${data.progress}%`);
+            if (data.status == 'completed') {
+                location.reload();
+            }
+        } else {
+            alert(data.message);
+        }
+    } catch (error) {
+        console.error('Error:', error);
+        alert('更新进度失败，请重试');
+    }
+});
+
+document.querySelectorAll('.quick-progress').forEach(btn => {
+    btn.addEventListener('click', function() {
+        const progress = this.dataset.progress;
+        progressSlider.value = progress;
+        progressBar.style.width = progress + '%';
+        progressValue.textContent = progress + '%';
+    });
+});
+</script>
+{% endblock %}
diff --git a/config.py b/config.py
new file mode 100644
index 0000000..3eb1f41
--- /dev/null
+++ b/config.py
@@ -0,0 +1,9 @@
+import os
+
+basedir = os.path.abspath(os.path.dirname(__file__))
+
+class Config:
+    SECRET_KEY = os.environ.get('SECRET_KEY') or 'study-plan-secret-key-2024'
+    SQLALCHEMY_DATABASE_URI = os.environ.get('DATABASE_URL') or \
+        'sqlite:///' + os.path.join(basedir, 'study_plan.db')
+    SQLALCHEMY_TRACK_MODIFICATIONS = False
diff --git a/requirements.txt b/requirements.txt
new file mode 100644
index 0000000..069b4cb
--- /dev/null
+++ b/requirements.txt
@@ -0,0 +1,7 @@
+Flask>=3.0.0
+Flask-SQLAlchemy>=3.1.1
+Flask-Login>=0.6.3
+Flask-WTF>=1.2.1
+Werkzeug>=3.0.0
+SQLAlchemy>=2.0.30
+python-dateutil>=2.8.2
diff --git a/run.py b/run.py
new file mode 100644
index 0000000..ecad898
--- /dev/null
+++ b/run.py
@@ -0,0 +1,6 @@
+from app import create_app
+
+app = create_app()
+
+if __name__ == '__main__':
+    app.run(debug=True, host='0.0.0.0', port=5001)
diff --git a/study_plan.db b/study_plan.db
new file mode 100644
index 0000000..67d6c1b
Binary files /dev/null and b/study_plan.db differ