1. 项目背景与意义随着文化创意产业的快速发展越来越多的文创作品需要通过线上渠道进行展示与交易。然而传统电商平台往往缺乏对文创作品的艺术性展示支持难以满足创作者与收藏者之间的深度互动需求。本项目“艺展集”旨在构建一个集线上展览、作品交易、创作者入驻于一体的文创作品平台为文创产业数字化升级提供技术支撑。从实际意义来看该平台一方面帮助独立创作者降低作品推广门槛通过虚拟展厅和作品详情页充分展示创作理念与工艺细节另一方面为收藏者和爱好者提供便捷的浏览、检索与交易渠道促进文创作品的流通与价值实现。同时平台积累的作品数据与交易数据也可为文创市场趋势分析提供参考。2. 技术栈选型本平台采用前后端分离架构后端基于 SpringBoot 构建 RESTful API前端使用 Vue.js 配合 Element UI 实现管理后台与用户界面数据存储选用 MySQL 与 Redis 组合。层次技术选型说明后端框架SpringBoot 2.7快速构建独立服务简化配置与部署持久层MyBatis-Plus简化 CRUD 操作支持分页与条件构造器数据库MySQL 8.0存储用户、作品、订单、展览等核心业务数据缓存Redis缓存热点作品数据与登录会话提升响应速度安全认证Spring Security JWT实现用户认证与接口权限控制文件存储阿里云 OSS存储作品图片、展览封面等静态资源前端框架Vue.js Element UI构建响应式管理后台与用户端页面3. 系统功能模块设计平台整体划分为用户管理、作品管理、线上展览、订单交易、评论互动和后台管理六大核心模块。用户管理支持创作者与收藏者两种角色注册登录维护个人资料与实名认证信息。作品管理创作者可上传作品图片、填写作品描述、设置售价与库存支持草稿与上架状态切换。线上展览管理员可创建主题展览将多件作品组织为虚拟展厅按展区进行展示与导览。订单交易收藏者可下单购买作品支持购物车、订单状态流转与支付回调处理。评论互动用户可对作品发表评论与评分创作者可回复形成互动闭环。后台管理管理员可审核作品、管理展览、处理订单退款与用户举报。4. 数据库设计数据库共设计六张核心业务表分别为用户表、作品表、展览表、展览作品关联表、订单表和评论表。表名主要字段说明userid, username, password, role, avatar, phone存储用户账号信息与角色标识artworkid, user_id, title, description, price, cover_url, status存储作品基本信息与上下架状态exhibitionid, title, description, cover_url, start_time, end_time存储线上展览主题与时间信息exhibition_artworkid, exhibition_id, artwork_id, sort_order维护展览与作品的关联关系ordersid, order_no, user_id, artwork_id, amount, status, create_time记录订单交易信息与状态流转commentid, artwork_id, user_id, content, rating, create_time存储用户评论与评分数据5. 核心代码实现5.1 作品实体类Data TableName(artwork) public class Artwork { TableId(type IdType.AUTO) private Long id; private Long userId; private String title; private String description; private BigDecimal price; private String coverUrl; private Integer status; private LocalDateTime createTime; }5.2 作品查询接口RestController RequestMapping(/api/artwork) public class ArtworkController { Resource private ArtworkService artworkService; GetMapping(/list) public ResultPageArtworkVO list(RequestParam(defaultValue 1) Integer page, RequestParam(defaultValue 10) Integer size, RequestParam(required false) String keyword) { PageArtworkVO result artworkService.queryArtworkPage(page, size, keyword); return Result.success(result); } GetMapping(/{id}) public ResultArtworkDetailVO detail(PathVariable Long id) { return Result.success(artworkService.getArtworkDetail(id)); } }5.3 作品服务实现类Service public class ArtworkServiceImpl implements ArtworkService { Resource private ArtworkMapper artworkMapper; Override public PageArtworkVO queryArtworkPage(Integer page, Integer size, String keyword) { PageArtwork pageParam new Page(page, size); LambdaQueryWrapperArtwork wrapper new LambdaQueryWrapper(); wrapper.eq(Artwork::getStatus, 1); if (StringUtils.hasText(keyword)) { wrapper.like(Artwork::getTitle, keyword); } wrapper.orderByDesc(Artwork::getCreateTime); PageArtwork artworkPage artworkMapper.selectPage(pageParam, wrapper); return convertToVO(artworkPage); } Override public ArtworkDetailVO getArtworkDetail(Long id) { Artwork artwork artworkMapper.selectById(id); if (artwork null) { throw new BusinessException(作品不存在); } ArtworkDetailVO vo new ArtworkDetailVO(); BeanUtils.copyProperties(artwork, vo); return vo; } private PageArtworkVO convertToVO(PageArtwork artworkPage) { PageArtworkVO voPage new Page(artworkPage.getCurrent(), artworkPage.getSize()); ListArtworkVO voList artworkPage.getRecords().stream().map(item - { ArtworkVO vo new ArtworkVO(); BeanUtils.copyProperties(item, vo); return vo; }).collect(Collectors.toList()); voPage.setRecords(voList); voPage.setTotal(artworkPage.getTotal()); return voPage; } }5.4 订单创建接口PostMapping(/create) public ResultOrderVO createOrder(RequestBody Valid OrderCreateDTO dto) { Long userId SecurityUtils.getCurrentUserId(); OrderVO orderVO orderService.createOrder(userId, dto); return Result.success(orderVO); }5.5 订单服务实现Service public class OrderServiceImpl implements OrderService { Resource private OrderMapper orderMapper; Resource private ArtworkMapper artworkMapper; Override Transactional(rollbackFor Exception.class) public OrderVO createOrder(Long userId, OrderCreateDTO dto) { Artwork artwork artworkMapper.selectById(dto.getArtworkId()); if (artwork null || artwork.getStatus() ! 1) { throw new BusinessException(作品不存在或已下架); } Orders order new Orders(); order.setOrderNo(generateOrderNo()); order.setUserId(userId); order.setArtworkId(artwork.getId()); order.setAmount(artwork.getPrice()); order.setStatus(0); orderMapper.insert(order); OrderVO vo new OrderVO(); BeanUtils.copyProperties(order, vo); return vo; } private String generateOrderNo() { return YZJ System.currentTimeMillis() RandomUtil.randomNumbers(4); } }6. 总结本项目基于 SpringBoot 构建了“艺展集”文创作品线上展览与交易平台通过合理的模块划分与数据库设计实现了作品展示、线上展览、订单交易等核心业务闭环。技术选型上兼顾开发效率与系统稳定性为文创产业线上化提供了可落地的实践方案。后续可进一步引入推荐算法与支付分账能力持续完善平台生态。
1. 项目背景与意义随着文化创意产业的快速发展越来越多的文创作品需要通过线上渠道进行展示与交易。然而传统电商平台往往缺乏对文创作品的艺术性展示支持难以满足创作者与收藏者之间的深度互动需求。本项目“艺展集”旨在构建一个集线上展览、作品交易、创作者入驻于一体的文创作品平台为文创产业数字化升级提供技术支撑。从实际意义来看该平台一方面帮助独立创作者降低作品推广门槛通过虚拟展厅和作品详情页充分展示创作理念与工艺细节另一方面为收藏者和爱好者提供便捷的浏览、检索与交易渠道促进文创作品的流通与价值实现。同时平台积累的作品数据与交易数据也可为文创市场趋势分析提供参考。2. 技术栈选型本平台采用前后端分离架构后端基于 SpringBoot 构建 RESTful API前端使用 Vue.js 配合 Element UI 实现管理后台与用户界面数据存储选用 MySQL 与 Redis 组合。层次技术选型说明后端框架SpringBoot 2.7快速构建独立服务简化配置与部署持久层MyBatis-Plus简化 CRUD 操作支持分页与条件构造器数据库MySQL 8.0存储用户、作品、订单、展览等核心业务数据缓存Redis缓存热点作品数据与登录会话提升响应速度安全认证Spring Security JWT实现用户认证与接口权限控制文件存储阿里云 OSS存储作品图片、展览封面等静态资源前端框架Vue.js Element UI构建响应式管理后台与用户端页面3. 系统功能模块设计平台整体划分为用户管理、作品管理、线上展览、订单交易、评论互动和后台管理六大核心模块。用户管理支持创作者与收藏者两种角色注册登录维护个人资料与实名认证信息。作品管理创作者可上传作品图片、填写作品描述、设置售价与库存支持草稿与上架状态切换。线上展览管理员可创建主题展览将多件作品组织为虚拟展厅按展区进行展示与导览。订单交易收藏者可下单购买作品支持购物车、订单状态流转与支付回调处理。评论互动用户可对作品发表评论与评分创作者可回复形成互动闭环。后台管理管理员可审核作品、管理展览、处理订单退款与用户举报。4. 数据库设计数据库共设计六张核心业务表分别为用户表、作品表、展览表、展览作品关联表、订单表和评论表。表名主要字段说明userid, username, password, role, avatar, phone存储用户账号信息与角色标识artworkid, user_id, title, description, price, cover_url, status存储作品基本信息与上下架状态exhibitionid, title, description, cover_url, start_time, end_time存储线上展览主题与时间信息exhibition_artworkid, exhibition_id, artwork_id, sort_order维护展览与作品的关联关系ordersid, order_no, user_id, artwork_id, amount, status, create_time记录订单交易信息与状态流转commentid, artwork_id, user_id, content, rating, create_time存储用户评论与评分数据5. 核心代码实现5.1 作品实体类Data TableName(artwork) public class Artwork { TableId(type IdType.AUTO) private Long id; private Long userId; private String title; private String description; private BigDecimal price; private String coverUrl; private Integer status; private LocalDateTime createTime; }5.2 作品查询接口RestController RequestMapping(/api/artwork) public class ArtworkController { Resource private ArtworkService artworkService; GetMapping(/list) public ResultPageArtworkVO list(RequestParam(defaultValue 1) Integer page, RequestParam(defaultValue 10) Integer size, RequestParam(required false) String keyword) { PageArtworkVO result artworkService.queryArtworkPage(page, size, keyword); return Result.success(result); } GetMapping(/{id}) public ResultArtworkDetailVO detail(PathVariable Long id) { return Result.success(artworkService.getArtworkDetail(id)); } }5.3 作品服务实现类Service public class ArtworkServiceImpl implements ArtworkService { Resource private ArtworkMapper artworkMapper; Override public PageArtworkVO queryArtworkPage(Integer page, Integer size, String keyword) { PageArtwork pageParam new Page(page, size); LambdaQueryWrapperArtwork wrapper new LambdaQueryWrapper(); wrapper.eq(Artwork::getStatus, 1); if (StringUtils.hasText(keyword)) { wrapper.like(Artwork::getTitle, keyword); } wrapper.orderByDesc(Artwork::getCreateTime); PageArtwork artworkPage artworkMapper.selectPage(pageParam, wrapper); return convertToVO(artworkPage); } Override public ArtworkDetailVO getArtworkDetail(Long id) { Artwork artwork artworkMapper.selectById(id); if (artwork null) { throw new BusinessException(作品不存在); } ArtworkDetailVO vo new ArtworkDetailVO(); BeanUtils.copyProperties(artwork, vo); return vo; } private PageArtworkVO convertToVO(PageArtwork artworkPage) { PageArtworkVO voPage new Page(artworkPage.getCurrent(), artworkPage.getSize()); ListArtworkVO voList artworkPage.getRecords().stream().map(item - { ArtworkVO vo new ArtworkVO(); BeanUtils.copyProperties(item, vo); return vo; }).collect(Collectors.toList()); voPage.setRecords(voList); voPage.setTotal(artworkPage.getTotal()); return voPage; } }5.4 订单创建接口PostMapping(/create) public ResultOrderVO createOrder(RequestBody Valid OrderCreateDTO dto) { Long userId SecurityUtils.getCurrentUserId(); OrderVO orderVO orderService.createOrder(userId, dto); return Result.success(orderVO); }5.5 订单服务实现Service public class OrderServiceImpl implements OrderService { Resource private OrderMapper orderMapper; Resource private ArtworkMapper artworkMapper; Override Transactional(rollbackFor Exception.class) public OrderVO createOrder(Long userId, OrderCreateDTO dto) { Artwork artwork artworkMapper.selectById(dto.getArtworkId()); if (artwork null || artwork.getStatus() ! 1) { throw new BusinessException(作品不存在或已下架); } Orders order new Orders(); order.setOrderNo(generateOrderNo()); order.setUserId(userId); order.setArtworkId(artwork.getId()); order.setAmount(artwork.getPrice()); order.setStatus(0); orderMapper.insert(order); OrderVO vo new OrderVO(); BeanUtils.copyProperties(order, vo); return vo; } private String generateOrderNo() { return YZJ System.currentTimeMillis() RandomUtil.randomNumbers(4); } }6. 总结本项目基于 SpringBoot 构建了“艺展集”文创作品线上展览与交易平台通过合理的模块划分与数据库设计实现了作品展示、线上展览、订单交易等核心业务闭环。技术选型上兼顾开发效率与系统稳定性为文创产业线上化提供了可落地的实践方案。后续可进一步引入推荐算法与支付分账能力持续完善平台生态。
