设为首页 收藏本站
查看: 1147|回复: 0

[经验分享] 基于express+mongodb+pug的博客系统

[复制链接]

尚未签到

发表于 2017-12-16 13:54:49 | 显示全部楼层 |阅读模式
  上一篇介绍了模板引擎pug.js的用法,这一篇就主要写后台逻辑了。
  后台的大部分的功能都有了,只是在已经登录的状态下,前台和后台的逻辑处理还不是很完善。
  先上几张图吧,仿旧版的简书,改了下UI,因为没有简书那么多内容,所以没必要完全做成一样的。
DSC0000.png

DSC0001.png

DSC0002.png

DSC0003.png


1.项目结构
DSC0004.png

  app.js 是整个工程的入口
  model 文件夹放连接数据库的逻辑
  public 文件夹里全是静态资源
  router 文件夹是各个模块的路由文件,route.js是总入口
  upload 里是上传的图像文件
  views 里全是模板,layout.pug是最外层的框架模板,componentspages里则分别是公共组件和各个页面的模板。

2.app.js
  app.js代码:
DSC0005.png

  app.js是整个工程的入口,这里没什么问题,里面的模板引擎配置和静态文件项配置在文档里都有说明。需要注意的是静态文件设置这里,最好使用path.join,因为我按照上面设置模板引擎的写法去写,始终会报错,找不到对应的文件。

3.router
  在这个文件夹里全是路由的相关配置
  route.js
DSC0006.png

  articleList.js
DSC0007.png

  router部分被我根据业务相关,划分成了登录、文章、管理三个部分。每个部分都会把他们相关的请求逻辑写在一个js文件里,然后在最下面暴露出router接口,最后在route.js中统一分发处理。
  在router.js里,会把所有的路由都挂在app这个对象上,然后暴露app,以便在入口文件app.js中使用。
  另外在这里还用到了session来进行登录状态的保存处理,可以使用req.session.xxx来获取或者新建并保存一个属性。
  这里唯一存在的问题就是在设置了maxAge之后,不管中途有没有操作页面,只要时间到了,都会清除掉cookie,不能做到只要页面活跃时,cookie就不会过期。不知道是不是我哪设置的有问题。
  login.js
DSC0008.png

  登录逻辑做的比较简单,仅仅是获取前台传过来的值,然后与数据库里的值做对比,并没有做有效性校验和加密处理等,在实际的项目中都应该加上的。
  这里还用到了POST请求,对于POST请求,还需要单独引入body-parser这个中间件,才能对POST传入的值进行获取处理。

4.model
  model部分主要是负责连接数据库,获取并返回值。
  connect.js
DSC0009.png

  connect.js文件主要负责连接数据库,并且将db对象暴露出去,这样在其他需要的地方可以直接引用,而不用再次进行连接操作。
  article_list.js文件代码比较多,直接复制过来。
  

var mongoose = require('mongoose');  

  

// 定义Schema  
var articleSchema = new mongoose.Schema({
  author: String,
  createtime: String,
  updatetime: String,
  type: String,
  label: String,
  title: String,
  description: String,
  content: String,
  text: String,
  delta: Object,
  pv: Number,
  likes: Number,
  image: String
  
})
  
// 存入数据库之前的操作
  
articleSchema.pre('save', function (next) {
  var date = new Date();
  if (this.isNew) {
  this.updatetime = this.createtime = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  } else {
  this.updatetime = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate();
  }
  next()
  
});
  
// 定义model,关联相关的表
  
var articleModel = mongoose.model('article_list', articleSchema);
  

  
function findArticle(option, callback) {
  articleModel.find(option, function (err, result) {
  if (err) console.log(err);
  // 渲染模板
  var data = {
  articleLists: result
  };
  

  callback(data)
  })
  
}
  

  
// 渲染文章列表
  
var renderArticleList = function (articleType, callback) {
  switch (articleType) {
  case 'all': findArticle({}, callback)
  break;
  case 'novel': findArticle({ type: '小说' }, callback)
  break;
  case 'it': findArticle({ type: '编程' }, callback)
  break;
  default: res.send('暂时没有!')
  }
  
};
  

  
// 渲染文章详情
  
var renderArticle = function (articleId, callback) {
  var articleId = mongoose.mongo.ObjectId(articleId)
  articleModel.find({ _id: articleId }, function (err, result) {
  if (err) console.log(err);
  

  callback(result[0])
  })
  
}
  

  
// 喜欢数增加
  
var addLike = function (req, res) {
  

  
}
  

  
// 文章管理列表分页获取数据
  
var renderManage = function (opt, callback) {
  var currentSize = (opt.currentPage - 1) * opt.pageSize;
  articleModel.find({}, function (err, result) {
  var data = {
  articleLists: result
  };
  callback(result)
  }).skip(currentSize).limit(opt.pageSize)
  
}
  
// 文章管理列表获取总数
  
var getLength = function (callback) {
  articleModel.find({}, function (err, result) {
  callback(result.length)
  })
  
}
  

  
// 文章编辑保存
  
var saveArticle = function (article_opt, callback) {
  var newArticle = new articleModel(article_opt);
  if (article_opt.params_id) {
  var _id = article_opt.params_id
  articleModel.findOneAndUpdate({ _id: _id }, article_opt, function (err, result) {
  callback(result._id)
  })
  } else {
  newArticle.save(function (err, result) {
  callback(result._id)
  })
  }
  
}
  

  
// 文章删除
  
var deleteArticle = function (articleId, callback) {
  articleModel.remove({_id: articleId}, function (err, result) {
  console.log(result)
  callback()
  })
  
}
  

  
var modelHome = {
  renderArticleList: renderArticleList,
  renderArticle: renderArticle,
  renderManage: renderManage,
  getLength: getLength,
  saveArticle: saveArticle,
  deleteArticle: deleteArticle
  
};
  

  
module.exports = modelHome;
  

  凡是涉及到article_lists这个表的逻辑,都会写在article_list.js里,不过这里应该是可以优化的,因为这里应该只处理model部分,而不应该有逻辑操作部分。
  在使用mongoose这个库连接mongoDB的时候需要注意,在定义model,关联相关的表的时候, var articleModel = mongoose.model('article_list', articleSchema); 这里的article_list对应的是你数据库里的表article_lists,数据库里的表要多一个s。
  在编辑文章的时候,除了新建文章之外,还可以直接修改已有的文章,所以这就涉及到数据的插值和更新,如果使用原生的mongoDB方法,可以很简单的通过save()方法来实现,但是在mongoose中却不行,mongoose中的save()方法和原生的insert()基本相同。
  所以使用mongoose的时候需要分两步,更新值使用findOneAndUpdate(),新建使用save()方法。

结语:
  在这个版本里,还有一些功能没有做,比如点赞之类,但大的功能都有了,不过剩下的我并不打算再写了,再写的时候肯定是重构了。
  原因是写到这里,自己能发现很多地方可以优化,还有最重要的一点是,express是一个轻量级的框架,他很灵活,但是很多东西需要借助第三方插件或者库,这就给人带来了很多麻烦。
  第三方库良莠不齐,在最初的选择上面,你需要花很多功夫,选好了之后,你还得挨个去了解学习,挨个去踩坑,这都是很麻烦的事,所以并不建议大家直接在公司的重要项目里直接使用express这个框架。
  当然如果只是一些比较简单的页面,比如活动页或者一些不设计太多前后台逻辑交互的页面,还是可以使用express的,因为它真的很简单,你不需要会先去把es6搞明白,也不需要把node完全弄清楚。
  只需要简单的看看express官网吗,就能很快上手做出一个具有前后台交互的东西出来。

代码地址:https://github.com/Mcbai/blog

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-424712-1-1.html 上篇帖子: Windows下mongodb的安装和配置 下篇帖子: mongodb C# 驱动查询
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表