E05：后台管理系统开发-添加文章页面UI制作

Posted 2022-01-12 wgchen~

React Hooks+Laravel 后端博客实战

• 阐述
• 创建增加文章页面
• • 新建 `admin\\src\\Pages\\AddArticle.js`
  • 新建 `admin\\src\\static\\css\\AddArticle.css`
• 编写标题和文章内容区域
• • 编辑 `admin\\src\\Pages\\AddArticle.js`
  • 暂存按钮和发布按钮
  • 编写文章简介部分
  • 编写发布时间界面

阐述

大体的UI架构确定下来以后，就可以制作里边的业务逻辑页面了，第一个要作的页面是添加博客文章，这是本博客教程最难的一部分，所以要分成几节来讲。

本文我们先做出标题和内容部分。

创建增加文章页面

在 /src/pages 目录下面，新建一个 AddArticle.js 的文件。
建立完成后用 import 引入下面需要使用的组件。