用Node.JS+MongoDB搭建我的博客(页面模板)(五)(结束) 用Node.JS+MongoDB搭建我的博客(万众期待的router.js)(四)

《差很少先生》html

我是差很少先生,个人差很少是天生。也表明我很天真,也表明我是个闲人。这差很少的人生,老是见缝插针。前端

求学的道路上老是孤独的,即便别人不理解我,认为我是奇葩!但不要紧,我会坚持走我本身的路,能被大家影响到的话那就不是我了!(Keep Real!)git

学习的道路不能中止!继续!

模板:

前端显示的动态数据有一部分是Ajax获取,也有一部分是用模板渲染出来的。github

index.ejs首页的动态数据都是从Ajax请求回来对上JS模板输出出来的。数据库

首先看看后台NodeJS对于POST请求回来以后的处理函数:函数

 在这里看到我每次请求都只是返回10条数据,这样能够大大优化查询的数据,而后用数据返回JSON格式。post

JavaScript模板:学习

Ajax获取数据放到JavaScript模板里,由JavaScript渲染出来:优化

 分类文章页面(原理都同样,在这我只选择其中一个):url

关于JavaScript的文章

详情介绍能够看:用Node.JS+MongoDB搭建我的博客(万众期待的router.js)(四) 的第六部分。

分类文章只是在查询数据库的时候加多个条件,在这里写了四个同样的查询方法,其实均可以简化成一个。但个人目标是前端,等把前端的知识差很少消化掉了我再进一步进攻NodeJS领域!

 留言区页面(一句话:千万不要相信用户输入的东西。):

评论区页面的发表评论就不说了,就是Ajax提交数据,后台接收数据保存数据库。具体代码可看评论页面的模板:comment.ejs

在这里咱们看到渲染数据的时候,首先{{}}里面第一个有个 “=” 的意思是以字符串的形式显示出来,不会执行HTML代码(包括脚本),加上replace是双重防止XSS攻击。

 

最后说几句,作这个系统的时候我只是单纯出于对NodeJS好奇我才学得它,这个我的博客系统我已中止更新,专一前端。我很喜欢NodeJS,之后有机会接触NodeJS再来总结。

相关文章
相关标签/搜索