{
  "username": "aaa",
  "password": "123",
  "love": [],
  "commit": []
}

{
  "username": "wanghan443",
  "password": "aaaaaa",
  "love": [
    {
      "_id": "67b16d8ede2aa1f4dcd6773c",
      "id": "google-scholar",
      "name": "Google Scholar",
      "url": "https://scholar.google.com ",
      "logo": "https://tse4-mm.cn.bing.net/th/id/OIP-C.6eJ9QJxJu2XxfjqeCVPYjgHaHa?w=179&h=184&c=7&r=0&o=5&dpr=1.5&pid=1.7",
      "description": "Google Scholar 是一个广受欢迎的免费学术搜索引擎，它索引了数百万篇学术文章，包括期刊论文、学位论文、书籍、预印本和报告等。这个平台特别适合研究人员、学生和教育工作者，他们可以利用这个工具来获取最新的研究成果和历史文献。此外，Google Scholar 还提供了引文功能，用户可以查看某篇文章被引用了多少次，以及被哪些文章引用，这对于文献综述和研究的深度分析非常有帮助。",
      "category": "research",
      "tags": [
        "学术",
        "文献",
        "搜索"
      ],
      "rating": 4.8,
      "views": 15000,
      "isPaid": false,
      "language": [
        "English"
      ],
      "accessSpeed": "快速"
    },
    {
      "_id": "67b16d8ede2aa1f4dcd6773f",
      "id": "leetcode",
      "name": "LeetCode",
      "url": "https://leetcode.com ",
      "logo": "https://leetcode.com/favicon.ico ",
      "description": "LeetCode 是一个在线编程学习平台，它提供了大量的算法题和数据结构题，供程序员练习和提高编程技能。这个平台特别适合准备技术面试和希望提高算法能力的人。LeetCode 的题目覆盖了各种难度级别，从简单到困难，用户可以根据自己的水平选择合适的题目进行练习。此外，LeetCode 还提供了一个讨论区，用户可以在其中讨论解题策略、分享知识，以及与其他程序员建立联系。",
      "category": "learning",
      "tags": [
        "算法",
        "编程",
        "练习"
      ],
      "rating": 4.9,
      "views": 17000,
      "isPaid": true,
      "language": [
        "English"
      ],
      "accessSpeed": "快速"
    },
    {
      "_id": "67b16d8ede2aa1f4dcd67740",
      "id": "bilibilibili",
      "name": "Bilibili（哔哩哔哩）",
      "url": "https://www.bili.com ",
      "logo": "https://p1.ssl.qhimg.com/t011cc0073d3c813d6b.png ",
      "description": "Bilibili不仅是一个年轻人喜欢的二次元视频平台，也是一个充满技术分享内容的学习平台。在Bilibili上，你可以找到许多编程学习视频，这些视频多由技术达人和编程专家分享，内容通俗易懂，适合新手入门。此外，Bilibili还提供了许多编程相关的直播和互动课程，可以与讲师进行实时互动，解答学习中的疑问。",
      "category": "learning",
      "tags": [
        "编程学习",
        "视频教程",
        "互动"
      ],
      "rating": 4.5,
      "views": 10000,
      "isPaid": false,
      "language": [
        "中文",
        "English"
      ],
      "accessSpeed": "快速"
    },
    {
      "_id": "67b16d8ede2aa1f4dcd6773b",
      "id": "sci-hub",
      "name": "Sci-Hub",
      "url": "https://sci-hub.se ",
      "logo": "https://sci-hub.se/favicon.ico ",
      "description": "提供免费的学术论文获取服务。",
      "category": "research",
      "tags": [
        "学术",
        "论文",
        "免费"
      ],
      "rating": 4.9,
      "views": 12000,
      "isPaid": false,
      "language": [
        "English"
      ],
      "accessSpeed": "需要科学上网"
    }
  ],
  "commit": [
    {
      "name": "是",
      "url": "https:wx.com",
      "description": "对对对",
      "category": "learning",
      "reason": "对对对"
    },
    {
      "name": "是",
      "url": "https:wx.com",
      "description": "对对对",
      "category": "learning",
      "reason": "对对对"
    },
    {
      "name": "百度",
      "url": "https:wx.com",
      "description": "读到",
      "category": "research",
      "reason": "读到"
    }
  ]
}

import { defineStore } from 'pinia';
import axios from 'axios';
import { User, Credentials } from '../types/types';

// src/types.ts
export interface User {
    username: string;
    // 其他用户信息可以根据需要添加
  }
  
  export interface Credentials {
    username: string;
    password: string;
  }

state: () => ({
    isAuthenticated: false,
    user: null as User | null
  }),

 actions: {
    async login(credentials: Credentials) {
      try {
        // 发送登录请求到后端
        const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/login', credentials);
        console.log(response)
        // 返回的用户名是存在data.user.username中的
        // 如果登录成功，更新状态
        this.isAuthenticated = true;
        this.user = response.data.user.username;

        // 可选：保存用户信息到 localStorage 或其他存储
        localStorage.setItem('user', JSON.stringify(response.data));
      } catch (error) {
        // 如果登录失败，抛出错误
        throw new Error('Login failed. Please check your credentials.');
      }
    },

    //添加一个 register action，用于处理注册逻辑。
    async register(credentials: Credentials) {
      try {
        const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/adduser', credentials);
        // console.log(response)
        if (response.data.code == 401 || response.data.code == 400) {
          throw new Error('注册失败,用户名已存在');
        } else {
          this.isAuthenticated = true;
          this.user = response.data;
          localStorage.setItem('user', JSON.stringify(response.data));
        }

      } catch (error) {
        throw new Error('注册失败,用户名已存在');
      }
    },

    // 处理退出登录逻辑
    logout() {
      // 登出逻辑
      this.isAuthenticated = false;
      this.user = null;
      // 可选：清除用户信息
      localStorage.removeItem('user');
    }
  }

// src/stores/authStore.ts


export const useAuthStore = defineStore('auth', {
  state: () => ({
    isAuthenticated: false,
    user: null as User | null
  }),
  actions: {
    async login(credentials: Credentials) {
      try {
        // 发送登录请求到后端
        const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/login', credentials);
        console.log(response)
        // 返回的用户名是存在data.user.username中的
        // 如果登录成功，更新状态
        this.isAuthenticated = true;
        this.user = response.data.user.username;

        // 可选：保存用户信息到 localStorage 或其他存储
        localStorage.setItem('user', JSON.stringify(response.data));
      } catch (error) {
        // 如果登录失败，抛出错误
        throw new Error('Login failed. Please check your credentials.');
      }
    },

    //添加一个 register action，用于处理注册逻辑。
    async register(credentials: Credentials) {
      try {
        const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/adduser', credentials);
        // console.log(response)
        if (response.data.code == 401 || response.data.code == 400) {
          throw new Error('注册失败,用户名已存在');
        } else {
          this.isAuthenticated = true;
          this.user = response.data;
          localStorage.setItem('user', JSON.stringify(response.data));
        }

      } catch (error) {
        throw new Error('注册失败,用户名已存在');
      }
    },

    // 处理退出登录逻辑
    logout() {
      // 登出逻辑
      this.isAuthenticated = false; //这里将登录的状态标识改为false了
      this.user = null;
      // 可选：清除用户信息
      localStorage.removeItem('user');
    }
  }
});

import { defineStore } from 'pinia';

export const useCounterStore = defineStore('counter', {
  state: () => ({
    count: 0,
  }),
  getters: {
    doubleCount: (state) => state.count * 2,
  },
  actions: {
    increment() {
      this.count++;
    },
  },
});

const store = useAuthStore();

// 三元表达式，用于判断登录状态的store.$state.isAuthenticated值为true的话就显示'退出登录' 
// 使用 computed 属性来动态计算 title使得它是响应式的
const title = computed(() => {
  return store.$state.isAuthenticated ? '退出登录' : '登录';
});	

router.beforeEach((to, _from, next) => {
  const authStore = useAuthStore();
  const requiresAuth = to.matched.some(record => record.meta.requiresAuth);
  if (requiresAuth && !authStore.isAuthenticated) {
    next({ name: 'Login' });
  } else {
    next();
  }
});

// 获取 MongoDB 实例
    const db = cloud.mongo.db;

    // 指定集合名称（根据您的数据库集合名称修改）
    const collectionName = 'weblist'; // 替换为您的集合名称
    const collection = db.collection(collectionName);

import cloud from '@lafjs/cloud';

export default async function (ctx: FunctionContext) {
  try {
    // 获取 MongoDB 实例
    const db = cloud.mongo.db;

    // 指定集合名称（根据您的数据库集合名称修改）
    const collectionName = 'weblist'; // 替换为您的集合名称
    const collection = db.collection(collectionName);

    // 查询所有数据
    const result = await collection.find({}).toArray();

    // 返回查询结果
    return {
      code: 200,
      data: result,
      message: 'Data retrieved successfully'
    };
  } catch (error) {
    console.error('Error retrieving data:', error);
    return {
      code: 500,
      message: 'Error retrieving data'
    };
  }
}

import cloud from '@lafjs/cloud';

export default async function (ctx: FunctionContext) {
  try {
    // 从请求体中获取用户名和密码
    const { username, password } = ctx.request.body;

    // 校验请求参数
    if (!username || typeof username !== 'string') {
      return {
        code: 400,
        message: 'Invalid username. Username must be a non-empty string.'
      };
    }

    if (!password || typeof password !== 'string') {
      return {
        code: 400,
        message: 'Invalid password. Password must be a non-empty string.'
      };
    }

    // 获取 MongoDB 实例
    const db = cloud.mongo.db;

    // 指定集合名称
    const collectionName = 'userlist'; // 替换为您的用户集合名称
    const collection = db.collection(collectionName);

    // 根据 username 查询用户信息
    const user = await collection.findOne({ username });

    if (!user) {
      return {
        code: 401,
        message: 'Invalid credentials. Please check your username and password.'
      };
    }

    // 验证密码
    // 在实际应用中，密码应该使用加密算法（如 bcrypt）进行存储和验证
    if (user.password !== password) {  //如果user在集合中找到的密码与输入的密码不相同就返回401
      return {
        code: 401,
        message: 'Invalid credentials. Please check your username and password.'
      };
    }

    // 如果验证成功，返回用户信息
    return {
      code: 200,
      user: {
        username: user.username,
        // 其他用户信息可以根据需要返回
      },
      message: 'Login successful'
    };

  } catch (error) {
    //异常处理
    console.error('Error during login:', error);
    return {
      code: 500,
      message: 'Internal server error'
    };
  }
}

import { useAuthStore } from '../stores/authStore';
const store = useAuthStore();
let usernames:any = store.user// 获取元素的文本内容

const updateFavorites = async (username:string) => {
    
    // 构造发送到后端的数据
    let data:lovedata ={
      username:username,
      love:favorites.value  //传递的是包含喜爱网站的对象数组因为定义就是const favorites = ref<Website[]>([])
    }
    console.log(data)

    try {
      // 发送 POST 请求
      const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/addlove', data, {
        headers: {
          'Content-Type': 'application/json'
        }       
      });
  
      // 更新 favorites 的值
      // favorites.value = response.data;
  
      console.log('Favorites updated successfully:', response.data);
    } catch (error:any) {
      // 错误处理
      console.error('Error updating favorites:', error);
  
      if (error.response) {
        // 请求已发出，但服务器响应的状态码不在 2xx 范围内
        console.warn(
      `Failed to update favorites. Server responded with status: ${error.response.status}`
        );
      } else if (error.request) {
        // 请求已发出，但没有收到响应
        console.warn('No response received from the server.');
      } else {
        // 在设置请求时触发了错误
        console.warn('Error setting up the request:', error.message);
      }
    }
  };
  

import cloud from '@lafjs/cloud'

export default async function (ctx: FunctionContext) {
  try {
    // 从请求体中获取用户名和喜好
    const { username, love} = ctx.request.body;

    // 校验请求参数
    if (!username) {
      return {
        code: 400,
        message: 'Invalid username. Username must be a non-empty string.'
      };
    }

    if (love== null) {
      return {
        code: 400,
        message: 'Invalid,please upload love'
      };
    }

    // 获取 MongoDB 实例
    const db = cloud.mongo.db;

    // 指定集合名称
    const collectionName = 'userlist'; // 替换为您的用户集合名称
    const collection = db.collection(collectionName);
    const res =await collection.updateOne(
      { username: username}, // 查询条件，匹配需要更新的文档
      { $set: {love:love } } // 更新操作，使用 $set 修改字段
    );
    if (res.matchedCount == 0){
      return{
        code:404,
        massage:"not find user"
      }
    }else{
      // 如果验证成功，返回用户信息
      return {
        code: 200,
        user: {
          username: username,
          // 其他用户信息可以根据需要返回
        },
        message: 'update love successfully'
      };

    }
    
  } catch (error) {
    //异常处理
    console.error('Error during login:', error);
    return {
      code: 500,
      message: 'Internal server error'
    };
  }
}

const fetchFavorites = async (username:any) =>{
  try {
    const response = await axios.post<any>(
      'https://jy8b5cnnmg.hzh.sealos.run/getlove', // 替换为你的 API 地址
      { username }
    );
    // console.log(response.data)
    // 喜爱的网站的对象数组是存在返回的reponse的data这个json对象的love属性里面的
    favorites.value = response.data.love;
  } catch (error) {
    console.error('Error fetching favorites:', error);
    throw error;
  }
}

import cloud from '@lafjs/cloud';

export default async function (ctx) {
  try {
    // 从请求体中获取 username
    const { username } = ctx.request.body;

    // 校验 username 是否存在
    if (!username || typeof username !== 'string') {
      ctx.body = {
        code: 400,
        message: 'Invalid username. Username must be a non-empty string.'
      };
      return;
    }

    // 获取 MongoDB 实例
    const db = cloud.mongo.db;

    // 指定集合名称
    const collectionName = 'userlist'; // 替换为你的用户集合名称
    const collection = db.collection(collectionName);

    // 根据 username 查询用户信息
    const user = await collection.findOne({ username: username });
    // console.log(user.love)
    if (!user) {
      return {
        code: 404,
        message: 'User not found.'
      };
    }

    // 获取 love 属性，如果不存在则返回空数组
    const loveArray = user.love ;
    // console.log(loveArray)
    // 返回结果
    return {
      code: 200,
      love: loveArray,
      message: 'Love array retrieved successfully.'
    };
  } catch (error) {
    console.error('Error retrieving love array:', error);
    return {
      code: 500,
      message: 'Internal server error'
    };
  }
}

const form = ref({
  name: '',
  url: '',
  description: '',
  category: '',
  reason: ''
})

const submitWebsite = () => {
  // 检查用户是否登录
  if (!Authstore.$state.isAuthenticated) {
    alert("请先登录");
    router.push('/');
  } else {
    // 获取表单数据
    const formData = form.value; // 获取绑定的表单数据
    //console.log("提交的表单数据：", formData);
    let username:any = Authstore.user// 获取元素的文本内容
   // console.log(username)
    // 向后端提交数据,直接根据现有的数据封装传给函数
    submitStores.addsubmits({username: username,submit: formData});
    // 在这里可以将 formData 发送到后端
    // 示例：使用 axios 发送数据
   
    // 模拟成功提交
    alert("感谢您的提交，我们会在一周内审核并返回结果到您的邮箱");
    router.push('/home');
  }
};

import { defineStore } from 'pinia'
import axios from 'axios'
import { Mysub } from '../types/types'

export const usesubmitstore = defineStore('submits', () => {
    

    const API_URL = 'https://jy8b5cnnmg.hzh.sealos.run/addsubmit';

    // 直接利用传来的封装好的对象发送请求
    const addsubmits = async (sub:Mysub) => {
        try {
          //  console.log('Submitting data:', sub);
            // 发送请求
            const response = await axios.post(API_URL, sub, {
                headers: {
                    'Content-Type': 'application/json'
                }
            });
           // console.log('Response from server:', response.data);
            
        } catch (e) {
            console.error('Error submitting data:', e);
        }
    };
    return {
        //暴露函数让其他文件可用
        addsubmits
        // updateFavorites,
        // fetchFavorites
    }
})

const updateResult = await collection.updateOne(
      { username: username },
      {
        $push: {
          commit: submit // 直接追加单个对象
        }
      }
    );

async login(credentials: Credentials) {
      try {
        // 发送登录请求到后端
        const response = await axios.post('https://jy8b5cnnmg.hzh.sealos.run/login', credentials);
        // console.log(response)
        // 返回的用户名是存在data.user.username中的
        // 如果登录成功，更新状态
        this.isAuthenticated = true;
        this.user = response.data.user.username;

        // 可选：保存用户信息到 localStorage 或其他存储
        localStorage.setItem('user', JSON.stringify(response.data.user.username));

      } catch (error) {
        // 如果登录失败，抛出错误
        throw new Error('Login failed. Please check your credentials.');
      }
    },

// 初始化用户
    initUser() {
      // 从缓存中获取用户信息
      const userStr = localStorage.getItem('user');
      // 如果存在则设置为当前用户
      if (userStr) {
        this.user = JSON.parse(userStr);
        this.isAuthenticated = true;
        const favoritesStore = useFavoritesStore();
        const submitstore = usesubmitstore();
        favoritesStore.fetchFavorites(this.user);
        submitstore.fetchSubmissions(this.user);
      }
    },

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import router from './router'
import './style.css'
import App from './App.vue'
import { useAuthStore } from './stores/authStore'
 
const app = createApp(App)
app.use(createPinia())
app.use(router)
app.mount('#app')

// 初始化用户
useAuthStore().initUser()

// 处理退出登录逻辑
    logout() {
      // 登出逻辑
      this.isAuthenticated = false;
      this.user = null;
      // 清除用户信息
      localStorage.removeItem('user');
    }

sessionStorage.setItem("accessToken", JSON.stringify(res.data.data.accessToken));

<img :src="imgSrc" :alt="website.name"  @error="handleimgError"/>