2018-09-12nodejs博客项目

Author:Mr.柳上原

  • 付出不亚于任何的努力
  • 愿我们所有的努力,都不会被生活辜负
  • 不忘初心,方得始终

这几天写的nodejs+mongodb+pug的全栈博客项目

https://github.com/youyouqiu/tanzhou44fy-nodejs-Blog

使用了nodejs以及mongodb数据库
模块:koa2、koa-body、koa-compress、koa-logger、koa-multer、koa-router、koa-session、koa-static、koa-views、mongoose......
ui框架:layui
html模块:pug(jade)

知识点:

前后端混合开发

pug模版的使用

本地服务器环境搭建

路由设置

cookies与session存储

数据库创建与集合设置(mongodb里的集合类似于其他数据库的表)

schema数据属性设置

数据存储

连表查询

数据增删改查的钩子函数

nodejs原子操作


实现功能:

--论坛操作界面--

用户注册

用户登陆

用户退出

文章编辑

文章发表

评论发表

--用户管理界面--

权限设置

普通用户后台--头像上传,文章管理(当前用户的文章查询,删除),评论管理(当前用户的评论查询,删除)

超级管理员后台--头像上传,文章管理,评论管理,用户管理


依赖模块下载导入
在当前文件夹输入命令行,下载项目依赖模块

npm i

.....................................................................................

下载前端超级友好的数据库
mongodb
或者大家有自己喜欢的其他数据库也可
不过这个node项目是全程使用mongodb数据库编写,需要自行更改数据库

mongod --dbpath [你的数据库db文件夹位置路径]
// 出现端口号27017,即代表启动成功
20180901.png

........................................................................................

新开个cmd,启动mongodb命令窗口
可以在里面输入mongodb数据库命令
比如查询数据文档 db show.......

mongo
20180902.png

.....................................................................................

打开编辑器
启动node接口文档
我使用的是vscode

nodemon app
// 此处下载了mon模块,可以实时代码更新,不需要重新启动node服务
npm install -g nodemon
20180903.png

.....................................................................................

项目界面-首页
在浏览器输入服务器地址即可进入
首页没做任何处理,仅仅做导航使用
如需要功能,可自行完善

localhost:3003
20180904.png

......................................................................................

用户注册,登录

20180905.png

.......................................................................................

登录后,登录框状态改变为用户界面

20180906.png

...................................................................................................

分页面论坛模块
用户头像及名字
文章类型
文章简介
文章发表日期
文章评论数量

20180907.png

...............................................................................................

文章发布页面
使用了富文本

QQ截图20180924152110.png

..............................................................................................

文章评论页面

20180908.png

...........................................................................................

个人中心页面
权限限制
非超级管理员时的界面状态
只能更改登录用户自身的相关内容

20180909.png

.........................................................................................

超级管理员界面
删除普通用户权限

20180910.png

.....................................................................................

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 关于Mongodb的全面总结 MongoDB的内部构造《MongoDB The Definitive Guide》...
    中v中阅读 32,098评论 2 89
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 13,125评论 2 59
  • 前言 这里筑梦师,是一名正在努力学习的iOS开发工程师,目前致力于全栈方向的学习,希望可以和大家一起交流技术,共同...
    筑梦师Winston阅读 26,207评论 80 514
  • 看到今天分享的书《别独自用餐》,让我想起了王石在一个公开场所演讲,演讲的内容是他是如何在哈佛游学的两年时间...
    Miss墨菲阅读 347评论 0 3
  • 第一次尝试 硫酸纸上先画出要刻章的图案,用刮片把纸上图案印在橡皮上,然后用刻刀向外刻出自己想要的图案,第一次先这样...
    小茆屋阅读 515评论 0 50