毕设APP端

整体设计

开发语言为react-native, 使用Hooks开发

打算先做UI部分, 然后做完UI和后端同步进行开发.

网络请求使用axios库

项目结构

导航器

这里的导航就差不多是路由的意思, 使用createStackNavigator创建Stack导航器, 包括一个Tab Navigator子导航器.

组件设计

  • 登录注册组件

需要维护三个状态, 点击登录注册按钮时, 隐藏当前的注册登录按钮, 显示登录或者注册的登录框

  • 首页(下拉刷新)

    • 头部组件

      需要维护两个状态, 判断是否登录, 统计消息数量

    • 热门文章组件

      轮播实现

    • 文章组件(显示最新文章)

      下拉刷新

      维护三个状态, 点赞, 收藏, 评论, 不能实时刷新, 所以会导致点赞后点赞数不止+1

      支持图文混排, 文章组件中显示前三张图片

      头像, 发布时间

    • 文章详情

      • 图文组件

      • 收藏组件

        支持新建收藏

      • 评论组件

        维护一个状态, 评论

        评论显示谁回复谁

    • 文章(下拉刷新以及滚动加载文章)

      • 搜索组件
      • 分类Tab组件
      • 详细文章组件(同上)
      • 发布文章组件(右下角+)

  • 个人中心

    • 个人资料卡组件(查看他人资料卡会有私信功能)

      • 详情组件

    • 粉丝以及关注组件

      • 粉丝关注详细组件

    • 功能组件

      • 我的文章
      • 我的草稿
      • 我的收藏
        • 收藏详情组件
      • 功能待添加
      • 历史浏览
      • 退出登录

打开APP

判断是否登录

  • 未登录
    • 拉取新闻
    • 已登录
      • 头像
      • 个人中心

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

考研失败<br>前端菜鸟<br>找工作<br>