黑马博客——详细步骤(七)项目功能的实现之文章管理

3.文章管理

 

1.添加文章管理和文章编辑页面路由:

验证两个静态页面能否被访问

2.实现点击切换导航栏功能:

3.更改连接的选中状态

 

实现文章管理功能:(基于数据库)

创建文章集合->添加文章具体内容

文章集合有五个字段:标题、作者、发布时间、文章封面、内容

实现发布新文章功能

 

表单数据必须以二进制的方式传递到服务器端

 

在服务器段添加  文章添加  相关的路由:

验证:发布新文章→提交

成功进入路由

服务器要接收客户端传递的二进制数据,需要第三方模块formidable

formidable

作用:解析表单,支持get请求参数,post请求参数、文件上传。

form.keepExtensions = false; 默认flase不保存

 

存放客户端上传的文件

验证:发布新文章→添加文章内容

提交后:

显示作者在页面中

使用js读取图片文件,并且将读取完成的图片显示在页面中

文件读取 FileReader

将客户端传递的文章插入数据库当中

验证:发布新文章→添加文章内容→选择文件→提交

在article页面展示文章数据

↑提前准备的测试数据

发布时间和作者的数据需要处理

作者(多集合联合查询)

发布时间的日期格式处理(第三方模块dateformat)

 

 

 

 

猜你喜欢

转载自blog.csdn.net/qq_40794986/article/details/111878834
今日推荐