From 1ba2da65fdec9735ca8d8b3849ab483991445614 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Sun, 6 Jul 2025 01:49:23 +0800
Subject: [PATCH] Limit tags to two and integrate post publish

---
 open-isle-cli/src/components/TagSelect.vue    | 10 +++-
 open-isle-cli/src/views/NewPostPageView.vue   | 52 ++++++++++++++++---
 .../com/openisle/service/PostService.java     |  3 ++
 3 files changed, 57 insertions(+), 8 deletions(-)

diff --git a/open-isle-cli/src/components/TagSelect.vue b/open-isle-cli/src/components/TagSelect.vue
index ea2403413..730d90c90 100644
--- a/open-isle-cli/src/components/TagSelect.vue
+++ b/open-isle-cli/src/components/TagSelect.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { computed } from 'vue'
-import { API_BASE_URL } from '../main'
+import { API_BASE_URL, toast } from '../main'
 import Dropdown from './Dropdown.vue'
 
 export default {
@@ -23,7 +23,13 @@ export default {
 
     const selected = computed({
       get: () => props.modelValue,
-      set: v => emit('update:modelValue', v)
+      set: v => {
+        if (Array.isArray(v) && v.length > 2) {
+          toast.error('最多选择两个标签')
+          return
+        }
+        emit('update:modelValue', v)
+      }
     })
 
     return { fetchTags, selected }
diff --git a/open-isle-cli/src/views/NewPostPageView.vue b/open-isle-cli/src/views/NewPostPageView.vue
index 787457e4f..b78268ef4 100644
--- a/open-isle-cli/src/views/NewPostPageView.vue
+++ b/open-isle-cli/src/views/NewPostPageView.vue
@@ -24,6 +24,8 @@ import { ref } from 'vue'
 import PostEditor from '../components/PostEditor.vue'
 import CategorySelect from '../components/CategorySelect.vue'
 import TagSelect from '../components/TagSelect.vue'
+import { API_BASE_URL, toast } from '../main'
+import { getToken } from '../utils/auth'
 
 export default {
   name: 'NewPostPageView',
@@ -33,12 +35,50 @@ export default {
     const content = ref('')
     const selectedCategory = ref('')
     const selectedTags = ref([])
-    const submitPost = () => {
-      console.log('title:', title.value)
-      console.log('content:', content.value)
-      console.log('category:', selectedCategory.value)
-      console.log('tags:', selectedTags.value)
-      // 在此处可以调用接口提交帖子
+    const submitPost = async () => {
+      if (!title.value.trim()) {
+        toast.error('标题不能为空')
+        return
+      }
+      if (!content.value.trim()) {
+        toast.error('内容不能为空')
+        return
+      }
+      if (!selectedCategory.value) {
+        toast.error('请选择分类')
+        return
+      }
+      if (selectedTags.value.length === 0) {
+        toast.error('请选择标签')
+        return
+      }
+      try {
+        const token = getToken()
+        const res = await fetch(`${API_BASE_URL}/api/posts`, {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${token}`
+          },
+          body: JSON.stringify({
+            title: title.value,
+            content: content.value,
+            categoryId: selectedCategory.value,
+            tagIds: selectedTags.value
+          })
+        })
+        const data = await res.json()
+        if (res.ok) {
+          toast.success('发布成功')
+          if (data.id) {
+            window.location.href = `/posts/${data.id}`
+          }
+        } else {
+          toast.error(data.error || '发布失败')
+        }
+      } catch (e) {
+        toast.error('发布失败')
+      }
     }
     return { title, content, selectedCategory, selectedTags, submitPost }
   }
diff --git a/src/main/java/com/openisle/service/PostService.java b/src/main/java/com/openisle/service/PostService.java
index 3b6e82f39..9dff602ca 100644
--- a/src/main/java/com/openisle/service/PostService.java
+++ b/src/main/java/com/openisle/service/PostService.java
@@ -53,6 +53,9 @@ public class PostService {
         if (tagIds == null || tagIds.isEmpty()) {
             throw new IllegalArgumentException("At least one tag required");
         }
+        if (tagIds.size() > 2) {
+            throw new IllegalArgumentException("At most two tags allowed");
+        }
         User author = userRepository.findByUsername(username)
                 .orElseThrow(() -> new IllegalArgumentException("User not found"));
         Category category = categoryRepository.findById(categoryId)