2026032101

.gitignore

@@ -7,3 +7,4 @@ backend/uploads
 .trae
 npm-debug.log*
 yarn-error.log*
+

backend/src/admin/admin.controller.ts

@@ -3,6 +3,7 @@ import {
   Post,
   Get,
   Put,
+  Delete,
   Param,
   Body,
   UseGuards,
@@ -35,6 +36,12 @@ export class AdminController {
     return { success: true, data };
   }
 
+  @Delete('courses/:id')
+  async deleteCourse(@Param('id') id: string) {
+    await this.adminService.deleteCourse(Number(id));
+    return { success: true };
+  }
+
   @Get('orders')
   async getOrders() {
     const data = await this.adminService.getOrders();

backend/src/admin/admin.service.ts

@@ -24,6 +24,10 @@ export class AdminService {
     return this.courseRepository.findOne({ where: { id } });
   }
 
+  async deleteCourse(id: number) {
+    await this.courseRepository.delete(id);
+  }
+
   async getOrders() {
     return this.orderRepository.find({
       relations: ['user', 'course'],

backend/src/admin/dto/create-course.dto.ts

@@ -24,4 +24,16 @@ export class CreateCourseDto {
   @IsString()
   @IsOptional()
   category?: string;
+
+  @IsNumber()
+  @IsOptional()
+  viewCount?: number;
+
+  @IsNumber()
+  @IsOptional()
+  likeCount?: number;
+
+  @IsNumber()
+  @IsOptional()
+  starCount?: number;
 }

backend/src/app.module.ts

@@ -8,6 +8,7 @@ import { Course } from './entities/course.entity';
 import { Order } from './entities/order.entity';
 import { Payment } from './entities/payment.entity';
 import { UserCourse } from './entities/user-course.entity';
+import { UserStar } from './entities/user-star.entity';
 import { AuthModule } from './auth/auth.module';
 import { CoursesModule } from './courses/courses.module';
 import { OrdersModule } from './orders/orders.module';
@@ -22,7 +23,7 @@ import { PaymentModule } from './payment/payment.module';
     TypeOrmModule.forRoot({
       type: 'sqlite',
       database: 'course_subscription.sqlite',
-      entities: [User, Course, Order, Payment, UserCourse],
+      entities: [User, Course, Order, Payment, UserCourse, UserStar],
       synchronize: true, // Auto-create tables in dev
     }),
     AuthModule,

backend/src/auth/auth.service.ts

@@ -21,21 +21,21 @@ export class AuthService implements OnModuleInit {
   ) {}
 
   async onModuleInit() {
-    const adminPhone = '12345678912';
+    const adminEmail = 'admin@example.com';
     const adminExists = await this.userRepository.findOne({
-      where: { phone: adminPhone },
+      where: { email: adminEmail },
     });
     if (!adminExists) {
       const salt = await bcrypt.genSalt();
       const passwordHash = await bcrypt.hash('123456', salt);
       const adminUser = this.userRepository.create({
-        phone: adminPhone,
+        email: adminEmail,
         passwordHash,
         nickname: 'Admin',
         role: UserRole.ADMIN,
       });
       await this.userRepository.save(adminUser);
-      console.log(`Admin user initialized: ${adminPhone}`);
+      console.log(`Admin user initialized: ${adminEmail}`);
     } else {
       // Ensure the role is ADMIN and update password if needed
       if (adminExists.role !== UserRole.ADMIN) {
@@ -46,15 +46,15 @@ export class AuthService implements OnModuleInit {
   }
 
   async register(registerDto: RegisterDto) {
-    const { phone, password, smsCode } = registerDto;
+    const { email, password, emailCode } = registerDto;
 
-    // In a real app, verify smsCode here
-    if (smsCode !== '123456') {
-      throw new BadRequestException('Invalid SMS code');
+    // In a real app, verify emailCode here
+    if (emailCode !== '123456') {
+      throw new BadRequestException('Invalid Email code');
     }
 
     const existingUser = await this.userRepository.findOne({
-      where: { phone },
+      where: { email },
     });
     if (existingUser) {
       throw new BadRequestException('User already exists');
@@ -64,20 +64,20 @@ export class AuthService implements OnModuleInit {
     const passwordHash = await bcrypt.hash(password, salt);
 
     const user = this.userRepository.create({
-      phone,
+      email,
       passwordHash,
-      nickname: `User_${phone.slice(-4)}`,
+      nickname: `User_${email.split('@')[0].slice(0, 6)}`,
       role: UserRole.USER,
     });
 
     await this.userRepository.save(user);
 
-    return this.login({ phone, password });
+    return this.login({ email, password });
   }
 
   async login(loginDto: LoginDto) {
-    const { phone, password } = loginDto;
-    const user = await this.userRepository.findOne({ where: { phone } });
+    const { email, password } = loginDto;
+    const user = await this.userRepository.findOne({ where: { email } });
 
     if (!user) {
       throw new UnauthorizedException('Invalid credentials');
@@ -88,7 +88,7 @@ export class AuthService implements OnModuleInit {
       throw new UnauthorizedException('Invalid credentials');
     }
 
-    const payload = { sub: user.id, phone: user.phone, role: user.role };
+    const payload = { sub: user.id, email: user.email, role: user.role };
     return {
       userId: user.id,
       token: this.jwtService.sign(payload),
@@ -102,7 +102,6 @@ export class AuthService implements OnModuleInit {
       where: { id: userId },
       select: [
         'id',
-        'phone',
         'email',
         'nickname',
         'avatar',

backend/src/auth/dto/login.dto.ts

@@ -1,9 +1,9 @@
-import { IsString, IsNotEmpty } from 'class-validator';
+import { IsString, IsNotEmpty, IsEmail } from 'class-validator';
 
 export class LoginDto {
-  @IsString()
+  @IsEmail()
   @IsNotEmpty()
-  phone: string;
+  email: string;
 
   @IsString()
   @IsNotEmpty()

backend/src/auth/dto/register.dto.ts

@@ -1,10 +1,9 @@
-import { IsString, IsNotEmpty, Length } from 'class-validator';
+import { IsString, IsNotEmpty, Length, IsEmail } from 'class-validator';
 
 export class RegisterDto {
-  @IsString()
+  @IsEmail()
   @IsNotEmpty()
-  @Length(11, 11)
-  phone: string;
+  email: string;
 
   @IsString()
   @IsNotEmpty()
@@ -13,5 +12,5 @@ export class RegisterDto {
 
   @IsString()
   @IsNotEmpty()
-  smsCode: string;
+  emailCode: string;
 }

backend/src/auth/strategies/jwt.strategy.ts

@@ -28,6 +28,6 @@ export class JwtStrategy extends PassportStrategy(Strategy) {
       throw new UnauthorizedException();
     }
     // Return data to be attached to the request object
-    return { userId: user.id, phone: user.phone, role: user.role };
+    return { userId: user.id, email: user.email, role: user.role };
   }
 }

backend/src/courses/courses.controller.ts

@@ -1,6 +1,7 @@
 import {
   Controller,
   Get,
+  Post,
   Param,
   UseGuards,
   Request,
@@ -26,12 +27,38 @@ export class CoursesController {
     return { success: true, data };
   }
 
+  @UseGuards(JwtAuthGuard)
+  @Get('my-stars')
+  async findMyStars(@Request() req) {
+    const data = await this.coursesService.getUserStars(req.user.userId);
+    return { success: true, data };
+  }
+
   @Get(':id')
   async findOne(@Param('id', ParseIntPipe) id: number) {
     const data = await this.coursesService.findOne(id);
     return { success: true, data };
   }
 
+  @Post(':id/view')
+  async incrementViewCount(@Param('id', ParseIntPipe) id: number) {
+    await this.coursesService.incrementViewCount(id);
+    return { success: true };
+  }
+
+  @Post(':id/like')
+  async toggleLike(@Param('id', ParseIntPipe) id: number) {
+    await this.coursesService.toggleLike(id);
+    return { success: true };
+  }
+
+  @UseGuards(JwtAuthGuard)
+  @Post(':id/star')
+  async toggleStar(@Param('id', ParseIntPipe) id: number, @Request() req) {
+    await this.coursesService.toggleStar(id, req.user.userId);
+    return { success: true };
+  }
+
   @UseGuards(JwtAuthGuard)
   @Get(':id/access')
   async getAccess(@Param('id', ParseIntPipe) id: number, @Request() req) {

backend/src/courses/courses.module.ts

@@ -4,9 +4,10 @@ import { CoursesService } from './courses.service';
 import { CoursesController } from './courses.controller';
 import { Course } from '../entities/course.entity';
 import { UserCourse } from '../entities/user-course.entity';
+import { UserStar } from '../entities/user-star.entity';
 
 @Module({
-  imports: [TypeOrmModule.forFeature([Course, UserCourse])],
+  imports: [TypeOrmModule.forFeature([Course, UserCourse, UserStar])],
   providers: [CoursesService],
   controllers: [CoursesController],
   exports: [CoursesService],

backend/src/courses/courses.service.ts

@@ -7,6 +7,7 @@ import { InjectRepository } from '@nestjs/typeorm';
 import { Repository } from 'typeorm';
 import { Course } from '../entities/course.entity';
 import { UserCourse } from '../entities/user-course.entity';
+import { UserStar } from '../entities/user-star.entity';
 
 @Injectable()
 export class CoursesService {
@@ -15,12 +16,14 @@ export class CoursesService {
     private courseRepository: Repository<Course>,
     @InjectRepository(UserCourse)
     private userCourseRepository: Repository<UserCourse>,
+    @InjectRepository(UserStar)
+    private userStarRepository: Repository<UserStar>,
   ) {}
 
   async findAll() {
     return this.courseRepository.find({
       where: { isActive: true },
-      select: ['id', 'title', 'description', 'coverImage', 'price', 'category'],
+      select: ['id', 'title', 'description', 'coverImage', 'price', 'category', 'viewCount', 'likeCount', 'starCount'],
       order: { createdAt: 'DESC' },
     });
   }
@@ -28,7 +31,7 @@ export class CoursesService {
   async findOne(id: number) {
     const course = await this.courseRepository.findOne({
       where: { id, isActive: true },
-      select: ['id', 'title', 'description', 'coverImage', 'price', 'category'],
+      select: ['id', 'title', 'description', 'coverImage', 'price', 'category', 'viewCount', 'likeCount', 'starCount'],
     });
 
     if (!course) {
@@ -38,6 +41,51 @@ export class CoursesService {
     return course;
   }
 
+  async incrementViewCount(id: number) {
+    await this.courseRepository.increment({ id }, 'viewCount', 1);
+  }
+
+  async toggleLike(id: number) {
+    const course = await this.courseRepository.findOne({ where: { id } });
+    if (course) {
+      await this.courseRepository.increment({ id }, 'likeCount', 1);
+    }
+  }
+
+  async toggleStar(courseId: number, userId: number) {
+    const existingStar = await this.userStarRepository.findOne({
+      where: { courseId, userId },
+    });
+
+    if (existingStar) {
+      await this.userStarRepository.remove(existingStar);
+      await this.courseRepository.decrement({ id: courseId }, 'starCount', 1);
+    } else {
+      const newStar = this.userStarRepository.create({ courseId, userId });
+      await this.userStarRepository.save(newStar);
+      await this.courseRepository.increment({ id: courseId }, 'starCount', 1);
+    }
+  }
+
+  async getUserStars(userId: number) {
+    const userStars = await this.userStarRepository.find({
+      where: { userId },
+      relations: ['course'],
+    });
+
+    return userStars.map((us) => ({
+      id: us.course.id,
+      title: us.course.title,
+      coverImage: us.course.coverImage,
+      description: us.course.description,
+      price: us.course.price,
+      category: us.course.category,
+      viewCount: us.course.viewCount,
+      likeCount: us.course.likeCount,
+      starCount: us.course.starCount,
+    }));
+  }
+
   async getUserCourses(userId: number) {
     const userCourses = await this.userCourseRepository.find({
       where: { userId },

backend/src/entities/course.entity.ts

@@ -32,6 +32,15 @@ export class Course {
   @Column({ type: 'varchar', length: 50, nullable: true })
   category: string;
 
+  @Column({ type: 'int', default: 0, name: 'view_count' })
+  viewCount: number;
+
+  @Column({ type: 'int', default: 0, name: 'like_count' })
+  likeCount: number;
+
+  @Column({ type: 'int', default: 0, name: 'star_count' })
+  starCount: number;
+
   @Column({ type: 'boolean', default: true, name: 'is_active' })
   isActive: boolean;
 

backend/src/entities/user-star.entity.ts

@@ -0,0 +1,33 @@
+import {
+  Entity,
+  PrimaryGeneratedColumn,
+  CreateDateColumn,
+  ManyToOne,
+  JoinColumn,
+  Column,
+} from 'typeorm';
+import { User } from './user.entity';
+import { Course } from './course.entity';
+
+@Entity('user_stars')
+export class UserStar {
+  @PrimaryGeneratedColumn()
+  id: number;
+
+  @Column({ name: 'user_id' })
+  userId: number;
+
+  @Column({ name: 'course_id' })
+  courseId: number;
+
+  @ManyToOne(() => User)
+  @JoinColumn({ name: 'user_id' })
+  user: User;
+
+  @ManyToOne(() => Course)
+  @JoinColumn({ name: 'course_id' })
+  course: Course;
+
+  @CreateDateColumn({ name: 'created_at' })
+  createdAt: Date;
+}

backend/src/entities/user.entity.ts

@@ -19,10 +19,7 @@ export class User {
   @PrimaryGeneratedColumn()
   id: number;
 
-  @Column({ type: 'varchar', length: 11, unique: true })
-  phone: string;
-
-  @Column({ type: 'varchar', length: 100, unique: true, nullable: true })
+  @Column({ type: 'varchar', length: 100, unique: true })
   email: string;
 
   @Column({ type: 'varchar', length: 255, name: 'password_hash' })

backend/src/main.ts

@@ -2,6 +2,7 @@ import { NestFactory } from '@nestjs/core';
 import { ValidationPipe } from '@nestjs/common';
 import { NestExpressApplication } from '@nestjs/platform-express';
 import { join } from 'path';
+import { json, urlencoded } from 'express';
 import { AppModule } from './app.module';
 
 async function bootstrap() {
@@ -9,6 +10,10 @@ async function bootstrap() {
   app.enableCors();
   app.useGlobalPipes(new ValidationPipe());
 
+  // Increase the payload size limit for rich text content
+  app.use(json({ limit: '50mb' }));
+  app.use(urlencoded({ extended: true, limit: '50mb' }));
+
   // Serve static files from the uploads directory
   app.useStaticAssets(join(__dirname, '..', 'uploads'), {
     prefix: '/uploads/',

backend/src/orders/orders.service.ts

@@ -30,8 +30,9 @@ export class OrdersService {
       throw new BadRequestException('Price mismatch');
     }
 
-    // Generate simple order number
-    const orderNo = `${new Date().getFullYear()}${(new Date().getMonth() + 1).toString().padStart(2, '0')}${new Date().getDate().toString().padStart(2, '0')}${Math.floor(
+    // Generate simple order number with timestamp to avoid collision under high concurrency
+    const timestamp = Date.now().toString().slice(-6);
+    const orderNo = `${new Date().getFullYear()}${(new Date().getMonth() + 1).toString().padStart(2, '0')}${new Date().getDate().toString().padStart(2, '0')}${timestamp}${Math.floor(
       Math.random() * 10000,
     )
       .toString()

backend/src/payment/payment.service.ts

@@ -36,7 +36,7 @@ export class PaymentService {
       throw new BadRequestException('Order is not in pending status');
     }
 
-    const paymentNo = `PAY${Date.now()}${Math.floor(Math.random() * 1000)}`;
+    const paymentNo = `PAY${Date.now()}${Math.floor(Math.random() * 1000000)}`;
 
     const payment = this.paymentRepository.create({
       orderId: order.id,

backend/src/seed-categories.ts

@@ -0,0 +1,33 @@
+import { NestFactory } from '@nestjs/core';
+import { AppModule } from './app.module';
+import { getRepositoryToken } from '@nestjs/typeorm';
+import { Course } from './entities/course.entity';
+
+const CATEGORIES = [
+  'AI新资讯',
+  'Comfyui资讯',
+  '满血整合包',
+  '闭源API接口',
+  '应用广场'
+];
+
+async function bootstrap() {
+  const app = await NestFactory.createApplicationContext(AppModule);
+  
+  const courseRepository = app.get(getRepositoryToken(Course));
+  
+  const courses = await courseRepository.find();
+  console.log(`Found ${courses.length} courses. Updating categories...`);
+  
+  for (const course of courses) {
+    const randomCategory = CATEGORIES[Math.floor(Math.random() * CATEGORIES.length)];
+    course.category = randomCategory;
+    await courseRepository.save(course);
+    console.log(`Updated course ${course.id} "${course.title}" to category: ${randomCategory}`);
+  }
+  
+  console.log('Finished updating categories.');
+  await app.close();
+}
+
+bootstrap();

frontend/package-lock.json

@@ -15,6 +15,7 @@
         "next": "14.2.35",
         "react": "^18",
         "react-dom": "^18",
+        "react-quill": "^2.0.0",
         "tailwind-merge": "^3.5.0",
         "zustand": "^5.0.12"
       },
@@ -560,6 +561,15 @@
       "devOptional": true,
       "license": "MIT"
     },
+    "node_modules/@types/quill": {
+      "version": "1.3.10",
+      "resolved": "https://registry.npmjs.org/@types/quill/-/quill-1.3.10.tgz",
+      "integrity": "sha512-IhW3fPW+bkt9MLNlycw8u8fWb7oO7W5URC9MfZYHBlA24rex9rs23D5DETChu1zvgVdc5ka64ICjJOgQMr6Shw==",
+      "license": "MIT",
+      "dependencies": {
+        "parchment": "^1.1.2"
+      }
+    },
     "node_modules/@types/react": {
       "version": "18.3.28",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
@@ -1542,7 +1552,6 @@
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.8.tgz",
       "integrity": "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.0",
@@ -1574,7 +1583,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
       "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind-apply-helpers": "^1.0.2",
@@ -1700,6 +1708,15 @@
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
       "license": "MIT"
     },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/clsx": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
@@ -1872,6 +1889,26 @@
         }
       }
     },
+    "node_modules/deep-equal": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-1.1.2.tgz",
+      "integrity": "sha512-5tdhKF6DbU7iIzrIOa1AOUt39ZRm13cmL1cGEh//aqR8x9+tNfbywRf0n5FD/18OKMdo7DNEtrX2t22ZAkI+eg==",
+      "license": "MIT",
+      "dependencies": {
+        "is-arguments": "^1.1.1",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "regexp.prototype.flags": "^1.5.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
@@ -1883,7 +1920,6 @@
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
@@ -1901,7 +1937,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
       "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.0.1",
@@ -2622,6 +2657,18 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-2.0.3.tgz",
+      "integrity": "sha512-jLN68Dx5kyFHaePoXWPsCGW5qdyZQtLYHkxkg02/Mz6g0kYpDx4FyP6XfArhQdlOC4b8Mv+EMxPo/8La7Tzghg==",
+      "license": "MIT"
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2629,6 +2676,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fast-diff": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.1.2.tgz",
+      "integrity": "sha512-KaJUt+M9t1qaIteSvjc6P3RbMdXsNhK61GRftR6SNxqmhthcd9MGIi4T+o0jD8LUSpSnSKXE20nLtJ3fOHxQig==",
+      "license": "Apache-2.0"
+    },
     "node_modules/fast-glob": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -2873,7 +2926,6 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
       "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
-      "dev": true,
       "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -3105,7 +3157,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
@@ -3240,6 +3291,22 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.5",
       "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.5.tgz",
@@ -3385,7 +3452,6 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.1.0.tgz",
       "integrity": "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -3534,7 +3600,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.2.1.tgz",
       "integrity": "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bound": "^1.0.2",
@@ -3886,6 +3951,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/lodash": {
+      "version": "4.17.23",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
+      "integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
+      "license": "MIT"
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@@ -4218,11 +4289,26 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/object-is": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.6.tgz",
+      "integrity": "sha512-F8cZ+KfGlSGi09lJT7/Nd6KJZ9ygtvYC0/UYYLI9nmQKLMnydpB9yvbv9K1uSkEu7FU9vYPmVwLg328tX+ot3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/object-keys": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
       "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">= 0.4"
@@ -4396,6 +4482,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/parchment": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/parchment/-/parchment-1.1.4.tgz",
+      "integrity": "sha512-J5FBQt/pM2inLzg4hEWmzQx/8h8D0CiDxaG3vyp9rKrQRSDgBlhjdP5jQGgosEajXPSQouXGHOmVdgo7QmJuOg==",
+      "license": "BSD-3-Clause"
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -4735,6 +4827,34 @@
       ],
       "license": "MIT"
     },
+    "node_modules/quill": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/quill/-/quill-1.3.7.tgz",
+      "integrity": "sha512-hG/DVzh/TiknWtE6QmWAF/pxoZKYxfe3J/d/+ShUWkDvvkZQVTPeVmUJVu1uE6DDooC4fWTiCLh84ul89oNz5g==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "clone": "^2.1.1",
+        "deep-equal": "^1.0.1",
+        "eventemitter3": "^2.0.3",
+        "extend": "^3.0.2",
+        "parchment": "^1.1.4",
+        "quill-delta": "^3.6.2"
+      }
+    },
+    "node_modules/quill-delta": {
+      "version": "3.6.3",
+      "resolved": "https://registry.npmjs.org/quill-delta/-/quill-delta-3.6.3.tgz",
+      "integrity": "sha512-wdIGBlcX13tCHOXGMVnnTVFtGRLoP0imqxM696fIPwIf5ODIYUHIvHbZcyvGlZFiFhK5XzDC2lpjbxRhnM05Tg==",
+      "license": "MIT",
+      "dependencies": {
+        "deep-equal": "^1.0.1",
+        "extend": "^3.0.2",
+        "fast-diff": "1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
     "node_modules/react": {
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
@@ -4769,6 +4889,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/react-quill": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/react-quill/-/react-quill-2.0.0.tgz",
+      "integrity": "sha512-4qQtv1FtCfLgoD3PXAur5RyxuUbPXQGOHgTlFie3jtxp43mXDtzCKaOgQ3mLyZfi1PUlyjycfivKelFhy13QUg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/quill": "^1.3.10",
+        "lodash": "^4.17.4",
+        "quill": "^1.3.7"
+      },
+      "peerDependencies": {
+        "react": "^16 || ^17 || ^18",
+        "react-dom": "^16 || ^17 || ^18"
+      }
+    },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -4819,7 +4954,6 @@
       "version": "1.5.4",
       "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.4.tgz",
       "integrity": "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.8",
@@ -5032,7 +5166,6 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
       "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
@@ -5050,7 +5183,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.2.tgz",
       "integrity": "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",

frontend/package.json

@@ -16,6 +16,7 @@
     "next": "14.2.35",
     "react": "^18",
     "react-dom": "^18",
+    "react-quill": "^2.0.0",
     "tailwind-merge": "^3.5.0",
     "zustand": "^5.0.12"
   },

frontend/src/app/admin/page.tsx

@@ -4,7 +4,8 @@ import { useEffect, useState, useCallback } from "react";
 import { useRouter } from "next/navigation";
 import { api } from "@/lib/api";
 import { useAuthStore } from "@/lib/store";
-import { Plus, LayoutDashboard, ShoppingCart } from "lucide-react";
+import { Plus, LayoutDashboard, ShoppingCart, ArrowLeft, Settings } from "lucide-react";
+import RichTextEditor from "@/components/RichTextEditor";
 
 interface Course {
   id: number;
@@ -14,6 +15,7 @@ interface Course {
   driveLink?: string;
   price: number;
   category?: string;
+  viewCount?: number;
 }
 
 interface Order {
@@ -39,8 +41,10 @@ export default function AdminDashboard() {
   const [driveLink, setDriveLink] = useState('');
   const [price, setPrice] = useState('');
   const [category, setCategory] = useState('');
+  const [viewCount, setViewCount] = useState<number | string>(0);
   const [showAddForm, setShowAddForm] = useState(false);
   const [editingCourseId, setEditingCourseId] = useState<number | null>(null);
+  const [showSettings, setShowSettings] = useState(true);
 
   const fetchData = useCallback(async () => {
     try {
@@ -73,7 +77,8 @@ export default function AdminDashboard() {
         coverImage,
         driveLink,
         price: Number(price),
-        category
+        category,
+        viewCount: Number(viewCount) || 0
       };
       
       let res;
@@ -89,7 +94,7 @@ export default function AdminDashboard() {
         setEditingCourseId(null);
         fetchData();
         // Reset form
-        setTitle(''); setDescription(''); setCoverImage(''); setDriveLink(''); setPrice(''); setCategory('');
+        setTitle(''); setDescription(''); setCoverImage(''); setDriveLink(''); setPrice(''); setCategory(''); setViewCount(0);
       }
     } catch (err) {
       console.error(err);
@@ -105,9 +110,29 @@ export default function AdminDashboard() {
     setDriveLink(course.driveLink || '');
     setPrice(course.price ? course.price.toString() : '');
     setCategory(course.category || '');
+    setViewCount(course.viewCount || 0);
     setShowAddForm(true);
   };
 
+  const handleDelete = async (id: number) => {
+    if (!window.confirm('确定要删除该课程吗？删除后无法恢复。')) {
+      return;
+    }
+
+    try {
+      const res = await api.delete(`/api/admin/courses/${id}`);
+      if (res.success) {
+        alert('课程删除成功');
+        fetchData();
+      } else {
+        alert('删除失败');
+      }
+    } catch (err) {
+      console.error(err);
+      alert('删除失败');
+    }
+  };
+
   return (
     <div className="flex flex-col md:flex-row gap-8 min-h-[calc(100vh-12rem)]">
       {/* Sidebar */}
@@ -151,7 +176,7 @@ export default function AdminDashboard() {
                   if (showAddForm) {
                     setShowAddForm(false);
                     setEditingCourseId(null);
-                    setTitle(''); setDescription(''); setCoverImage(''); setDriveLink(''); setPrice(''); setCategory('');
+                    setTitle(''); setDescription(''); setCoverImage(''); setDriveLink(''); setPrice(''); setCategory(''); setViewCount(0);
                   } else {
                     setShowAddForm(true);
                   }
@@ -163,69 +188,126 @@ export default function AdminDashboard() {
             </div>
 
             {showAddForm && (
-              <form onSubmit={handleSubmitCourse} className="bg-gray-50 p-6 rounded-xl mb-8 space-y-4">
-                <div className="grid grid-cols-2 gap-4">
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">标题</label>
-                    <input type="text" required value={title} onChange={e => setTitle(e.target.value)} className="w-full px-4 py-2 rounded-lg border border-gray-200" />
+              <form onSubmit={handleSubmitCourse} className="bg-white border border-gray-200 rounded-xl mb-8 flex flex-col md:flex-row overflow-hidden shadow-sm min-h-[600px]">
+                {/* Main Editor Area */}
+                <div className="flex-1 flex flex-col min-w-0">
+                  {/* Top Bar */}
+                  <div className="px-8 py-6 border-b border-gray-100 flex items-center justify-between bg-white">
+                    <input 
+                      type="text" 
+                      required 
+                      value={title} 
+                      onChange={e => setTitle(e.target.value)} 
+                      placeholder="输入文章/课程标题..." 
+                      className="w-full text-3xl font-bold text-gray-900 border-none outline-none focus:ring-0 placeholder:text-gray-300" 
+                    />
+                    <button type="button" onClick={() => setShowSettings(!showSettings)} className="ml-4 p-2 text-gray-500 hover:bg-gray-100 rounded-lg md:hidden">
+                      <Settings className="w-5 h-5" />
+                    </button>
                   </div>
-                  <div>
-                    <label className="block text-sm font-medium text-gray-700 mb-1">价格 (¥)</label>
-                    <input type="number" required value={price} onChange={e => setPrice(e.target.value)} className="w-full px-4 py-2 rounded-lg border border-gray-200" />
+                  
+                  {/* Rich Text Editor */}
+                  <div className="flex-1 flex flex-col [&_.quill]:flex-1 [&_.quill]:flex [&_.quill]:flex-col [&_.ql-container]:flex-1 [&_.ql-editor]:min-h-[400px]">
+                    <RichTextEditor 
+                      value={description} 
+                      onChange={setDescription} 
+                      placeholder="从这里开始写正文..." 
+                    />
                   </div>
-                  <div className="col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">描述</label>
-                    <textarea rows={3} value={description} onChange={e => setDescription(e.target.value)} className="w-full px-4 py-2 rounded-lg border border-gray-200"></textarea>
+                </div>
+
+                {/* Sidebar Settings */}
+                <div className={`w-full md:w-80 bg-gray-50 border-l border-gray-200 flex flex-col ${showSettings ? 'block' : 'hidden md:flex'}`}>
+                  <div className="p-4 border-b border-gray-200 font-medium text-gray-900 flex justify-between items-center bg-white">
+                    文章设置
                   </div>
-                  <div className="col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">封面图片URL</label>
-                    <div className="flex gap-2">
-                      <input type="text" required value={coverImage} onChange={e => setCoverImage(e.target.value)} className="flex-1 px-4 py-2 rounded-lg border border-gray-200" placeholder="请输入图片URL或点击右侧上传" />
-                      <label className="cursor-pointer px-4 py-2 bg-gray-100 text-gray-700 rounded-lg border border-gray-200 hover:bg-gray-200 transition-colors whitespace-nowrap flex items-center justify-center">
-                        上传图片
-                        <input 
-                          type="file" 
-                          accept="image/*" 
-                          className="hidden" 
-                          onChange={async (e) => {
-                            const file = e.target.files?.[0];
-                            if (!file) return;
-                            const formData = new FormData();
-                            formData.append('file', file);
-                            try {
-                              const res = await api.post('/api/upload', formData, {
-                                headers: {
-                                  'Content-Type': 'multipart/form-data'
-                                }
-                              });
-                              if (res.success) {
-                                setCoverImage(res.url);
-                              } else {
+                  
+                  <div className="flex-1 overflow-y-auto p-5 space-y-6">
+                    {/* Cover Image */}
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">封面图片</label>
+                      {coverImage ? (
+                        <div className="relative w-full aspect-video rounded-lg overflow-hidden border border-gray-200 mb-2">
+                          <img src={coverImage} alt="Cover" className="w-full h-full object-cover" />
+                          <button type="button" onClick={() => setCoverImage('')} className="absolute top-2 right-2 bg-black/50 text-white rounded-full p-1 hover:bg-black/70">
+                            &times;
+                          </button>
+                        </div>
+                      ) : (
+                        <div className="w-full aspect-video bg-white border border-dashed border-gray-300 rounded-lg flex flex-col items-center justify-center text-gray-500 hover:bg-gray-50 cursor-pointer transition-colors relative mb-2">
+                          <Plus className="w-6 h-6 mb-1 text-gray-400" />
+                          <span className="text-sm">上传封面</span>
+                          <input 
+                            type="file" 
+                            accept="image/*" 
+                            className="absolute inset-0 opacity-0 cursor-pointer" 
+                            onChange={async (e) => {
+                              const file = e.target.files?.[0];
+                              if (!file) return;
+                              const formData = new FormData();
+                              formData.append('file', file);
+                              try {
+                                const res = await api.post('/api/upload', formData, {
+                                  headers: { 'Content-Type': 'multipart/form-data' }
+                                });
+                                if (res.success) setCoverImage(res.url);
+                                else alert('上传失败');
+                              } catch (err) {
+                                console.error(err);
                                 alert('上传失败');
                               }
-                            } catch (err) {
-                              console.error(err);
-                              alert('上传失败');
-                            }
-                          }} 
-                        />
-                      </label>
+                            }} 
+                          />
+                        </div>
+                      )}
+                      <input type="text" value={coverImage} onChange={e => setCoverImage(e.target.value)} placeholder="或输入图片URL" className="w-full px-3 py-2 text-sm rounded-lg border border-gray-200 bg-white" />
+                    </div>
+
+                    {/* Price */}
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">价格 (¥)</label>
+                      <input type="number" required value={price} onChange={e => setPrice(e.target.value)} className="w-full px-3 py-2 rounded-lg border border-gray-200 bg-white" placeholder="0.00" />
+                    </div>
+
+                    {/* View Count */}
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">浏览人数设置</label>
+                      <input type="number" value={viewCount} onChange={e => setViewCount(e.target.value)} className="w-full px-3 py-2 rounded-lg border border-gray-200 bg-white" placeholder="0" />
+                    </div>
+
+                    {/* Category */}
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">分类</label>
+                      <select 
+                        value={category} 
+                        onChange={e => setCategory(e.target.value)} 
+                        className="w-full px-3 py-2 rounded-lg border border-gray-200 bg-white"
+                      >
+                        <option value="">请选择分类</option>
+                        <option value="AI新资讯">AI新资讯</option>
+                        <option value="Comfyui资讯">Comfyui资讯</option>
+                        <option value="满血整合包">满血整合包</option>
+                        <option value="闭源API接口">闭源API接口</option>
+                        <option value="应用广场">应用广场</option>
+                      </select>
+                    </div>
+
+                    {/* Drive Link */}
+                    <div>
+                      <label className="block text-sm font-medium text-gray-700 mb-2">付费资料链接 (网盘)</label>
+                      <textarea required value={driveLink} onChange={e => setDriveLink(e.target.value)} rows={3} className="w-full px-3 py-2 rounded-lg border border-gray-200 bg-white text-sm" placeholder="输入百度网盘、阿里云盘等链接及提取码..."></textarea>
                     </div>
                   </div>
-                  <div className="col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">分类</label>
-                    <input type="text" value={category} onChange={e => setCategory(e.target.value)} className="w-full px-4 py-2 rounded-lg border border-gray-200" />
-                  </div>
-                  <div className="col-span-2">
-                    <label className="block text-sm font-medium text-gray-700 mb-1">网盘链接 (受保护)</label>
-                    <input type="text" required value={driveLink} onChange={e => setDriveLink(e.target.value)} className="w-full px-4 py-2 rounded-lg border border-gray-200" />
+
+                  <div className="p-4 border-t border-gray-200 bg-white flex gap-3">
+                    <button type="button" onClick={() => setShowAddForm(false)} className="flex-1 px-4 py-2 border border-gray-200 text-gray-700 rounded-lg font-medium hover:bg-gray-50 transition-colors">
+                      取消
+                    </button>
+                    <button type="submit" className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700 transition-colors shadow-sm">
+                      {editingCourseId ? '更新发布' : '立即发布'}
+                    </button>
                   </div>
                 </div>
-                <div className="flex justify-end pt-4">
-                  <button type="submit" className="px-6 py-2 bg-blue-600 text-white rounded-lg font-medium hover:bg-blue-700">
-                    {editingCourseId ? '更新课程' : '保存课程'}
-                  </button>
-                </div>
               </form>
             )}
 
@@ -236,6 +318,7 @@ export default function AdminDashboard() {
                     <th className="pb-3 font-medium">ID</th>
                     <th className="pb-3 font-medium">课程标题</th>
                     <th className="pb-3 font-medium">价格</th>
+                    <th className="pb-3 font-medium">浏览人���</th>
                     <th className="pb-3 font-medium">分类</th>
                     <th className="pb-3 font-medium">操作</th>
                   </tr>
@@ -246,9 +329,11 @@ export default function AdminDashboard() {
                       <td className="py-4 text-gray-500">#{course.id}</td>
                       <td className="py-4 font-medium text-gray-900">{course.title}</td>
                       <td className="py-4">¥{course.price}</td>
+                      <td className="py-4 text-gray-500">{course.viewCount || 0}</td>
                       <td className="py-4"><span className="px-2 py-1 bg-gray-100 rounded-md text-xs">{course.category || 'N/A'}</span></td>
                       <td className="py-4">
                         <button onClick={() => handleEdit(course)} className="text-blue-600 hover:underline mr-3">编辑</button>
+                        <button onClick={() => handleDelete(course.id)} className="text-red-600 hover:underline">删除</button>
                       </td>
                     </tr>
                   ))}

frontend/src/app/client-layout.tsx

@@ -17,13 +17,23 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
     <>
       <header className="bg-white border-b sticky top-0 z-50">
         <div className="max-w-7xl mx-auto px-4 h-16 flex items-center justify-between">
-          <Link href="/" className="text-xl font-bold text-blue-600">课程中心</Link>
+          <Link href="/" className="text-xl font-bold text-blue-600">极简AI</Link>
           <nav className="flex items-center gap-6">
-            <Link href="/" className="text-gray-600 hover:text-blue-600 font-medium">发现课程</Link>
+            <Link href="/" className="text-gray-600 hover:text-blue-600 font-medium">首页</Link>
+            <Link href="/?category=ai-news" className="text-gray-600 hover:text-blue-600 font-medium">AI新资讯</Link>
+            <Link href="/?category=comfyui" className="text-gray-600 hover:text-blue-600 font-medium">Comfyui资讯</Link>
+            <Link href="/?category=full-blood" className="text-gray-600 hover:text-blue-600 font-medium">满血整合包</Link>
+            <Link href="/?category=closed-api" className="text-gray-600 hover:text-blue-600 font-medium">闭源API接口</Link>
+            <Link href="/?category=app-square" className="text-gray-600 hover:text-blue-600 font-medium">应用广场</Link>
             
             {user ? (
               <>
-                <Link href="/user/courses" className="text-gray-600 hover:text-blue-600 font-medium">我的学习</Link>
+                {user.role !== 'admin' && (
+                  <>
+                    <Link href="/user/stars" className="text-gray-600 hover:text-blue-600 font-medium">我的收藏</Link>
+                    <Link href="/user/courses" className="text-gray-600 hover:text-blue-600 font-medium">我的学习</Link>
+                  </>
+                )}
                 {user.role === 'admin' && (
                   <Link href="/admin" className="text-gray-600 hover:text-blue-600 font-medium">管理后台</Link>
                 )}
@@ -52,7 +62,7 @@ export default function ClientLayout({ children }: { children: React.ReactNode }
 
       <footer className="bg-white border-t py-8 mt-auto">
         <div className="max-w-7xl mx-auto px-4 text-center text-gray-500 text-sm">
-          © 2024 课程中心. 保留所有权利。
+          © {new Date().getFullYear()} 极简AI. 保留所有权利。
         </div>
       </footer>
     </>

frontend/src/app/course/[id]/page.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState, useRef } from "react";
 import { useParams, useRouter } from "next/navigation";
 import { api } from "@/lib/api";
-import { ArrowLeft, Link as LinkIcon, Copy, X } from "lucide-react";
+import { ArrowLeft, Link as LinkIcon, Copy, X, Eye, ThumbsUp, Star } from "lucide-react";
 import Link from "next/link";
 import { useAuthStore } from "@/lib/store";
 
@@ -17,6 +17,9 @@ export default function CourseDetail() {
   const [loading, setLoading] = useState(true);
   const [hasPurchased, setHasPurchased] = useState(false);
   const [selectedLink, setSelectedLink] = useState<string | null>(null);
+  const [isLiked, setIsLiked] = useState(false);
+  const [isStarred, setIsStarred] = useState(false);
+  const hasViewedRef = useRef(false);
 
   useEffect(() => {
     const fetchData = async () => {
@@ -24,16 +27,31 @@ export default function CourseDetail() {
         const res = await api.get(`/api/courses/${id}`);
         if (res.success) {
           setCourse(res.data);
+          // Increment view count in the background only once per mount
+          if (!hasViewedRef.current) {
+            hasViewedRef.current = true;
+            api.post(`/api/courses/${id}/view`, {}).catch(console.error);
+          }
         }
 
-        // 检查购买状态
+        // 检查购买状态和收藏状态
         if (token) {
-          const myCoursesRes = await api.get('/api/courses/my');
+          const [myCoursesRes, myStarsRes] = await Promise.all([
+            api.get('/api/courses/my'),
+            api.get('/api/courses/my-stars')
+          ]);
+
           if (myCoursesRes.success) {
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const isPurchased = myCoursesRes.data.some((c: any) => c.id === Number(id));
             setHasPurchased(isPurchased);
           }
+
+          if (myStarsRes.success) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const isStarred = myStarsRes.data.some((c: any) => c.id === Number(id));
+            setIsStarred(isStarred);
+          }
         }
       } catch (err) {
         console.error(err);
@@ -89,6 +107,34 @@ export default function CourseDetail() {
     }
   };
 
+  const handleToggleLike = async () => {
+    try {
+      const res = await api.post(`/api/courses/${id}/like`, {});
+      if (res.success) {
+        setIsLiked(!isLiked);
+        // Refresh course data to get updated count
+        const courseRes = await api.get(`/api/courses/${id}`);
+        if (courseRes.success) setCourse(courseRes.data);
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
+  const handleToggleStar = async () => {
+    try {
+      const res = await api.post(`/api/courses/${id}/star`, {});
+      if (res.success) {
+        setIsStarred(!isStarred);
+        // Refresh course data to get updated count
+        const courseRes = await api.get(`/api/courses/${id}`);
+        if (courseRes.success) setCourse(courseRes.data);
+      }
+    } catch (err) {
+      console.error(err);
+    }
+  };
+
   if (loading) {
     return <div className="animate-pulse h-96 bg-white rounded-xl"></div>;
   }
@@ -116,8 +162,14 @@ export default function CourseDetail() {
         <div className="p-8">
           <div className="flex items-start justify-between mb-6">
             <div>
-              <div className="inline-block px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm font-medium mb-3">
-                {course.category || '通用'}
+              <div className="flex items-center gap-3 mb-3">
+                <div className="inline-block px-3 py-1 bg-blue-50 text-blue-600 rounded-full text-sm font-medium">
+                  {course.category || '通用'}
+                </div>
+                <div className="flex items-center text-gray-500 text-sm">
+                  <Eye className="w-4 h-4 mr-1" />
+                  <span>{course.viewCount || 0} 人看过</span>
+                </div>
               </div>
               <h1 className="text-3xl font-bold text-gray-900">{course.title}</h1>
             </div>
@@ -128,34 +180,58 @@ export default function CourseDetail() {
           
           <div className="prose max-w-none text-gray-600 mb-8">
             <h3 className="text-xl font-semibold text-gray-900 mb-4">关于本课程</h3>
-            <p className="whitespace-pre-line">{course.description}</p>
+            <div 
+              className="[&>p]:mb-4 [&>img]:max-w-full [&>img]:h-auto [&>img]:rounded-lg [&_a]:text-blue-600 [&_a]:underline"
+              dangerouslySetInnerHTML={{ __html: course.description || '' }} 
+            />
           </div>
           
-          <div className="flex justify-end pt-6 border-t gap-4">
-            {hasPurchased ? (
-              <>
-                <button 
-                  disabled
-                  className="bg-gray-100 text-gray-500 px-8 py-4 rounded-xl font-semibold text-lg cursor-not-allowed"
-                >
-                  已购买
-                </button>
-                <button 
-                  onClick={handleAccess}
-                  className="bg-blue-600 text-white px-8 py-4 rounded-xl font-semibold text-lg hover:bg-blue-700 transition-colors shadow-lg shadow-blue-200 flex items-center"
-                >
-                  <LinkIcon className="w-5 h-5 mr-2" />
-                  获取资料
-                </button>
-              </>
-            ) : (
+          <div className="flex justify-between items-center pt-6 border-t">
+            {/* Interaction Buttons */}
+            <div className="flex gap-6">
               <button 
-                onClick={handleBuy}
-                className="bg-blue-600 text-white px-8 py-4 rounded-xl font-semibold text-lg hover:bg-blue-700 transition-colors shadow-lg shadow-blue-200"
+                onClick={handleToggleLike}
+                className={`flex items-center gap-2 transition-colors ${isLiked ? 'text-blue-600' : 'text-gray-500 hover:text-gray-900'}`}
               >
-                立即购买
+                <ThumbsUp className={`w-6 h-6 ${isLiked ? 'fill-current' : ''}`} />
+                <span className="font-medium">{course.likeCount || 0}</span>
               </button>
-            )}
+              <button 
+                onClick={handleToggleStar}
+                className={`flex items-center gap-2 transition-colors ${isStarred ? 'text-yellow-500' : 'text-gray-500 hover:text-gray-900'}`}
+              >
+                <Star className={`w-6 h-6 ${isStarred ? 'fill-current' : ''}`} />
+                <span className="font-medium">{course.starCount || 0}</span>
+              </button>
+            </div>
+
+            {/* Action Buttons */}
+            <div className="flex gap-4">
+              {hasPurchased ? (
+                <>
+                  <button 
+                    disabled
+                    className="bg-gray-100 text-gray-500 px-8 py-2.5 rounded-xl font-semibold text-base cursor-not-allowed"
+                  >
+                    已购买
+                  </button>
+                  <button 
+                    onClick={handleAccess}
+                    className="bg-blue-600 text-white px-8 py-2.5 rounded-xl font-semibold text-base hover:bg-blue-700 transition-colors shadow-lg shadow-blue-200 flex items-center"
+                  >
+                    <LinkIcon className="w-5 h-5 mr-2" />
+                    获取资料
+                  </button>
+                </>
+              ) : (
+                <button 
+                  onClick={handleBuy}
+                  className="bg-blue-600 text-white px-8 py-2.5 rounded-xl font-semibold text-base hover:bg-blue-700 transition-colors shadow-lg shadow-blue-200"
+                >
+                  立即购买
+                </button>
+              )}
+            </div>
           </div>
         </div>
       </div>

frontend/src/app/login/page.tsx

@@ -9,9 +9,9 @@ export default function Login() {
   const router = useRouter();
   const { setAuth } = useAuthStore();
   const [isLogin, setIsLogin] = useState(true);
-  const [phone, setPhone] = useState("");
+  const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
-  const [smsCode, setSmsCode] = useState("");
+  const [emailCode, setEmailCode] = useState("");
   const [loading, setLoading] = useState(false);
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -20,19 +20,19 @@ export default function Login() {
     
     try {
       if (isLogin) {
-        const res = await api.post('/api/auth/login', { phone, password });
+        const res = await api.post('/api/auth/login', { email, password });
         if (res.success) {
           setAuth(
-            { id: res.data.userId, phone, nickname: res.data.nickname, role: res.data.role }, 
+            { id: res.data.userId, email, nickname: res.data.nickname, role: res.data.role }, 
             res.data.token
           );
           router.push('/');
         }
       } else {
-        const res = await api.post('/api/auth/register', { phone, password, smsCode: smsCode || '123456' });
+        const res = await api.post('/api/auth/register', { email, password, emailCode: emailCode || '123456' });
         if (res.success) {
           setAuth(
-            { id: res.data.userId, phone, nickname: res.data.nickname, role: res.data.role }, 
+            { id: res.data.userId, email, nickname: res.data.nickname, role: res.data.role }, 
             res.data.token
           );
           router.push('/');
@@ -56,14 +56,14 @@ export default function Login() {
         
         <form onSubmit={handleSubmit} className="space-y-5">
           <div>
-            <label className="block text-sm font-medium text-gray-700 mb-1">手机号码</label>
+            <label className="block text-sm font-medium text-gray-700 mb-1">邮箱地址</label>
             <input 
-              type="text" 
+              type="email" 
               required
-              value={phone}
-              onChange={(e) => setPhone(e.target.value)}
+              value={email}
+              onChange={(e) => setEmail(e.target.value)}
               className="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition-all"
-              placeholder="请输入手机号码"
+              placeholder="请输入邮箱地址"
             />
           </div>
           
@@ -81,13 +81,13 @@ export default function Login() {
 
           {!isLogin && (
             <div>
-              <label className="block text-sm font-medium text-gray-700 mb-1">短信验证码 (模拟: 123456)</label>
+              <label className="block text-sm font-medium text-gray-700 mb-1">邮箱验证码 (模拟: 123456)</label>
               <div className="flex gap-3">
                 <input 
                   type="text" 
                   required
-                  value={smsCode}
-                  onChange={(e) => setSmsCode(e.target.value)}
+                  value={emailCode}
+                  onChange={(e) => setEmailCode(e.target.value)}
                   className="flex-1 px-4 py-3 rounded-xl border border-gray-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition-all"
                   placeholder="6位验证码"
                 />

frontend/src/app/page.tsx

@@ -1,20 +1,39 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { useEffect, useState, Suspense } from "react";
 import { api } from "@/lib/api";
 import Link from "next/link";
-import { BookOpen, Search } from "lucide-react";
+import { BookOpen, Search, Eye, ThumbsUp, Star } from "lucide-react";
+import { useSearchParams } from "next/navigation";
 
-export default function Home() {
+const CATEGORY_MAP: Record<string, string> = {
+  'ai-news': 'AI新资讯',
+  'comfyui': 'Comfyui资讯',
+  'full-blood': '满血整合包',
+  'closed-api': '闭源API接口',
+  'app-square': '应用广场'
+};
+
+function HomeContent() {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const [courses, setCourses] = useState<any[]>([]);
   const [loading, setLoading] = useState(true);
   const [searchQuery, setSearchQuery] = useState("");
+  const searchParams = useSearchParams();
+  const currentCategory = searchParams.get('category');
 
-  const filteredCourses = courses.filter(course => 
-    course.title.toLowerCase().includes(searchQuery.toLowerCase()) || 
-    course.description?.toLowerCase().includes(searchQuery.toLowerCase())
-  );
+  const filteredCourses = courses.filter(course => {
+    const matchesSearch = course.title.toLowerCase().includes(searchQuery.toLowerCase()) || 
+                          course.description?.toLowerCase().includes(searchQuery.toLowerCase());
+    
+    if (currentCategory && CATEGORY_MAP[currentCategory]) {
+      // 假设后端的分类数据和我们的名称匹配，或者为了演示只显示包含该关键词的课程
+      // 如果后端没有这些数据，我们就暂且根据标题或者描述来做简单匹配过滤，或者假设它们有一个 category 字段
+      const categoryName = CATEGORY_MAP[currentCategory];
+      return matchesSearch && (course.category === categoryName || course.title.includes(categoryName) || !course.category);
+    }
+    return matchesSearch;
+  });
 
   useEffect(() => {
     const fetchCourses = async () => {
@@ -33,6 +52,10 @@ export default function Home() {
     fetchCourses();
   }, []);
 
+  const displayTitle = currentCategory && CATEGORY_MAP[currentCategory] 
+    ? CATEGORY_MAP[currentCategory] 
+    : '精选课程';
+
   return (
     <div className="space-y-8">
       {/* Search Section */}
@@ -50,54 +73,92 @@ export default function Home() {
       </section>
 
       {/* Course List */}
-      <section>
-        <div className="flex items-center justify-between mb-6">
-          <h2 className="text-2xl font-bold text-gray-900">
-            {searchQuery ? '搜索结果' : '精选课程'}
-          </h2>
-        </div>
-
-        {loading ? (
+      {loading ? (
+        <section>
+          <div className="flex items-center justify-between mb-6">
+            <h2 className="text-2xl font-bold text-gray-900">加载中...</h2>
+          </div>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {[1, 2, 3].map((i) => (
               <div key={i} className="bg-white rounded-xl h-80 animate-pulse"></div>
             ))}
           </div>
-        ) : filteredCourses.length > 0 ? (
+        </section>
+      ) : filteredCourses.length > 0 ? (
+        <section>
+          <div className="flex items-center justify-between mb-6">
+            <h2 className="text-2xl font-bold text-gray-900">
+              {searchQuery ? `搜索结果 - ${displayTitle}` : displayTitle}
+            </h2>
+          </div>
           <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
             {filteredCourses.map((course) => (
-              <Link href={`/course/${course.id}`} key={course.id}>
-                <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow group">
-                  <div className="aspect-video w-full bg-gray-200 relative overflow-hidden">
-                    {/* eslint-disable-next-line @next/next/no-img-element */}
-                    <img 
-                      src={course.coverImage || "https://coresg-normal.trae.ai/api/ide/v1/text_to_image?prompt=educational%20course%20cover%20design%20with%20books%20and%20laptop%20clean%20style&image_size=landscape_16_9"} 
-                      alt={course.title}
-                      className="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
-                    />
-                  </div>
-                  <div className="p-5">
-                    <div className="text-xs font-medium text-blue-600 mb-2">{course.category || '通用'}</div>
-                    <h3 className="text-lg font-semibold text-gray-900 mb-2 line-clamp-1">{course.title}</h3>
-                    <p className="text-gray-500 text-sm mb-4 line-clamp-2">{course.description}</p>
-                    <div className="flex items-center justify-between mt-auto">
-                      <span className="text-xl font-bold text-gray-900">¥{course.price}</span>
-                      <span className="text-sm text-blue-600 font-medium">了解详情 →</span>
-                    </div>
-                  </div>
-                </div>
-              </Link>
+              <CourseCard key={course.id} course={course} />
             ))}
           </div>
-        ) : (
+        </section>
+      ) : (
+        <section>
           <div className="text-center py-12 bg-white rounded-xl border border-gray-100">
             <BookOpen className="w-12 h-12 text-gray-300 mx-auto mb-3" />
             <p className="text-gray-500">
-              {searchQuery ? '未找到匹配的课程' : '暂无可用课程'}
+              {searchQuery ? '未找到匹配的课程' : `暂无 ${currentCategory && CATEGORY_MAP[currentCategory] ? CATEGORY_MAP[currentCategory] : '可用'} 课程`}
             </p>
           </div>
-        )}
-      </section>
+        </section>
+      )}
     </div>
   );
 }
+
+export default function Home() {
+  return (
+    <Suspense fallback={<div className="p-8 text-center text-gray-500">加载中...</div>}>
+      <HomeContent />
+    </Suspense>
+  );
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function CourseCard({ course }: { course: any }) {
+  return (
+    <Link href={`/course/${course.id}`}>
+      <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow group flex flex-col h-full">
+        <div className="aspect-video w-full bg-gray-200 relative overflow-hidden">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img 
+            src={course.coverImage || "https://coresg-normal.trae.ai/api/ide/v1/text_to_image?prompt=educational%20course%20cover%20design%20with%20books%20and%20laptop%20clean%20style&image_size=landscape_16_9"} 
+            alt={course.title}
+            className="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
+          />
+        </div>
+        <div className="p-5 flex flex-col flex-1">
+          <div className="text-xs font-medium text-blue-600 mb-2">{course.category || '通用'}</div>
+          <h3 className="text-lg font-semibold text-gray-900 mb-2 line-clamp-1">{course.title}</h3>
+          <p className="text-gray-500 text-sm mb-4 line-clamp-2 flex-1">
+            {course.description ? course.description.replace(/<[^>]*>?/gm, '') : ''}
+          </p>
+          <div className="flex items-center justify-between mt-auto">
+            <span className="text-xl font-bold text-gray-900">
+              {Number(course.price) === 0 ? '免费' : `¥${course.price}`}
+            </span>
+            <div className="flex items-center text-gray-500 text-sm gap-5">
+              <div className="flex items-center">
+                <ThumbsUp className="w-4 h-4 mr-1.5" />
+                <span>{course.likeCount || 0}</span>
+              </div>
+              <div className="flex items-center">
+                <Star className="w-4 h-4 mr-1.5" />
+                <span>{course.starCount || 0}</span>
+              </div>
+              <div className="flex items-center">
+                <Eye className="w-4 h-4 mr-1.5" />
+                <span>{course.viewCount || 0}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Link>
+  );
+}

frontend/src/app/user/stars/page.tsx

@@ -0,0 +1,141 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { api } from "@/lib/api";
+import { BookOpen, Search, Eye, ThumbsUp, Star } from "lucide-react";
+import Link from "next/link";
+import { useAuthStore } from "@/lib/store";
+import { useRouter } from "next/navigation";
+
+export default function UserStarsPage() {
+  const [courses, setCourses] = useState<any[]>([]);
+  const [loading, setLoading] = useState(true);
+  const [searchQuery, setSearchQuery] = useState("");
+  const { token, user } = useAuthStore();
+  const router = useRouter();
+
+  useEffect(() => {
+    if (!token) {
+      router.push('/login');
+      return;
+    }
+
+    const fetchCourses = async () => {
+      try {
+        const res = await api.get('/api/courses/my-stars');
+        if (res.success) {
+          setCourses(res.data);
+        }
+      } catch (err) {
+        console.error(err);
+      } finally {
+        setLoading(false);
+      }
+    };
+
+    fetchCourses();
+  }, [token, router]);
+
+  const filteredCourses = courses.filter(course => 
+    course.title.toLowerCase().includes(searchQuery.toLowerCase()) || 
+    course.description?.toLowerCase().includes(searchQuery.toLowerCase())
+  );
+
+  return (
+    <div className="space-y-8">
+      {/* Search Section */}
+      <section className="bg-white rounded-2xl p-6 shadow-sm border border-gray-100">
+        <div className="relative">
+          <Search className="absolute left-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
+          <input 
+            type="text" 
+            placeholder="在收藏中搜索..." 
+            value={searchQuery}
+            onChange={(e) => setSearchQuery(e.target.value)}
+            className="w-full pl-12 pr-4 py-3 rounded-xl border border-gray-200 focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none transition-all text-gray-900 placeholder:text-gray-400"
+          />
+        </div>
+      </section>
+
+      {/* Course List */}
+      {loading ? (
+        <section>
+          <div className="flex items-center justify-between mb-6">
+            <h2 className="text-2xl font-bold text-gray-900">加载中...</h2>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {[1, 2, 3].map((i) => (
+              <div key={i} className="bg-white rounded-xl h-80 animate-pulse"></div>
+            ))}
+          </div>
+        </section>
+      ) : filteredCourses.length > 0 ? (
+        <section>
+          <div className="flex items-center justify-between mb-6">
+            <h2 className="text-2xl font-bold text-gray-900">
+              {searchQuery ? `搜索结果 - 我的收藏` : '我的收藏'}
+            </h2>
+          </div>
+          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            {filteredCourses.map((course) => (
+              <CourseCard key={course.id} course={course} />
+            ))}
+          </div>
+        </section>
+      ) : (
+        <section>
+          <div className="text-center py-12 bg-white rounded-xl border border-gray-100">
+            <BookOpen className="w-12 h-12 text-gray-300 mx-auto mb-3" />
+            <p className="text-gray-500">
+              {searchQuery ? '未找到匹配的课程' : '暂无收藏的课程'}
+            </p>
+          </div>
+        </section>
+      )}
+    </div>
+  );
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function CourseCard({ course }: { course: any }) {
+  return (
+    <Link href={`/course/${course.id}`}>
+      <div className="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow group flex flex-col h-full">
+        <div className="aspect-video w-full bg-gray-200 relative overflow-hidden">
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img 
+            src={course.coverImage || "https://coresg-normal.trae.ai/api/ide/v1/text_to_image?prompt=educational%20course%20cover%20design%20with%20books%20and%20laptop%20clean%20style&image_size=landscape_16_9"} 
+            alt={course.title}
+            className="object-cover w-full h-full group-hover:scale-105 transition-transform duration-300"
+          />
+        </div>
+        <div className="p-5 flex flex-col flex-1">
+          <div className="text-xs font-medium text-blue-600 mb-2">{course.category || '通用'}</div>
+          <h3 className="text-lg font-semibold text-gray-900 mb-2 line-clamp-1">{course.title}</h3>
+          <p className="text-gray-500 text-sm mb-4 line-clamp-2 flex-1">
+            {course.description ? course.description.replace(/<[^>]*>?/gm, '') : ''}
+          </p>
+          <div className="flex items-center justify-between mt-auto">
+            <span className="text-xl font-bold text-gray-900">
+              {Number(course.price) === 0 ? '免费' : `¥${course.price}`}
+            </span>
+            <div className="flex items-center text-gray-500 text-sm gap-5">
+              <div className="flex items-center">
+                <ThumbsUp className="w-4 h-4 mr-1.5" />
+                <span>{course.likeCount || 0}</span>
+              </div>
+              <div className="flex items-center text-yellow-500">
+                <Star className="w-4 h-4 mr-1.5 fill-current" />
+                <span>{course.starCount || 0}</span>
+              </div>
+              <div className="flex items-center">
+                <Eye className="w-4 h-4 mr-1.5" />
+                <span>{course.viewCount || 0}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </Link>
+  );
+}

frontend/src/components/QuillWrapper.tsx

@@ -0,0 +1,80 @@
+import React, { useMemo, useRef } from 'react';
+import ReactQuill from 'react-quill';
+import 'react-quill/dist/quill.snow.css';
+import { api } from '@/lib/api';
+
+interface QuillWrapperProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+}
+
+const QuillWrapper: React.FC<QuillWrapperProps> = ({ value, onChange, placeholder }) => {
+  const quillRef = useRef<ReactQuill>(null);
+
+  const imageHandler = () => {
+    const input = document.createElement('input');
+    input.setAttribute('type', 'file');
+    input.setAttribute('accept', 'image/*');
+    input.click();
+
+    input.onchange = async () => {
+      const file = input.files ? input.files[0] : null;
+      if (file) {
+        const formData = new FormData();
+        formData.append('file', file);
+
+        try {
+          const res = await api.post('/api/upload', formData, {
+            headers: {
+              'Content-Type': 'multipart/form-data',
+            },
+          });
+          if (res.url) {
+            const quill = quillRef.current?.getEditor();
+            if (quill) {
+              const range = quill.getSelection(true);
+              quill.insertEmbed(range?.index || 0, 'image', res.url);
+            }
+          } else {
+            alert('Upload failed: ' + (res.message || 'Unknown error'));
+          }
+        } catch (error) {
+          console.error('Upload error:', error);
+          alert('Upload failed');
+        }
+      }
+    };
+  };
+
+  const modules = useMemo(
+    () => ({
+      toolbar: {
+        container: [
+          [{ header: [1, 2, 3, false] }],
+          ['bold', 'italic', 'underline', 'strike'],
+          [{ list: 'ordered' }, { list: 'bullet' }],
+          ['link', 'image'],
+          ['clean'],
+        ],
+        handlers: {
+          image: imageHandler,
+        },
+      },
+    }),
+    []
+  );
+
+  return (
+    <ReactQuill
+      ref={quillRef}
+      theme="snow"
+      value={value}
+      onChange={onChange}
+      modules={modules}
+      placeholder={placeholder}
+    />
+  );
+};
+
+export default QuillWrapper;

frontend/src/components/RichTextEditor.tsx

@@ -0,0 +1,19 @@
+'use client';
+
+import dynamic from 'next/dynamic';
+
+const QuillWrapper = dynamic(() => import('./QuillWrapper'), { ssr: false });
+
+interface RichTextEditorProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+}
+
+export default function RichTextEditor(props: RichTextEditorProps) {
+  return (
+    <div className="bg-white">
+      <QuillWrapper {...props} />
+    </div>
+  );
+}

frontend/src/lib/store.ts

@@ -2,7 +2,7 @@ import { create } from 'zustand';
 
 interface User {
   id: number;
-  phone: string;
+  email: string;
   nickname: string;
   role: string;
 }

load-test.mjs

@@ -0,0 +1,142 @@
+import fs from 'fs';
+
+const API_BASE = 'http://localhost:3001/api';
+
+async function login(email, password) {
+  const res = await fetch(`${API_BASE}/auth/login`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ email, password })
+  });
+  const data = await res.json();
+  if (!res.ok || !data.success) throw new Error(`Login failed: ${JSON.stringify(data)}`);
+  return data.data.token;
+}
+
+async function register(email, password) {
+  const res = await fetch(`${API_BASE}/auth/register`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ email, password, emailCode: '123456' })
+  });
+  const data = await res.json();
+  if (!res.ok || !data.success) {
+    if (data.message === 'User already exists') {
+      return await login(email, password);
+    }
+    throw new Error(`Register failed: ${JSON.stringify(data)}`);
+  }
+  return data.data.token;
+}
+
+async function createCourse(token, index) {
+  const res = await fetch(`${API_BASE}/admin/courses`, {
+    method: 'POST',
+    headers: { 
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${token}`
+    },
+    body: JSON.stringify({
+      title: `Stress Test Course ${index}`,
+      description: `A course created for load testing ${index}`,
+      coverImage: 'https://via.placeholder.com/150',
+      driveLink: 'https://drive.google.com/example',
+      price: 9.99,
+      category: 'Testing'
+    })
+  });
+  const data = await res.json();
+  if (!res.ok) throw new Error(`Create course failed: ${JSON.stringify(data)}`);
+  return data.data.id;
+}
+
+async function createOrder(token, courseId, price) {
+  const res = await fetch(`${API_BASE}/orders/create`, {
+    method: 'POST',
+    headers: { 
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${token}`
+    },
+    body: JSON.stringify({ courseId, price })
+  });
+  const data = await res.json();
+  if (!res.ok) throw new Error(`Create order failed: ${JSON.stringify(data)}`);
+  return data.data.orderId;
+}
+
+async function preparePayment(token, orderId) {
+  const res = await fetch(`${API_BASE}/payment/prepare`, {
+    method: 'POST',
+    headers: { 
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${token}`
+    },
+    body: JSON.stringify({ orderId: String(orderId), payType: 'wechat' })
+  });
+  const data = await res.json();
+  if (!res.ok) throw new Error(`Prepare payment failed: ${JSON.stringify(data)}`);
+  return data.data;
+}
+
+async function runTest() {
+  console.log('Starting Load Test...');
+  
+  // 1. Admin login
+  console.log('Logging in as admin...');
+  const adminToken = await login('admin@example.com', '123456');
+  
+  // 2. Create courses
+  const NUM_COURSES = 10;
+  console.log(`Creating ${NUM_COURSES} courses...`);
+  const courseIds = [];
+  for (let i = 1; i <= NUM_COURSES; i++) {
+    const id = await createCourse(adminToken, i);
+    courseIds.push(id);
+  }
+  console.log(`Created course IDs: ${courseIds.join(', ')}`);
+
+  // 3. Create users
+  const NUM_USERS = 50;
+  console.log(`Creating ${NUM_USERS} users...`);
+  const userTokens = [];
+  for (let i = 1; i <= NUM_USERS; i++) {
+    const email = `loadtestuser${Date.now()}_${i}@example.com`;
+    const token = await register(email, '123456');
+    userTokens.push(token);
+  }
+
+  // 4. Stress test: all users try to buy all courses concurrently
+  console.log(`Starting concurrent purchase stress test for ${NUM_USERS * NUM_COURSES} requests...`);
+  const startTime = Date.now();
+  let successCount = 0;
+  let failCount = 0;
+  
+  const tasks = [];
+  
+  for (const token of userTokens) {
+    for (const courseId of courseIds) {
+      tasks.push((async () => {
+        try {
+          const orderId = await createOrder(token, courseId, 9.99);
+          await preparePayment(token, orderId);
+          successCount++;
+        } catch (e) {
+          failCount++;
+          console.error(e.message);
+        }
+      })());
+    }
+  }
+
+  await Promise.all(tasks);
+  
+  const endTime = Date.now();
+  console.log('\n--- Stress Test Completed ---');
+  console.log(`Total Purchase Tasks: ${tasks.length}`);
+  console.log(`Success: ${successCount}`);
+  console.log(`Failed: ${failCount}`);
+  console.log(`Time taken: ${endTime - startTime} ms`);
+  console.log(`Requests per second: ${((tasks.length * 2) / ((endTime - startTime) / 1000)).toFixed(2)} req/s (2 API calls per task)`);
+}
+
+runTest().catch(console.error);

管理员账号

@@ -0,0 +1 @@
+admin@example.com （密码： 123456 ）