资讯专栏INFORMATION COLUMN

NodeJS+Express搭建个人博客-环境搭建(一)

Clect / 3091人阅读

摘要:本项目持续更新中,开源免费与各位爱好技术达人共勉,注现阶段仍在开发中。。。。。

NodeJS+Express+MongoDb开发的个人博客

NodeJS+Express搭建个人博客-环境搭建(一)
NodeJS+Express搭建个人博客-gulp自动化构建工具使用(二)
NodeJS+Express搭建个人博客-Express+Mongodb组合架构介绍(三)
NodeJS+Express搭建个人博客-数据库设计及Mongoose操作(四)
NodeJS+Express搭建个人博客-公共组件及工具类(五)
......

项目介绍 简言
本项目主要针对博客的标准,利用所学的框架组件及相关插件进行开发,因为自己希望通过前沿技术开发一个比较成熟点的博客类管理系统,所以在此定制了一个目标,不断完善个人博客项目,总结经验和分享开发过程中一些技术点和难点。本项目持续更新中,开源免费与各位爱好Node技术达人共勉,(注:现阶段仍在开发中。。。。。
模块

使用工具包
1.gulp自动化构建工具:整合了代码压缩、图片压缩工具包,对视图代码及图片进行压缩处理,提升网站资源加载流畅度
2.ejs-mate模板引擎 因其支持partial,可以对js或css合并生成,减少一个网页中的多个请求个数,对优化网站有很大帮助
3.markdown文本编辑插件:editormd
4.文件上传插件:formidable 该组件的使用可以参考该文档,使用方法简单,后续章节会针对formData解析以及前端Ajax传值进行细说
数据表设计

按照博客的业务逻辑进行了以下几个关键表的设计:(后面章节会细说)

require("./category")       //文章分类表
require("./comment")        //评论表
require("./chat")           //碎言表
require("./oauth_user")     //用户表
require("./article")        //文章表
require("./article_pic")    //文章图片关联表
require("./article_tag")    //文章标签关联表
require("./config")         //配置表
require("./tag")            //标签表

exports.TagDb = mongoose.model("Tag") // 这是一个对象
exports.Article = mongoose.model("Article")
exports.ArticlePic = mongoose.model("ArticlePic")
exports.ArticleTag = mongoose.model("ArticleTag")
exports.Category = mongoose.model("Category")
exports.Chat = mongoose.model("Chat")
exports.Comment = mongoose.model("Comment")
exports.User = mongoose.model("User")
安装步骤

安装工具及版本说明: npm: 6.0及以上, node: 8.9及以上, mongodb: 5.2.8及以上, git下载

使用webstorm或其他开发工具,运行git clone https://github.com/WebLss/Nod...

运行 npm install 等待下载所需依赖包

运行mongodb:可以参考该文章: https://www.cnblogs.com/wangl...

运行gulp命令:编译压缩生成dist, gulp自动化构建项目后续章节将会细说

根据以下命令启动项目:

{
  "name": "node-blog",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "win_start": "set NODE_ENV=production&&nodemon ./bin/www",  //win系统,代表启动正式环境
    "win_dev": "set NODE_ENV=development&&nodemon ./bin/www",  //win系统,代码启动开发环境
    "mac_start": "NODE_ENV=production nodemon ./bin/www",   //mac系统,代表启动正式环境
    "mac_dev": "NODE_ENV=development nodemon ./bin/www"   //mac系统,代码启动开发环境
  }
}
访问路径
后台入口url: http://localhost:3000/admin      (待完善)
前台入口url: 持续开发中。。。。。。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/19353.html

相关文章

  • 用vue搭建个人博客介绍----mapblog小站

    摘要:后端主要使用的框架,数据库采用。后台管理登录采用与后端进行登陆状态的确认。本文首发于小站,这是一个积累和分享知识的个人博客 这篇文章搁置了很长时间,最终决定还是把它写出来,给刚开始学习vue并且想用vue写个人博客的同学一个参考。因为当初我也是参考了其他人分享的知识,从一个vue小白变成了一个入门级选手,并最终完成了这个个人博客的搭建工作,代码已托管在Github-justJokee。...

    Ashin 评论0 收藏0
  • NodeJS+Express搭建个人博客-gulp自动化构建工具使用(二)

    摘要:自动化构建工具使用简言现在不管是做前端还是后端的,不可避免的是要跟打交道的而且这么容易开发难道我们不想自己随手写点什么这类比较前卫的框架早就深度集成了很多前端的东西现在,就让我们手动为也插上的翅膀吧。 gulp自动化构建工具使用 简言 现在不管是做前端还是后端的,不可避免的是要跟html打交道的;而且Node这么容易开发web;难道我们不想自己随手写点什么?Express这类比较前卫的...

    Yangder 评论0 收藏0
  • 全栈最后公里 - Node.js 项目的线上服务器部署与发布

    摘要:没有耐心阅读的同学,可以直接前往学习全栈最后一公里。我下面会罗列一些,我自己录制过的一些项目,或者其他的我觉得可以按照这个路线继续深入学习的项目资源。 showImg(https://segmentfault.com/img/bVMlke?w=833&h=410); 本文技术软文,阅读需谨慎,长约 7000 字,通读需 5 分钟 大家好,我是 Scott,本文通过提供给大家学习的方法,...

    Nosee 评论0 收藏0
  • NodeJs+Express+Mysql + Vuejs 项目实战 - 大纲

    摘要:多一个技能多一条出路,祝你在自学道路上越走越好,掌握自己的核心技能,不只是优秀,还要成为不可替代的人 NodeJs+Express+Mysql + Vuejs 项目实战 最近准备写一系列文章,全面讲述如何基于NodeJs + Express + Mysql + Vuejs 从零开发前后端完全分离项目; 文笔及技术可能在某些方面欠佳,请您指正,共同学习进步 前端:Vuejs全家桶 后端:...

    noONE 评论0 收藏0

发表评论

0条评论

Clect

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<