logo
0
0
Login
zyy<3219271056@qq.com>
Merge remote-tracking branch 'artfuse/main'

抖音小程序 - AIGC艺术风格化与看展解析平台

项目简介

本项目是一个基于UniApp开发的抖音小程序,集成了AIGC(人工智能生成内容)技术,为用户提供艺术风格化图片生成和智能看展解析服务。通过AI技术,用户可以将个人照片转换为各种艺术风格,同时获得专业的展览解读体验。

核心功能

🎨 艺术风格化生成

  • 人物照片风格化:上传个人照片,AI生成多种艺术风格版本
  • 看展照片融合:结合展览照片,创造独特的艺术作品
  • 多样化风格:支持印象派、抽象派、古典主义等多种艺术风格
  • 智能文案生成:自动生成配套的艺术描述文案
  • 社交分享:一键分享到抖音等社交平台

🖼️ AI看展解析

  • 智能展品识别:拍照识别展品,获取详细信息
  • 专业解读:AI提供艺术作品的历史背景、创作技法等专业解析
  • 会话式体验:支持连续对话,深度了解展览内容
  • 个人看展记录:保存看展历史,建立个人艺术档案

👤 个人中心

  • 用户信息管理:头像、昵称、手机号等基础信息展示和编辑
  • 我的展藏
    • 看展相册:按展览会话分类展示拍摄的展品照片
    • 生成作品:展示所有AIGC生成的图片和视频作品
  • AI积分系统
    • 积分余额显示和使用统计
    • 积分获取规则(每日签到、分享应用等)
    • 积分消费明细记录
  • 会员功能
    • 会员权益展示(无限生成、优先处理、专属风格等)
    • 会员购买和续费入口
    • 使用情况统计

技术架构

前端技术栈

  • 框架:UniApp (Vue.js)
  • UI组件:uni-ui 组件库
  • 平台适配:抖音小程序
  • 状态管理:Vuex
  • 样式预处理:SCSS

项目结构

front_end/bd_uniapp/ ├── pages/ # 页面文件 │ ├── stylegen/ # 艺术风格化首页 │ ├── creation/ # AIGC风格化生成页 │ ├── exhibition/ # 看展解析页 │ ├── profile/ # 个人中心页 │ ├── exhibition-album/ # 看展相册页面 │ ├── photo-gallery/ # 照片详情页面 │ ├── generated-works/ # 生成作品页面 │ ├── work-detail/ # 作品详情页面 │ ├── points-detail/ # 积分明细页面 │ └── membership/ # 会员中心页面 ├── layout/ # 布局组件 │ └── TabBar.vue # 底部导航栏 ├── static/ # 静态资源 │ ├── *.png # 图标和图片资源 │ └── customicons.* # 自定义图标字体 ├── uni_modules/ # uni-app插件模块 ├── App.vue # 应用入口 ├── main.js # 主入口文件 ├── pages.json # 页面配置 ├── manifest.json # 应用配置 └── uni.scss # 全局样式

页面配置

主要页面

  1. 风格化生成 (pages/stylegen/stylegen)

    • 首页推荐和热门风格展示
    • 社区精选作品浏览
  2. AIGC风格化生成 (pages/creation/creation)

    • 人物照片上传(单张)
    • 看展照片上传(最多9张)
    • AI风格化处理和结果展示
    • 视频生成和智能文案
  3. 看展解析 (pages/exhibition/exhibition)

    • 展览会话管理
    • 实时拍照解析
    • 会话历史记录
  4. 个人中心 (pages/profile/profile)

    • 用户信息管理
    • 作品和记录查看

底部导航

  • 风格化生成
  • 看展解析
  • 个人中心

后端架构(规划中)

技术选型

  • 服务端框架
  • 数据库
  • AI服务
    • 图像风格化:
    • 图像识别:
    • 自然语言处理:
  • 文件存储
  • 缓存

核心服务模块

backend/

API设计(待实现)

风格化服务

  • POST - 生成风格化图片
  • GET - 获取风格模板
  • POST - 保存生成结果

看展解析服务

  • POST - 分析展品图片
  • POST - 创建看展会话
  • GET - 获取看展历史

用户服务

  • `POST - 用户登录
  • GET - 获取用户信息
  • GET - 获取用户作品

开发指南

环境要求

  • Node.js >= 14.0.0
  • HBuilderX 或 VS Code
  • 抖音开发者工具

快速开始

  1. 克隆项目
git clone [项目地址] cd mini_app_cnb
  1. 安装依赖
cd front_end/bd_uniapp npm install
  1. 开发调试
  • 使用HBuilderX打开项目
  • 选择运行到抖音小程序
  • 在抖音开发者工具中预览

部署说明

前端部署

  1. 在HBuilderX中选择发行到抖音小程序
  2. 上传到抖音开放平台
  3. 提交审核发布

后端部署(待实现)

  1. 服务器环境配置
  2. 数据库初始化
  3. AI服务接口配置
  4. 域名和SSL证书配置

功能特色

AI技术集成

  • 深度学习模型:集成最新的图像风格迁移算法
  • 智能识别:基于计算机视觉的展品识别技术
  • 自然语言生成:AI驱动的文案和解说生成

用户体验优化

  • 响应式设计:适配不同屏幕尺寸
  • 流畅交互:优化的加载和转场动画
  • 离线缓存:支持部分功能离线使用

社交功能

  • 作品分享:一键分享到抖音等平台
  • 社区互动:用户作品展示和点赞
  • 个性化推荐:基于用户偏好的内容推荐

开发计划

第一阶段(进行中)

  • ✅ 前端页面框架搭建
  • ✅ 基础UI组件开发
  • ✅ 页面路由配置

第二阶段(进行中)

  • 🔄 AI风格化功能实现
  • 🔄 看展解析功能开发
  • 🔄 用户系统集成

第三阶段(计划中)

  • ⏳ 后端服务开发
  • ⏳ AI模型集成
  • ⏳ 性能优化

第四阶段(计划中)

  • ⏳ 社交功能完善
  • ⏳ 数据分析系统
  • ⏳ 商业化功能

贡献指南

欢迎提交Issue和Pull Request来帮助改进项目。

开发规范

  • 遵循Vue.js和UniApp开发规范
  • 使用ESLint进行代码检查
  • 提交前进行充分测试

许可证

[待定]

联系方式

如有问题或建议,请通过以下方式联系:

  • 项目Issues
  • 邮箱:

本项目正在积极开发中,功能和文档会持续更新。

About

AI看展抖音小程序

Language
JavaScript77.6%
TypeScript10.3%
Vue5.8%
Flow92.2%
Others4.1%