NodeJS博客实战19_博客内容修改和删除

ゝ一纸荒年。 2022-05-27 08:12 218阅读 0赞

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeToStray_Nodejs_blog]

1.主要功能

1）编辑内容页面的渲染

2）编辑内容的分类加载

3）编辑内容的的提交验证

4）内容的删除

2.实现思路

1.使用findOne方法根据传过来的id查找相应的内容并返回

2.使用模板渲染将返回的内容渲染到页面

3.查找分类并渲染到列表上

4.使用populate联表查到分类的id，使用模板渲染判断选中分类

3.相关代码

1）内容修改渲染数据

routers/admin.js

//内容修改
    router.get('/content/edit',function(req,res){
    	var id = req.query.id || '';
    	var categories = [];
    	Category.find().sort({_id:1}).then(function(res){
    		categories = res;
    		return Content.findOne({
    			_id:id
    		}).populate('category');
    	}).then(function(content){
    			if(!content){
    				res.render('admin/error',{
    					userInfo:userInfo,
    					message:'指定内容不存在'
    				});
    				return Promise.reject();
    			} else{
    				res.render('admin/content_edit',{
    					userInfo:req.userInfo,
    					categories:categories,
    					content:content
    				})
    			}
    		})
    
    	
    });

2）内容修改提交保存：

routers/admin.js

//内容修改保存
    router.post('/content/edit',function(req,res){
    	var id = req.query.id || '';
    	if (req.body.title == '') {
    		res.render('admin/error',{
    			userInfo:req.userInfo,
    			message:'标题不能为空'
    		})
    		return;
    	}
    	if (req.body.content == '') {
    		res.render('admin/error',{
    			userInfo:req.userInfo,
    			message:'内容不能为空'
    		})
    		return;
    	}
    	Content.update({
    		_id:id
    	},{
    		category:req.body.category,
    		title:req.body.title,
    		desciption:req.body.desciption,
    		content:req.body.content
    	}).then(function(){
    		res.render('admin/success',{
    			userInfo:req.userInfo,
    			message:'内容保存成功',
    			url: '/admin/content/edit?id=' + id
    		})
    	})
    
    })

3）内容删除

routers/admin.js

//内容删除
    router.get('/content/delete',function(req,res){
    	var id = req.query.id || '';
    	Content.remove({
    		_id:id
    	}).then(function(){
    		res.render('admin/success',{
    					userInfo:req.userInfo,
    					message:'删除成功',
    					url:'/admin/content'
    				});
    	})
    })

4）渲染页面代码

views/admin/content\_edit.html

{% extends 'layout.html' %}
    
    {% block main %}
    	<div class="a-userNav">
    		<span><a href="/">管理首页</a></span>
    		<span> / </span>
    		<span>内容修改 - {
       {content.title}}</span>
    	</div>
    	<form style="padding-left: 50px;margin-top: 20px;" method="post">
    	{
       {content.category._id.toString()}}
    		<div>
    			<label for="category">分        类:</label>
    			<select name="category" id="category" style="width: 200px;">
    				{% for category in categories %}
    					{% if content.category._id.toString() == category._id.toString() %}
    						<option value="{
       {category.id}}" selected>{
       {category.name}}</option>
    					{% else %}
    						<option value="{
       {category.id}}">{
       {category.name}}</option>
    					{% endif %}
    				{% endfor %}
    			</select>
    		</div>
    		<div>
    			<label for="title">内容标题:</label>
    			<input type="text" name="title" id="title" style="width: 200px;" value="{
       {content.title}}">
    		</div>
    		<div>
    			<label for="desc">简        介:</label>
    			<input type="desc" name="desciption" id="desciption" style="width: 200px;" value="{
       {content.desciption}}">
    		</div>
    		<div>
    			<label for="content" style="vertical-align: top;">内        容:</label>
    			<textarea type="content" name="content" id="content" style="width: 200px;" rows="4">{
       {content.content}}</textarea>
    		</div>
    		<button type="submit">提交</button>
    	</form>
    {% endblock %}

[https_github.com_RidingACodeToStray_Nodejs_blog]: https://github.com/RidingACodeToStray/Nodejs_blog