结对作业二

分支讨论：

• 最终方案：main -> dev -> (frontend-dev) / (backend-dev)
• hotfix拉新的分支，等到v1版本准备就绪后合并到dev，再拉release进行发布

项目执行方案讨论：

• 最初使用GitHub Project进行任务管理，但后来因团队在同一房间编码，决定简化流程

OAuth2.0 讨论：

• 使用GitHub OAuth2.0认证
• 认证模式为accessToken模式
• 团队遇到认证服务器访问问题（GitHub服务器在国内不易访问）
• 需要特别注意用户信息字段（Login vs Name）

Model层设计：

export interface SearchModelType {  namespace: ModelNameSpaces.Search;  state: SearchModelState;  effects: {    search: Effect;  };  reducers: {    changePage: ImmerReducer
    
     ;    changeTotal: ImmerReducer
     
      ;    saveData: ImmerReducer
      
       ;    saveLastSearchList: ImmerReducer
       
        ;    changeCodeStatus: ImmerReducer
        
         ;  };}
        
       
      
     
    

• 使用Immer.js管理不可变状态
• 分离业务逻辑和服务调用层
• 利用TypeScript进行类型推导

Service层设计：

import { BASE_URL } from '@/constants';import request from 'umi-request';const login = (code: string) => {  return request.get(`${BASE_URL}/login`, { params: { code } });};const logout = () => {  return request.get(`${BASE_URL}/logout`);};

• 提取数据接口到单独层
• 使用BASE_URL处理不同环境API地址

目录结构图：

├── assets│   └── components│       ├── chartLoading│       ├── circleLetter│       ├── constants│       ├── editModal│       ├── iconText│       ├── lineChart│       ├── loginModal│       ├── roseChart│       ├── smallLineChart│       ├── themeSearch│       └── wordCloud├── constants├── layouts├── models└── pages    ├── favorite    ├── oauth2.0    ├── search    └── statistic

框架使用：

• Gin HTTP框架
• Colly爬虫框架
• MySQL存储论文、用户信息
• Redis缓存爬虫结果和搜索结果

架构设计：

• MVC模式
• 前后端分离
• API路由设计：

apiV1 := r.Group("/api/v1")apiV1.GET("/auth", api.Auth)apiV1.GET("/auth-callback", api.Callback)apiV1.GET("/login", api.Login)authGroup := apiV1.Group("").Use(middleware.Auth()){  cors.Default()  authGroup.GET("/logout", api.Logout)  authGroup.POST("/search", api.Search)  // 其他接口...}

爬虫实现：

c := cron.New(cron.WithParser(  cron.NewParser(    cron.SecondOptional | cron.Minute | cron.Hour | cron.Dom | cron.Month | cron.Dow),  ),)err := c.AddFunc("0 0 0 * * ?", func() {  crawler.Start()})if err != nil {  log.Println(err)}c.Start()

• 定时爬取论文
• 处理不同网站的爬取逻辑

类型定义：

type UserModel = typeof UserInitialState;type SearchModel = typeof SearchInitialState;type FavoriteModel = typeof FavoriteInitialState;type StatisticModel = typeof StatisticInitialState;

• 提取各个模块的初始状态
• 供组件使用统一数据类型

Layout共用部分：

const { Header, Content } = ALayout;const Layout = ({ children }: IRouteComponentProps) => {  const dispatch = useDispatch();  const { avatar, isLogin, username } = useSelector(    (store: RootStore) => ({      const { [ModelNameSpaces.User]: UserModel } = store;      return UserModel;    })  );  // 组件逻辑};

• 提取共用布局逻辑
• 使用Immer.js管理状态

模型定义：

type Model struct {  ID        uint `gorm:"primarykey" json:"-"`;  CreatedAt time.Time;  UpdatedAt time.Time;}

• 基础模型结构
• 使用GORM进行数据库操作

路由处理：

apiV1 := r.Group("/api/v1")apiV1.GET("/auth", api.Auth)apiV1.GET("/auth-callback", api.Callback)apiV1.GET("/login", api.Login)authGroup := apiV1.Group("").Use(middleware.Auth()){  cors.Default()  authGroup.GET("/logout", api.Logout)  // 其他接口...}

• 使用Gin框架定义API路由
• 集成认证中间件