IdeaSpark - 创作者灵感管理与社交平台

git clone https://cnb.cool/code-channel/idea-spark.git
cd idea-spark

# 方式一：使用MySQL命令行
mysql -u root -p < database/schema.sql

# 方式二：在MySQL命令行中执行
mysql -u root -p

-- 在MySQL中执行
source /path/to/database/schema.sql;

cd backend

# 修改配置文件
vi src/main/resources/application-dev.yml

# 配置数据库连接信息
spring:
  datasource:
    url: jdbc:mysql://localhost:3306/idea_spark?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
    username: root
    password: your_password

# 配置Redis连接
spring:
  data:
    redis:
      host: localhost
      port: 6379
      password: your_redis_password

# 配置MinIO
minio:
  endpoint: http://localhost:9000
  access-key: minioadmin
  secret-key: minioadmin123
  bucket-name: ideaspark

mvn clean install
mvn spring-boot:run

cd frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 克隆项目
git clone https://cnb.cool/code-channel/idea-spark.git
cd idea-spark

# 启动所有服务
docker-compose up -d

# 查看日志
docker-compose logs -f

# 查看特定服务日志
docker-compose logs -f backend
docker-compose logs -f frontend

# 停止服务
docker-compose down

# 停止服务并删除数据卷
docker-compose down -v

# 构建后端镜像
cd backend
docker build -t ideaspark-backend:latest .

# 构建前端镜像
cd frontend
docker build -t ideaspark-frontend:latest .

# 运行容器
docker run -d -p 8088:8088 --name backend ideaspark-backend:latest
docker run -d -p 80:80 --name frontend ideaspark-frontend:latest

idea-spark/
├── backend/                          # 后端项目
│   ├── src/main/
│   │   ├── java/com/ideaspark/
│   │   │   ├── config/               # 配置类
│   │   │   │   ├── SecurityConfig.java           # 安全配置
│   │   │   │   ├── JwtAuthenticationFilter.java   # JWT过滤器
│   │   │   │   ├── RedisConfig.java              # Redis配置
│   │   │   │   └── MinioConfig.java              # MinIO配置
│   │   │   ├── controller/          # 控制器
│   │   │   │   ├── UserController.java            # 用户认证
│   │   │   │   ├── IdeaController.java            # 想法管理
│   │   │   │   ├── CategoryController.java        # 分类管理
│   │   │   │   ├── CommunityController.java       # 社区功能
│   │   │   │   ├── SocialController.java          # 社交功能
│   │   │   │   ├── FileController.java            # 文件上传
│   │   │   │   ├── GamificationController.java    # 积分勋章
│   │   │   │   └── CertificateController.java     # 证书生成
│   │   │   ├── dto/                 # 数据传输对象
│   │   │   ├── entity/              # 实体类
│   │   │   ├── repository/          # 数据访问层
│   │   │   ├── service/             # 业务逻辑层
│   │   │   ├── exception/           # 异常处理
│   │   │   └── util/                # 工具类
│   │   └── resources/
│   │       ├── application.yml               # 主配置文件
│   │       └── application-dev.yml           # 开发环境配置
│   ├── Dockerfile
│   └── pom.xml
│
├── frontend/                         # 前端项目
│   ├── src/
│   │   ├── api/                        # API接口
│   │   │   ├── user.js               # 用户相关
│   │   │   ├── idea.js               # 想法相关
│   │   │   ├── community.js          # 社区相关
│   │   │   ├── social.js             # 社交相关
│   │   │   ├── file.js               # 文件上传
│   │   │   └── certificate.js        # 证书相关
│   │   ├── components/                # 公共组件
│   │   │   └── CreateIdeaDialog.vue  # 创建想法对话框
│   │   ├── router/                    # 路由配置
│   │   │   └── index.js              # 路由定义
│   │   ├── stores/                    # 状态管理
│   │   │   └── user.js               # 用户状态
│   │   ├── utils/                     # 工具函数
│   │   │   └── request.js            # HTTP请求配置
│   │   ├── views/                     # 页面组件
│   │   │   ├── Login.vue             # 登录页
│   │   │   ├── Register.vue          # 注册页
│   │   │   ├── Layout.vue            # 布局组件
│   │   │   ├── Home.vue              # 首页
│   │   │   ├── Ideas.vue             # 想法列表
│   │   │   ├── IdeaDetail.vue        # 想法详情
│   │   │   ├── Community.vue         # 社区动态
│   │   │   ├── Social.vue            # 社交发现
│   │   │   ├── Profile.vue           # 个人中心
│   │   │   ├── Achievements.vue      # 成就系统
│   │   │   └── Certificate.vue       # 证书页面
│   │   ├── App.vue
│   │   └── main.js
│   ├── Dockerfile
│   ├── nginx.conf                   # Nginx配置
│   ├── index.html
│   ├── vite.config.js
│   └── package.json
│
├── docker-compose.yml               # Docker编排文件
├── README.md                        # 项目文档
└── docs/                            # 📚 详细文档目录

# 服务器配置
server:
  port: 8088                    # 服务端口

# 数据源配置
spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/idea_spark
    username: root
    password: your_password

  # Redis配置
  data:
    redis:
      host: localhost             # Redis主机
      port: 6379                  # Redis端口
      password: password          # Redis密码
      database: 0                 # 数据库索引
      timeout: 3000ms             # 连接超时

# JWT配置
jwt:
  secret: your-secret-key        # JWT密钥（生产环境请修改）
  expiration: 604800000          # Token过期时间（毫秒）

# MinIO配置
minio:
  endpoint: http://localhost:9000      # MinIO服务地址
  access-key: minioadmin               # 访问密钥
  secret-key: minioadmin123            # 密钥
  bucket-name: ideaspark               # 存储桶名称
  avatar-path: avatar/                 # 头像存储路径

// src/utils/request.js
const request = axios.create({
  baseURL: '/api',              // API基础路径
  timeout: 10000                // 请求超时时间
})

// 生产环境建议使用绝对路径
baseURL: 'http://your-domain.com/api'

@RestController
@RequestMapping("/example")
@RequiredArgsConstructor
public class ExampleController {

    private final ExampleService exampleService;

    @GetMapping
    public Result<List<ExampleDTO>> list() {
        List<ExampleDTO> list = exampleService.list();
        return Result.success(list);
    }
}

// src/api/example.js
import request from '@/utils/request'

export function getExamples() {
  return request({
    url: '/example',
    method: 'get'
  })
}

import { getExamples } from '@/api/example'

const examples = ref([])

const loadExamples = async () => {
  const res = await getExamples()
  examples.value = res.data
}

<!-- src/views/Example.vue -->
<template>
  <div class="example-container">
    <h1>示例页面</h1>
  </div>
</template>

<script setup>
import { ref, onMounted } from 'vue'

// 页面逻辑
</script>

<style lang="scss" scoped>
.example-container {
  // 样式
}
</style>

// src/router/index.js
{
  path: 'example',
  name: 'Example',
  component: () => import('@/views/Example.vue'),
  meta: { title: '示例 - IdeaSpark' }
}

<!-- src/views/Layout.vue -->
<el-menu-item index="/example">
  <el-icon><Example /></el-icon>
  <span>示例</span>
</el-menu-item>

feat: 新功能
fix: 修复bug
docs: 文档更新
style: 代码格式调整
refactor: 代码重构
test: 测试相关
chore: 构建过程或辅助工具的变动