21 ~ express ~ 内容详情展示和阅读数处理

1，前台，/views/main/index.html ，将文章 id 通过url 传送给后台

{% for content in contents %}

<h4>【 {{content.title}} 】</h4>

<p>

作者 : {{content.user.username}}  

发布时间 : {{content.addTime|date('Y-m-d')}}  

阅读数量 : {{content.views}}  

评论 : {{content}}  

</p>

<p>简介 : {{content.description}}</p>

<p>

</p>

</div>

{% endfor %}

2，后台 , /router/main.js ，增加 view 路由，读取文章的内容，渲染文章的页面。读取导航栏。增加访问量。

/**

* 因为导航栏是前台每个栏目显示都需要的，所以不应该写在【/】路由中，所以使用中间件的方法处理【通用的数据】

router.use((req,res,next)=>{

/**

* ！！！【data必须是全局对象，否则中间件的下一个接收不到】

data = {

userInfo:req.userInfo,

categories:[], //所有分类的信息

}

Category.find().then((categories)=>{

data.categories = categories

// console.log(data)

/**注意 next 的出口 */

next()

})

/**

* 首页

router.get('/',(req,res)=>{

/**

* 从数据库中读取分类信息

* rs是一个数组类型的记录

// data 不能重新等于新的对象

data.category =req.query.category || ''

data.page = Number(req.query.page || 1)

data.limit = 2

data.pages = 1

data.count= 0

var where = {}

if(data.category){

where.category = data.category

}

// console.log('where => '+where)

/**获取所有分类信息 */

Content.where(where).countDocuments().then((count)=>{

//为了方便,存入data

data.count = count

// 计算总页数，向上取整数,去最大值

data.pages = Math.ceil(data.count / data.limit)

// 页数取值不能超过总页数的值

data.page = Math.min(data.page,data.pages)

// 取值不能小于1

data.page = Math.max(data.page,1)

// 不需要被分配到模板 data 中，直接存入变量

var skip = (data.page-1)*data.limit

/**

* 读取文章并返回

return Content.where(where).find().sort({_id:-1}).limit(data.limit).skip(skip).populate(['category','user'])

// 不 return 下面的参数将没有数据

}).then((contents)=>{

data.contents = contents

// console.log(data)

/**最后渲染 */

res.render('main/index',data)

})

router.get('/view',(req,res)=>{

contentid = req.query.contentid || ''

Content.findOne({

_id:contentid

}).then(content=>{

data.content = content

/** 增加阅读数 */

content.views++

content.save()

res.render('main/view',data)

})

3，前台展示 /views/main/view.html

<h4>【 {{data.content.title}} 】</h4>

<p>

作者 : {{data.content.user.username}}  

发布时间 : {{data.content.addTime|date('Y-m-d')}}  

阅读数量 : {{data.content.views}}  

评论 : {{data.content}}  

</p>

<p>简介 : {{data.content.description}}</p>

<p>

内容 : {{data.content.content}}

</p>

巴特西

21 ~ express ~ 内容详情展示和阅读数处理

最新文章

热门文章

巴特西

21 ~ express ~ 内容详情展示 和 阅读数处理

最新文章

热门文章

21 ~ express ~ 内容详情展示和阅读数处理