commit 53b79aec7a223933236ce3fdf9c220350ed19472
author kjWei <22301133@bjtu.edu.cn> Thu Jun 05 09:18:35 2025 +0000
committer kjWei <22301133@bjtu.edu.cn> Thu Jun 05 09:18:35 2025 +0000
tree b0dc074ac4b7d8f975a4a30e5e6a8c1a37978b12
parent f9ea59df7c0b34bfbfff658f5075aabe0e4d058a

新增前端接口，修改种子发布页面

Change-Id: I9d9f4bde524caeaab9cbadcd0e14f44e521b0abb

front/src/PublishPage.js

diff --git a/front/src/PublishPage.js b/front/src/PublishPage.js
index 4b23285..a1a0e8f 100644
--- a/front/src/PublishPage.js
+++ b/front/src/PublishPage.js
@@ -9,6 +9,17 @@
     title: '',

     subtitle: ''

   });

+  const [subType, setSubType] = useState('');

+

+  const typeOptions = {

+    '电影': ['大陆', '港台', '欧美', '日韩'],

+    '剧集': ['国产电视剧', '港剧', '欧美剧', '日韩剧'],

+    '音乐': ['古典音乐', '流行音乐', '摇滚', '电子音乐', '说唱'],

+    '动漫': ['国创', '日漫', '欧美动漫', '韩漫'],

+    '游戏': ['PC', '主机', '移动', '掌机', '视频'],

+    '体育': ['篮球', '足球', '羽毛球', '排球', '电竞'],

+    '资料': ['出版物', '学习教程', '素材模板', '演讲交流', '日常娱乐'],

+  };

 

   const handleChange = (e) => {

     const { name, value } = e.target;

@@ -28,7 +39,7 @@
   const handleSubmit = async (e) => {

     e.preventDefault();

     // 假设userid和tag可以从表单或用户信息中获取，这里用示例数据

-    const userid = '123456';

+    const userid = '550e8400-e29b-41d4-a716-446655440000';

     const tag = formData.type ? formData.type : '高清';

     if (!formData.torrentFile) {

       alert('请上传.torrent文件');

@@ -37,8 +48,11 @@
     const data = new FormData();

     data.append('userid', userid);

     data.append('title', formData.title);

-    data.append('tag', tag);

+    data.append('tag', subType);

     data.append('file', formData.torrentFile);

+    data.append('subtitle', formData.subtitle);

+    // data.append('subtype', subType);

+    // console.log(data.get('tag'));

 

     try {

       const response = await fetch('http://192.168.5.9:8080/api/save-torrent', {

@@ -61,7 +75,7 @@
       <form onSubmit={handleSubmit} className="publish-form">

         <div className="form-row">

           <label htmlFor="type">类型</label>

-          <select name="type" id="type" value={formData.type} onChange={handleChange} required>

+          <select name="type" id="type" value={formData.type} onChange={e => { handleChange(e); setSubType(''); }} required>

             <option value="">请选择类型</option>

             <option value="电影">电影</option>

             <option value="剧集">剧集</option>

@@ -72,6 +86,17 @@
             <option value="资料">资料</option>

           </select>

         </div>

+        {formData.type && typeOptions[formData.type] && (

+          <div className="form-row">

+            <label htmlFor="subtype">具体类型</label>

+            <select name="subtype" id="subtype" value={subType} onChange={e => setSubType(e.target.value)} required>

+              <option value="">请选择具体类型</option>

+              {typeOptions[formData.type].map(opt => (

+                <option key={opt} value={opt}>{opt}</option>

+              ))}

+            </select>

+          </div>

+        )}

 

         <div className="form-row">

           <label htmlFor="torrentFile">种子文件</label>