feat:前端项目,完成接口信息管理模块的CRUD

ui/yangyi-open-api-platform-ui/src/App.vue

@@ -6,8 +6,20 @@
 </template>
 
 <style scoped>
-/*body{*/
-/*  margin: 0;*/
-/*  padding: 0;*/
-/*}*/
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+  width: 100%;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', Arial, sans-serif;
+}
+
+#app {
+  height: 100vh;
+  width: 100vw;
+}
 </style>

ui/yangyi-open-api-platform-ui/src/commom/utils/auth.js

@@ -38,9 +38,9 @@ export function getUserName(){
   if (userInfo)return userInfo.userName;
   return '';
 }
-export function getUserPhoto(){
+export function getUserAvatar(){
   let userInfo = JSON.parse(localStorage.getItem('userInfo'));
-  if (userInfo)return userInfo.userPhoto;
+  if (userInfo)return userInfo.userAvatar;
   return '';
 }
 

ui/yangyi-open-api-platform-ui/src/commom/utils/request.js

@@ -24,6 +24,10 @@ request.interceptors.response.use(response =>{
         location.reload();
         router.push('/index');
     }
+    if (res.code === 403){
+        router.push('/');
+    }
+
     //如果是文件就直接返回
     if(response.config.responseType === 'blob')return res;
     //如果是字符串就转换为json对象

ui/yangyi-open-api-platform-ui/src/main.js

@@ -5,13 +5,18 @@ import 'element-plus/dist/index.css'
 import './style.css'
 import App from './App.vue'
 import {createPinia} from 'pinia'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 
 // 创建 Pinia 实例
 const pinia = createPinia()
-// 挂载到 Vue 根实例
 
 const app = createApp(App)
 
+// 注册所有图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+}
+
 app.use(ElementPlus)
 app.use(router)
 app.use(pinia)

ui/yangyi-open-api-platform-ui/src/router/main.js

@@ -17,8 +17,14 @@ const routes = [
     },
     {
         path: '/home',
-        component: () => import('/src/components/HelloWorld.vue')
-    }
+        component: () => import('/src/views/main.vue'),
+        children:[
+            {
+                path:'/home/interfaceInfo',
+                component:()=>import('/src/views/interfaceInfo/main.vue')
+            }
+        ]
+    },
 ]
 
 // 创建路由

ui/yangyi-open-api-platform-ui/src/views/user/login.vue

@@ -201,6 +201,7 @@ import { useRouter } from 'vue-router'
 import { ElMessage } from 'element-plus'
 import { User, Lock, EditPen } from '@element-plus/icons-vue'
 import { login, register } from '/src/commom/api/user.js'
+import {saveUserInfo, setToken} from "../../commom/utils/auth.js";
 
 const router = useRouter()
 
@@ -266,9 +267,18 @@ const handleLogin = async () => {
     if (valid) {
       loading.value = true
       // 这里调用登录API
-      await new Promise(resolve => setTimeout(resolve, 1500)) // 模拟API调用
-      ElMessage.success('登录成功！')
-      router.push('/')
+      login(loginForm).then(res=>{
+        console.log(res,11)
+        if(res.code==200){
+          ElMessage.success('登录成功！')
+          saveUserInfo(res.data.userInfo)
+          setToken(res.data.token)
+          router.push('/')
+        }else{
+          ElMessage.error(res.msg)
+        }
+
+      })
     }
   } catch (error) {
     ElMessage.error('登录失败，请检查账号密码')
@@ -290,8 +300,9 @@ const handleRegister = async () => {
     if (valid) {
       loading.value = true
       // 这里调用注册API
-      await new Promise(resolve => setTimeout(resolve, 1500)) // 模拟API调用
-      ElMessage.success('注册成功！')
+      register(registerForm).then(res=>{
+        ElMessage.success('注册成功！')
+      })
       toggleForm()
     }
   } catch (error) {