当前位置：首页 > news >正文

Pixel Couplet Gen 与数据库课程设计结合：构建春联作品管理平台

news 2026/7/25 8:24:55

Pixel Couplet Gen 与数据库课程设计结合：构建春联作品管理平台

1. 项目背景与价值

每逢春节，家家户户都会张贴春联，这项传统习俗蕴含着丰富的文化内涵。然而对于现代年轻人来说，创作一副工整对仗、寓意美好的春联并非易事。Pixel Couplet Gen作为一款AI春联生成工具，能够根据用户输入的关键词自动生成符合格律的春联内容。

将这一AI工具与数据库课程设计相结合，可以打造一个完整的春联作品管理平台。这个实战项目不仅能让学生掌握数据库设计的基本原理，还能体验从AI模型调用到Web应用开发的全栈开发流程。通过实际项目的锤炼，学生可以更好地理解理论知识在实际开发中的应用。

2. 系统设计与功能规划

2.1 核心功能模块

这个春联作品管理平台主要包含以下几个功能模块：

用户管理：用户注册、登录、个人信息维护
春联生成：调用Pixel Couplet Gen API生成春联
作品管理：收藏、点赞、评论他人作品
风格分类：按不同风格（传统、现代、幽默等）浏览春联
数据统计：热门作品排行、用户活跃度分析

2.2 技术架构设计

系统采用经典的三层架构：

前端展示层：使用Vue.js框架构建用户界面
业务逻辑层：Spring Boot处理业务逻辑和API调用
数据持久层：MySQL数据库存储系统数据

3. 数据库设计与实现

3.1 E-R图设计

根据系统需求，我们设计了以下主要实体及其关系：

用户(User)：存储用户基本信息
春联作品(Couplet)：记录生成的春联内容
风格(Style)：定义春联的不同风格分类
评论(Comment)：用户对作品的评价
收藏(Favorite)：用户收藏作品的关系

实体间的关系包括：用户-作品（一对多）、作品-风格（多对一）、用户-评论（一对多）、作品-评论（一对多）、用户-收藏（多对多）。

3.2 数据表结构

以下是核心数据表的详细设计：

用户表(users)

CREATE TABLE users ( user_id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(50) NOT NULL UNIQUE, password VARCHAR(100) NOT NULL, email VARCHAR(100) UNIQUE, avatar VARCHAR(255), created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP );

春联作品表(couplets)

CREATE TABLE couplets ( couplet_id INT AUTO_INCREMENT PRIMARY KEY, user_id INT NOT NULL, style_id INT NOT NULL, upper_line VARCHAR(100) NOT NULL, lower_line VARCHAR(100) NOT NULL, horizontal VARCHAR(50), likes INT DEFAULT 0, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (user_id) REFERENCES users(user_id), FOREIGN KEY (style_id) REFERENCES styles(style_id) );

风格表(styles)

CREATE TABLE styles ( style_id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(50) NOT NULL, description VARCHAR(255) );

评论表(comments)

CREATE TABLE comments ( comment_id INT AUTO_INCREMENT PRIMARY KEY, user_id INT NOT NULL, couplet_id INT NOT NULL, content TEXT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, FOREIGN KEY (user_id) REFERENCES users(user_id), FOREIGN KEY (couplet_id) REFERENCES couplets(couplet_id) );

收藏表(favorites)

CREATE TABLE favorites ( user_id INT NOT NULL, couplet_id INT NOT NULL, created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP, PRIMARY KEY (user_id, couplet_id), FOREIGN KEY (user_id) REFERENCES users(user_id), FOREIGN KEY (couplet_id) REFERENCES couplets(couplet_id) );

4. 关键功能实现

4.1 调用Pixel Couplet Gen API

在Spring Boot中，我们可以通过RestTemplate调用Pixel Couplet Gen的API：

@Service public class CoupletService { @Value("${pixel.couplet.api.url}") private String apiUrl; public Couplet generateCouplet(String keywords, int styleId) { RestTemplate restTemplate = new RestTemplate(); // 构建请求参数 Map<String, String> params = new HashMap<>(); params.put("keywords", keywords); // 调用API ResponseEntity<CoupletResponse> response = restTemplate.postForEntity( apiUrl, params, CoupletResponse.class ); // 处理响应 CoupletResponse body = response.getBody(); Couplet couplet = new Couplet(); couplet.setUpperLine(body.getUpperLine()); couplet.setLowerLine(body.getLowerLine()); couplet.setHorizontal(body.getHorizontal()); couplet.setStyleId(styleId); return couplet; } }

4.2 作品收藏功能实现

收藏功能涉及多对多关系，以下是核心代码实现：

@RestController @RequestMapping("/api/favorites") public class FavoriteController { @Autowired private FavoriteService favoriteService; @PostMapping public ResponseEntity<?> addFavorite( @RequestParam int userId, @RequestParam int coupletId ) { favoriteService.addFavorite(userId, coupletId); return ResponseEntity.ok().build(); } @DeleteMapping public ResponseEntity<?> removeFavorite( @RequestParam int userId, @RequestParam int coupletId ) { favoriteService.removeFavorite(userId, coupletId); return ResponseEntity.ok().build(); } @GetMapping("/user/{userId}") public ResponseEntity<List<Couplet>> getUserFavorites( @PathVariable int userId ) { List<Couplet> favorites = favoriteService.getUserFavorites(userId); return ResponseEntity.ok(favorites); } }

5. 前端界面设计

5.1 主要页面布局

前端采用Vue.js + Element UI构建，主要包含以下页面：

首页：展示热门春联、风格分类
生成页面：输入关键词生成春联
个人中心：管理个人作品和收藏
详情页：查看春联详情和评论

5.2 春联生成页面实现

以下是使用Vue.js实现的春联生成组件：

<template> <div class="generator-container"> <el-input v-model="keywords" placeholder="输入关键词，如'春节''幸福'等" ></el-input> <el-select v-model="selectedStyle" placeholder="选择风格"> <el-option v-for="style in styles" :key="style.id" :label="style.name" :value="style.id" ></el-option> </el-select> <el-button type="primary" @click="generate">生成春联</el-button> <div v-if="couplet" class="couplet-result"> <div class="couplet-line">{{ couplet.upperLine }}</div> <div class="couplet-line">{{ couplet.lowerLine }}</div> <div class="horizontal">{{ couplet.horizontal }}</div> </div> </div> </template> <script> export default { data() { return { keywords: '', selectedStyle: 1, styles: [], couplet: null } }, methods: { async generate() { try { const response = await this.$http.post('/api/couplets/generate', { keywords: this.keywords, styleId: this.selectedStyle }); this.couplet = response.data; } catch (error) { this.$message.error('生成失败，请重试'); } } } } </script>