feat(前端): 实现用户登录、注册和搜索功能

- 新增登录和注册页面组件
- 实现用户登录、注册和登出逻辑
- 添加笔记搜索功能
- 更新主页组件，支持用户状态显示和搜索
- 引入 Pinia 状态管理库

biji-qianduan/src/api/CommonApi.js

@@ -50,6 +50,33 @@ export const deleteMarkdown = (id) => axiosApi.post(`/api/markdown/delete?id=${i
 // 根据分组ID获取Markdown文件列表
 export const markdownList = (groupingId) => axiosApi.get(`/api/markdown/grouping/${groupingId}`);
 
+// 登录
+export const login = (data) => {
+    const formData = new FormData()
+    formData.append('username', data.username)
+    formData.append('password', data.password)
+    return axiosApi.post('/api/user/login', formData, {
+        headers: {
+            'Content-Type': 'multipart/form-data'
+        }
+    })
+}
+
+// 搜索
+export const searchMarkdown = (keyword) => axiosApi.get(`/api/markdown/search?keyword=${keyword}`);
+
+// 注册
+export const register = (data) => {
+    const formData = new FormData()
+    formData.append('username', data.username)
+    formData.append('password', data.password)
+    return axiosApi.post('/api/user/register', formData, {
+        headers: {
+            'Content-Type': 'multipart/form-data'
+        }
+    })
+}
+