网站建设 >

查看其它板块

【nodejs】大事件后台管理项目（三）——文章管理接口

5. 文章管理

5.1 新建 ev_articles 表

CREATE TABLE `my_db_01`.`ev_articles`  (
  `Id` int(0) NOT NULL AUTO_INCREMENT,
  `title` varchar(255) NOT NULL COMMENT '文章标题',
  `content` text NOT NULL COMMENT '文章内容',
  `cover_img` varchar(255) NOT NULL COMMENT '封面图片',
  `pub_date` varchar(255) NOT NULL COMMENT '文章发表日期',
  `state` varchar(255) NOT NULL COMMENT '文章发布状态',
  `is_delete` tinyint(255) NOT NULL DEFAULT 0 COMMENT '0未删除，1相反',
  `cate_id` int(0) NOT NULL COMMENT '分类id',
  `author_id` int(0) NOT NULL COMMENT '作者id',
  PRIMARY KEY (`Id`),
  UNIQUE INDEX(`Id`)
) COMMENT = '文章表';

5.2 发布新文章

5.2.0 实现步骤

初始化路由模块
初始化路由处理函数模块
使用 multer 解析表单数据
验证表单数据
实现发布文章的功能

5.2.1 初始化路由模块

创建 /router/article.js 路由模块，并初始化如下的代码结构：

// 导入 express
const express = require('express')
// 创建路由对象
const router = express.Router()

// 发布新文章
router.post('/add', (req, res) => {
  res.send('ok')
})

// 向外共享路由对象
module.exports = router

在 app.js 中导入并使用文章的路由模块：

// 导入并使用文章路由模块
const articleRouter = require('./router/article')
// 为文章的路由挂载统一的访问前缀 /my/article
app.use('/my/article', articleRouter)

5.2.2 初始化路由处理函数模块

创建 /router_handler/article.js 路由处理函数模块，并初始化如下的代码结构：

// 发布新文章的处理函数
exports.addArticle = (req, res) => {
  res.send('ok')
}

修改 /router/article.js 中的代码如下：

const express = require('express')
const router = express.Router()

// 导入文章的路由处理函数模块
const article_handler = require('../router_handler/article')

// 发布新文章
router.post('/add', article_handler.addArticle)

module.exports = router

5.2.3 使用 multer 解析表单数据

注意：使用 express.urlencoded() 中间件无法解析 multipart/form-data 格式的请求体数据。
南涧网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联从2013年创立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

当前项目，推荐使用 multer 来解析 multipart/form-data 格式的表单数据。https://www.npmjs.com/package/multer

运行如下的终端命令，在项目中安装 multer：

npm i multer@1.4.2

在 /router_handler/article.js 模块中导入并配置 multer：

// 导入解析 formdata 格式表单数据的包
const multer = require('multer')
// 导入处理路径的核心模块
const path = require('path')

// 创建 multer 的实例对象，通过 dest 属性指定文件的存放路径
const upload = multer({ dest: path.join(__dirname, '../uploads') })

修改 发布新文章 的路由如下：

// 发布新文章的路由
// upload.single() 是一个局部生效的中间件，用来解析 FormData 格式的表单数据
// 将文件类型的数据，解析并挂载到 req.file 属性中
// 将文本类型的数据，解析并挂载到 req.body 属性中
router.post('/add', upload.single('cover_img'), article_handler.addArticle)

在 /router_handler/article.js 模块中的 addArticle 处理函数中，将 multer 解析出来的数据进行打印：

// 发布新文章的处理函数
exports.addArticle = (req, res) => {
  console.log(req.body) // 文本类型的数据
  console.log('--------分割线----------')
  console.log(req.file) // 文件类型的数据

  res.send('ok')
}

测试

在认证条件下输入cover_img，查看返回值

5.2.4 验证表单数据

实现思路：通过 express-joi 自动验证 req.body 中的文本数据；通过 if 判断手动验证 req.file 中的文件数据；

创建 /schema/article.js 验证规则模块，并初始化如下的代码结构：

// 导入定义验证规则的模块
const joi = require('joi')

// 定义 标题、分类Id、内容、发布状态 的验证规则
const title = joi.string().required()
const cate_id = joi.number().integer().min(1).required()
const content = joi.string().required().allow('')
const state = joi.string().valid('已发布', '草稿').required()

// 验证规则对象 - 发布文章
exports.add_article_schema = {
  body: {
    title,
    cate_id,
    content,
    state,
  },
}

在 /router/article.js 模块中，导入需要的验证规则对象，并在路由中使用：

// 导入验证数据的中间件
const expressJoi = require('@escook/express-joi')
// 导入文章的验证模块
const { add_article_schema } = require('../schema/article')

// 发布新文章的路由
// 注意：在当前的路由中，先后使用了两个中间件：
//       先使用 multer 解析表单数据
//       再使用 expressJoi 对解析的表单数据进行验证
router.post('/add', upload.single('cover_img'), expressJoi(add_article_schema), article_handler.addArticle)

在 /router_handler/article.js 模块中的 addArticle 处理函数中，通过 if 判断客户端是否提交了 封面图片：

// 发布新文章的处理函数
exports.addArticle = (req, res) => {
    // 手动判断是否上传了文章封面
  if (!req.file || req.file.fieldname !== 'cover_img') return res.cc('文章封面是必选参数！')

  // TODO：表单数据合法，继续后面的处理流程...
})

5.2.5 实现发布文章的功能

以下的内容放到/router_handler/article.js的处理函数中

整理要插入数据库的文章信息对象：

// 导入处理路径的 path 核心模块
const path = require('path')

//注意：放入到处理函数内
const articleInfo = {
  // 标题、内容、状态、所属的分类Id
  ...req.body,
  // 文章封面在服务器端的存放路径
  cover_img: path.join('/uploads', req.file.filename),
  // 文章发布时间
  pub_date: new Date(),
  // 文章作者的Id
  author_id: req.auth.id,
}

定义发布文章的 SQL 语句：

const sql = `insert into ev_articles set ?`

调用 db.query() 执行发布文章的 SQL 语句：

// 导入数据库操作模块
const db = require('../db/index')

// 执行 SQL 语句
db.query(sql, articleInfo, (err, results) => {
  // 执行 SQL 语句失败
  if (err) return res.cc(err)

  // 执行 SQL 语句成功，但是影响行数不等于 1
  if (results.affectedRows !== 1) return res.cc('发布文章失败！')

  // 发布文章成功
  res.cc('发布文章成功', 0)
})

在 app.js 中，使用 express.static() 中间件，将 uploads 目录中的图片托管为静态资源：

// 托管静态资源文件
app.use('/uploads', express.static('./uploads'))

测试

我的踩坑点：

原来之所以使用multipart/form-data的格式提交数据是因为cover_img不承认提交网络图片链接的形式，而是要选择本地文件，不然是无法读取到文件类型的，点击File即可，postman的我不清楚。
articleInfo对象中的req.user一定要改成req.auth，不然它会一直提示Cannot read properties of undefined (reading 'id')的错误，现在就可以看到我提交成功了。

可以看到我在uploads文件夹中存放着以二进制流的形式存放图片数据。

5.3 查看文章列表

/router_handler/article.js

//文章列表显示处理函数
exports.getArticle = (req, res) => {
	const sql = 'select * from ev_articles where is_delete=0 order by id asc'

	db.query(sql, (err, results) => {
		// 1. 执行 SQL 语句失败
		if (err) return res.cc(err)

		// 2. 执行 SQL 语句成功
		res.send({
			status: 0,
			message: '获取文章列表成功！',
			data: results,
		})
	})
	// res.send('ok')
}

/router/article.js

// 获取文章的列表数据
router.get('/list', article_handler.getArticle)

测试：

5.4 根据Id删除文章

/router/article.js

//根据ID删除文章的路由
router.get('/delete/:Id', expressJoi(delete_schema), article_handler.deleteById)

/router_handler/article.js

// 删除文章分类的处理函数
exports.deleteById = (req, res) => {
	const sql = `update ev_articles set is_delete=1 where Id=?`

	db.query(sql, req.params.Id, (err, results) => {
		// 执行 SQL 语句失败
		if (err) return res.cc(err)

		// SQL 语句执行成功，但是影响行数不等于 1
		if (results.affectedRows !== 1) return res.cc('删除文章失败！')

		// 删除文章分类成功
		res.cc('删除文章成功！', 0)
	})
}

/schema/article.js

// 定义 文章Id 的校验规则
const Id = joi.number().integer().min(1).required()
// 校验规则对象 - 删除分类
exports.delete_schema = {
	params: {
		Id,
	},
}

注意大事件项目的art_list文件的这个Id不要改成了id，因为数据库里面写的也是Id

测试

5.5 根据Id查找文章

/router/article.js

//根据Id查询文章
router.get(
	'/:Id',
	expressJoi(get_articleById_schema),
	article_handler.getArticleById
)

/router_handler/article.js

//根据Id查询文章的处理函数
exports.getArticleById = (req, res) => {
	const sql = `select * from ev_articles where Id=?`

	db.query(sql, req.params.Id, (err, results) => {
		// 执行 SQL 语句失败
		if (err) return res.cc(err)

		// SQL 语句执行成功，但是没有查询到任何数据
		if (results.length !== 1) return res.cc('获取文章数据失败！')

		// 把数据响应给客户端
		res.send({
			success: true,
			status: 0,
			message: '获取文章数据成功！',
			data: results[0],
		})
	})
}

/schema/article.js

// 校验规则对象 - 根据 id 获取文章
exports.get_articleById_schema = {
	params: {
		Id,
	},
}

测试

5.6 更新文章内容

/router/article.js

//更新文章的路由
router.post(
	'/edit',
	uploads.single('cover_img'),
	expressJoi(update_article_schema),
	article_handler.editArticle
)

/router_handler/article.js

//更新文章的处理函数
exports.editArticle = (req, res) => {
	//先查询有没有这个文章有没有名称撞车
	const sqlStr = `select * from ev_articles where Id != ? and title = ?`
	//执行查重操作
	db.query(sqlStr, [req.body.Id, req.body.title], (err, results) => {
		if (err) return res.cc(err)
		if (results[0]) {
			return res.cc('文章标题不能重复！')
		}
		if (!req.file || req.file.fieldname !== 'cover_img')
			return res.cc('文章封面是必选参数！')
		// 证明数据都是合法的，可以进行后续业务逻辑的处理
		// 处理文章的信息对象
		const articleInfo = {
			// 标题、内容、发布状态、所属分类的Id
			...req.body,
			// 文章封面的存放路径
			cover_img: path.join('/uploads', req.file.filename),
			// 文章的发布时间
			pub_date: new Date(),
			// 文章作者的Id
			author_id: req.auth.id,
		}
		const sql = `update ev_articles set ? where Id=?`
		db.query(sql, [articleInfo, req.body.Id], (err, results) => {
			if (err) return res.cc(err)
			if (results.affectedRows !== 1) return res.cc('编辑文章失败！')
			res.cc('编辑文章成功！', 0)
		})
	})
}

/schema/article.js

// 校验规则对象 — 更新文章
exports.update_article_schema = {
	body: {
		Id,
		title,
		cate_id,
		content,
		state,
	},
}

测试

网站题目：【nodejs】大事件后台管理项目（三）——文章管理接口
网站地址：http://www.cdkjz.cn/article/dsojjdp.html

返回首页了解更多建站资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线成都：13518219792 座机：028-86922220

在线咨询提交需求

友情链接交换友情链接

沃尔沃电机组维修保养精灵网高端网站定制东方电机技改服务有限公司重庆机房托管绵阳网站制作手机微信网站广告品牌策划设计力比特机械成都建站

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层建设咨询028-86922220

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图

网站建设

网站推广

案例

方案

电商网站开发

微信小程序

我们

联系

精准传达 • 有效沟通

查看其它板块

【nodejs】大事件后台管理项目（三）——文章管理接口

上一节

5. 文章管理

5.1 新建 ev_articles 表

5.2 发布新文章

5.2.0 实现步骤

5.2.1 初始化路由模块

5.2.2 初始化路由处理函数模块

5.2.3 使用 multer 解析表单数据

测试

5.2.4 验证表单数据

5.2.5 实现发布文章的功能

测试

5.3 查看文章列表

测试：

5.4 根据Id删除文章

测试

5.5 根据Id查找文章

测试

5.6 更新文章内容

测试

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

大客户专线成都：13518219792 座机：028-86922220

友情链接交换友情链接

网络推广

Network promotion

网站方案

Solution

电商网站开发

E-commerce & System

我们

About Us

联系

Contact Us

精准传达 • 有效沟通

查看其它板块

【nodejs】大事件后台管理项目（三）——文章管理接口

上一节

5. 文章管理

5.1 新建 ev_articles 表

5.2 发布新文章

5.2.0 实现步骤

5.2.1 初始化路由模块

5.2.2 初始化路由处理函数模块

5.2.3 使用 multer 解析表单数据

测试

5.2.4 验证表单数据

5.2.5 实现发布文章的功能

测试

5.3 查看文章列表

测试：

5.4 根据Id删除文章

测试

5.5 根据Id查找文章

测试

5.6 更新文章内容

测试

相关资讯

Thinkphp中的Swoole是什么？怎么用？

笔记本电脑检测不到电池怎么办

win7电脑开机速度怎么优化

windowscamtasiastudio下载后的位置在哪

socket模块__python

PHP开发社区微信服务号实战图解

Springboot+redis怎么实现session共享

rhel6.3怎么使用yum安装Apache

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

大客户专线 成都：13518219792 座机：028-86922220

友情链接 交换友情链接

大客户专线成都：13518219792 座机：028-86922220

友情链接交换友情链接