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

作者：Mr柳上原
链接：https://www.jianshu.com/p/524feda5aa33