17 ~ express ~ 分类的显示 ,修改 和 删除
一,前台显示 /views/admin/category.html
{% extends 'layout.html' %}
{% block main %}
<ol class="breadcrumb">
<li><a href="/admin/category">分类首页</a></li>
<li><span>分类列表</span></li>
</ol>
<h3>分类列表</h3>
<table class="table table-bordered">
<tr>
<th>ID</th>
<th>分类名称</th>
<th>操作</th>
</tr>
<!-- 循环输出数组 . id是对象,需要转换成字符串 -->
{% for category in categories %}
<tr>
<td> {{category._id.toString()}}</td>
<td> {{category.category_name}}</td>
<td>
<!-- 【 错误的案例 : 忘记加路由 】 <a href="/category/edit?id={{category._id.toString()}}">修改</a> | -->
<a href="/admin/category/edit?id={{category._id.toString()}}">修改</a> |
<a href="/admin/category/delete?id={{category._id.toString()}}">删除</a>
</td>
{% endfor %}
</tr>
</table>
<div class="btn-group" role="group" aria-label="...">
<a href="/admin/category?page={{page-1}}" class="btn btn-default">上一页</a>
<a href="/admin/category?page={{page+1}}" class="btn btn-default">下一页</a>
<li>一共有 {{count}} 条数据</li>
<li>每页显示 {{limit}} 条数据</li>
<li>一共有 {{pages}} 页</li>
<li>当前是在 {{page}} 页</li>
</div>
{% endblock %}
二,后台 /router/admin.js
/**
* 分类管理,显示所有分类的信息
*/
router.get('/category',(req,res)=>{
var page = Number(req.query.page || 1) // 如果没有传值,默认为1
var limit = 10
var pages = 1
Category.count().then((count)=>{
// 计算总页数,向上取整数,去最大值
pages = Math.ceil(count / limit)
// 页数取值不能超过总页数的值
page = Math.min(page,pages)
// 取值不能小于1
page = Math.max(page,1)
var skip = (page-1)*limit
Category.find().limit(limit).skip(skip).then((categories) => {
res.render('admin/category',{
userInfo: req.userInfo,
categories:categories,
page:page,
pages:pages,
count:count,
limit:limit
})
})
})
})
/**
* 分类修改 ,先显示,再修改
*
* 1,获取 [显示] (get)
*/
router.get('/category/edit',(req,res)=>{
// 获取要修改的分类的信息,以表单的形式展示
//获取 id
var id = req.query.id || ''
//根据 id 查找
Category.findOne({
_id:id // 【 以 MongoDB 数据库字段 _id 为标准 ,不是 id ,视频中的bug 】
}).then((category)=>{
if(!category){
res.render('admin/error',{
user:req.userInfo,
message:'要修改的分类信息不存在'
})
return Promise.reject()
}else{
res.render('admin/category_edit',{
user:req.userInfo,
category:category
})
}
})
})
/**
* 分类修改
*
* 2, [保存]修改的数据(post)
*/
router.post('/category/edit',(req,res)=>{
//获取 id
var id = req.query.id || ''
//获取提交要修改的名称
var category_name = req.body.category_name || ''
console.log('category_name :'+category_name)
//数据库查询要修改的这条数据是否存在
Category.findOne({
_id:id,
}).then((rs)=>{
if(!rs){
res.render('admin/error',{
user:req.userInfo,
message:'要修改的分类信息不存在'
})
return Promise.reject()
}else{
//当用户没有做任何修改时
if(rs.category_name==category_name){
res.render('admin/error',{
user:req.userInfo,
message:'修改成功 --(没有做任何修改,这是条假信息)'
})
return Promise.reject()
}else{
// 判断要修改的数据在数据库中是否已存在,存在则返回错误信息,不存在则保存
/**
* return值会走到下面的then中,返回同名的分类名称
*/
return Category.findOne({
/**
* 1,{$ne:id} : 不等于当前的id . 范围更广
* 2,查询数据库中 id 不是要修改的这个id 但是 名称相同的记录
* 3,如果存在说明 : 有重复 。拒绝修改
*/
_id:{$ne:id},
category_name:category_name
})
}
}
}).then((sameCategory)=>{
if(sameCategory){
res.render('admin/error',{
user:req.userInfo,
message:'数据库中已有同名的名称存在'
})
return Promise.reject()
}else{
/**
* 更新
* 第一个参数 : 条件
* 第二个参数 : 修改的字段
* return 丢出去给then使用
*/
return Category.update({
_id:id
},{
category_name:category_name
})
}
}).then((rs)=>{
if(rs){
res.render('admin/success',{
user:req.userInfo,
message:'分类名称修改成功'
})
}
})
})
/**
* 分类删除
*/
router.get('/category/delete',(req,res)=>{
//获取要删除分类的id
var id = req.query.id || ''
//直接删除
Category.remove({
_id:id
}).then((rs)=>{
if(rs){
res.render('admin/success',{
user:req.userInfo,
message:'分类删除成功'
})
}
})
})