/Training-Assignment-Blog

Training Assignment-Blog

Primary LanguageTypeScript

博客项目

实现功能介绍

  • 基本样式完成
  • 一、登录界面,用户可以实现登录 (user、admin两种,其中admin可以查看管理页面)
  • 二、用户文章管理后台
    • 文章管理 属性:标题、内容,标签,状态;全部必填 场景:列表、新建、编辑、删除、保存草稿、发布
    • 标签管理 属性:名称;必填 场景:新建、编辑更新、删除的场景
  • 三、文章展示
    • 首页,文章的列表页面,需分页
    • 文章查看页面(树状列表+评论添加)

具体实现思路及展示

  • 登录+鉴权

    • 登录:mock数据,获取当前用户信息

    • login

    • 鉴权:利用cookie存储当前用户信息,设置token,实现鉴权

    • 鉴权

  • 文章展示+文章详情页

    • 文章列表+具体内容展示:

    • login

    • 文章详情页

    • login

    • 详情页面评论:

    • login

  • 管理界面

    • 管理界面展示

    • login

    • 删除功能

    • login

    • 编辑功能

    • login

    • 富文本框

    • login

待解决问题:

  • 目前该练习只完成了基本的功能和样式,项目中还有以下问题待解决:
  1. 登录样式单独显示正常(样式:CSSModule),但是加到父组件中之后会被父组件样式覆盖(目前是用!important 或 行内样式解决)
  2. 路由改变的时候都要进行鉴权判断,刷新的时候获取当前用户和页面的信息
  3. 标签input编辑,后台管理系统有类似功能
  4. table的分页器样式修改(批量删除)
  5. antD中文修改
  6. 目前用户文档的content和comment都是写好的特定格式的,需要写好由富文本编辑器内容转换为对应的样式
  7. 做好富文本编辑器的内容判断,防止用户输入html标签,从而出现安全问题
  8. cookie的相关安全设置
  9. 是否登录展示的不同信息,评论的时候需要登录才行
  10. 部分样式需要完善
  11. 各个页面的响应式