伙伴匹配项目教程 - 伙伴匹配项目教程 - 编程导航教程 - 做您编程学习路上的导航员 笔记

介绍：

▼
text
复制代码
移动端的H5网页

需求分析：

▼
text
复制代码
1.用户选择标签
2.主动搜索，允许用户根据标签搜索其他用户
    1.Redis缓存 + 本地缓存
3.组队（房间，单向组队）：组队比赛
    1.创建队伍
    2.加入队伍
    3.根据标签查询队伍
    4.邀请队友
 4.允许用户去修改标签
 5.推荐
     1.相似度计算算法 +本地分布式计算（内存中）

技术栈

▼
text
复制代码
前端：
    1.Vue3开发框架
    2.Vant UI（基于Vue的移动端组件库）（React版Zent）
    3.Vite（打包工具）
    4.Nginx单机部署
后端：
    1.Java编程语言 + SpringBoot框架
    2.SpringMVC +Mybatis + Mybatis Plus
    3.MySQL数据库
    4.Redis缓存
    5.Swagger + Knife4j接口文档

具体内容

▼
text
复制代码
1.前端项目初始化
    脚手架构建
    Vant：https://vant-ui.github.io/vant/#/zh-CN
    Vue3：https://cn.vuejs.org/
    Vite：https://vitejs.cn/vite3-cn/guide/              
Vite的构建脚手架命令：
    #使用npm
    npm create vite@latest
    #使用yarn
    yarn create vite
    #使用pnpm
    pnpm create vite
安装Vant：
    # 通过 npm 安装
npm i @vant/auto-import-resolver unplugin-vue-components unplugin-auto-import -D

2.前端页面 + 组件概览
    开发页面经验：
        1.多参考
        2.从整体到局部
        3.先想清楚页面要做成什么样子，再写代码
        
    设计：
        1.导航条：展示当前页面名称
            标签条：Tabber
            导航栏：NavBar
            遇到问题：在导入NavBar时样式没有正确显示，需要手动添加样式，样式如下：
                    
                  .van-nav-bar {
                      position: fixed;
                      top: 0;
                      width: 100%;
                      right: 0px;
                      background-color: #fff;
                }
        2.主页搜索框->搜索页->搜索结果页(标签筛选页)
        3.内容：
            ·主页(推荐页 + 广告)
                ·搜索框
                ·banner
                ·推荐信息流
            ·队伍页
            ·用户页(消息·邮件发送)

3.数据库表设计
    1.标签表
        标签分类，建议用标签不要用分类，更灵活
        字段：
            1.id int 主键
            2.标签名varchar非空
            3.上传标签的用户userId int
            4.父标签id parentId int
            5.是否为父标签 isParent tinyint(8位)
            6.创建时间 creatTime datatime
            7.更新时间 updateTime datatime
            8.是否删除 isDelete tinyint(8位)
        根据父标签查询子标签,根据id查询
    SQL语言分类
        DDL：定义和管理数据库的结构，包括数据库、表、索引等。
        DML：对数据库中的数据进行操作，包括数据的插入、更新、删除等。
        DCL：控制对数据库对象的访问权限，包括授予和撤销权限。
        DQL：查询数据库中的数据，主要用于数据检索。
    2.用户表
        用户有哪些标签
            1.用户表补充tags字段
                优点：查询方便，不用新建关联表，标签是该用户的固有属性，哪怕性能低，可以用缓存
                缺点：用户表多一列
            2.关联表：
                关联表的应用场景：查询灵活，可以正查反查
                缺点：要维护多一个表
                重点：企业大型项目尽量减少关联查询，很影响扩展性，而且会影响查询性能
       添加索引
           tagName(唯一索引)
           userId
4.开发后端 + 根据标签搜索用户
5.开发前端-根据标签搜索用户