基于express+mongodb+pug的博客系统——后台篇

2024-06-19 23:08

本文主要是介绍基于express+mongodb+pug的博客系统——后台篇,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

上一篇介绍了模板引擎pug.js的用法,这一篇就主要写后台逻辑了。

后台的大部分的功能都有了,只是在已经登录的状态下,前台和后台的逻辑处理还不是很完善。

先上几张图吧,仿旧版的简书,改了下UI,因为没有简书那么多内容,所以没必要完全做成一样的。

684501-20170521123813588-2080762301.png

684501-20170521123917010-1716593579.png

684501-20170521124003775-943250518.png

 

 684501-20170521124102760-2143212888.png

1.项目结构

684501-20170521124634932-62046923.png

app.js 是整个工程的入口

model 文件夹放连接数据库的逻辑

public 文件夹里全是静态资源

router 文件夹是各个模块的路由文件,route.js是总入口

upload 里是上传的图像文件

views 里全是模板,layout.pug是最外层的框架模板,componentspages里则分别是公共组件和各个页面的模板。

2.app.js

app.js代码:

684501-20170521152121400-1692979697.png

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

 3.router

 在这个文件夹里全是路由的相关配置

route.js

 684501-20170521161710103-1464741049.png

articleList.js

684501-20170521162232807-101615504.png

router部分被我根据业务相关,划分成了登录、文章、管理三个部分。每个部分都会把他们相关的请求逻辑写在一个js文件里,然后在最下面暴露出router接口,最后在route.js中统一分发处理。

在router.js里,会把所有的路由都挂在app这个对象上,然后暴露app,以便在入口文件app.js中使用。

另外在这里还用到了session来进行登录状态的保存处理,可以使用req.session.xxx来获取或者新建并保存一个属性。

这里唯一存在的问题就是在设置了maxAge之后,不管中途有没有操作页面,只要时间到了,都会清除掉cookie,不能做到只要页面活跃时,cookie就不会过期。不知道是不是我哪设置的有问题。

 

login.js

684501-20170521171541213-304563329.png

登录逻辑做的比较简单,仅仅是获取前台传过来的值,然后与数据库里的值做对比,并没有做有效性校验和加密处理等,在实际的项目中都应该加上的。

这里还用到了POST请求,对于POST请求,还需要单独引入body-parser这个中间件,才能对POST传入的值进行获取处理。

4.model

model部分主要是负责连接数据库,获取并返回值。

connect.js

684501-20170521172641900-514837076.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_idarticleModel.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

 

这篇关于基于express+mongodb+pug的博客系统——后台篇的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1076406

相关文章

JAVA读取MongoDB中的二进制图片并显示在页面上

1:Jsp页面: <td><img src="${ctx}/mongoImg/show"></td> 2:xml配置: <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001

通信系统网络架构_2.广域网网络架构

1.概述          通俗来讲,广域网是将分布于相比局域网络更广区域的计算机设备联接起来的网络。广域网由通信子网于资源子网组成。通信子网可以利用公用分组交换网、卫星通信网和无线分组交换网构建,将分布在不同地区的局域网或计算机系统互连起来,实现资源子网的共享。 2.网络组成          广域网属于多级网络,通常由骨干网、分布网、接入网组成。在网络规模较小时,可仅由骨干网和接入网组成

Linux系统稳定性的奥秘:探究其背后的机制与哲学

在计算机操作系统的世界里,Linux以其卓越的稳定性和可靠性著称,成为服务器、嵌入式系统乃至个人电脑用户的首选。那么,是什么造就了Linux如此之高的稳定性呢?本文将深入解析Linux系统稳定性的几个关键因素,揭示其背后的技术哲学与实践。 1. 开源协作的力量Linux是一个开源项目,意味着任何人都可以查看、修改和贡献其源代码。这种开放性吸引了全球成千上万的开发者参与到内核的维护与优化中,形成了

PS系统教程25

介绍软件 BR(bridge) PS 配套软件,方便素材整理、管理素材 作用:起到桥梁作用 注意:PS和BR尽量保持版本一致 下载和安装可通过CSDN社区搜索,有免费安装指导。 安装之后,我们打开照片只需双击照片,就自动在Ps软件中打开。 前提:电脑上有PS软件 三种预览格式 全屏预览 评星级 直接按数字键就可以 方向键可以更换图片 esc退出 幻灯片放

风水研究会官网源码系统-可展示自己的领域内容-商品售卖等

一款用于展示风水行业,周易测算行业,玄学行业的系统,并支持售卖自己的商品。 整洁大气,非常漂亮,前端内容均可通过后台修改。 大致功能: 支持前端内容通过后端自定义支持开启关闭会员功能,会员等级设置支持对接官方支付支持添加商品类支持添加虚拟下载类支持自定义其他类型字段支持生成虚拟激活卡支持采集其他站点文章支持对接收益广告支持文章评论支持积分功能支持推广功能更多功能,搭建完成自行体验吧! 原文

Django 路由系统详解

Django 路由系统详解 引言 Django 是一个高级 Python Web 框架,它鼓励快速开发和干净、实用的设计。在 Django 中,路由系统是其核心组件之一,负责将用户的请求映射到相应的视图函数或类。本文将深入探讨 Django 的路由系统,包括其工作原理、配置方式以及高级功能。 目录 路由基础URL 映射路由参数命名空间URL 反向解析路由分发include 路由路由修饰符自

个人博客文章目录索引(持续更新中...)

文章目录 一、Java基础二、Java相关三、MySql基础四、Mybatis基础及源码五、MybatisPlus基础六、Spring基础及源码七、Tomcat源码八、SpringMVC基础及源码   随着文章数量多起来,每次着急翻找半天,而是新申请的域名下来了,决定整理下最近几年的文章目录索引。(红色标记为常检索文章) 一、Java基础 1、Java基础(一):语言概述2、J

【图像识别系统】昆虫识别Python+卷积神经网络算法+人工智能+深度学习+机器学习+TensorFlow+ResNet50

一、介绍 昆虫识别系统,使用Python作为主要开发语言。通过TensorFlow搭建ResNet50卷积神经网络算法(CNN)模型。通过对10种常见的昆虫图片数据集(‘蜜蜂’, ‘甲虫’, ‘蝴蝶’, ‘蝉’, ‘蜻蜓’, ‘蚱蜢’, ‘蛾’, ‘蝎子’, ‘蜗牛’, ‘蜘蛛’)进行训练,得到一个识别精度较高的H5格式模型文件,然后使用Django搭建Web网页端可视化操作界面,实现用户上传一

做为技术人员为什么要写博客

原文链接:http://lusongsong.com/info/post/565.html

OSG数学基础:坐标系统

坐标系是一个精确定位对象位置的框架,所有的图形变换都是基于一定的坐标系进行的。三维坐标系总体上可以分为两大类:左手坐标系和右手坐标系。常用的坐标系:世界坐标系、物体坐标系和摄像机坐标系。 世界坐标系 世界坐标系是一个特殊的坐标系,它建立了描述其他坐标系所需要的参考框架。从另一方面说,能够用世界坐标系来描述其他坐标系的位置,而不能用更大的、外部的坐标系来描述世界坐标系。世界坐标系也被广泛地