Skip to content

as1565066165/Blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Blog多人博客

简介:基于node.js和express框架的多人博客

一、项目环境搭建

1.项目介绍

(1)多人博客管理系统

(2)博客内容展示

(2)博客管理功能

2.案例初始化

(1)建立项目所需文件夹

  public 静态资源

  model 数据库操作

  route 路由

  views 模板
  
  middleware 中间件
  
  config 运行环境

(2)初始化项目描述文件

  npm init -y

(3)下载项目所需第三方模块

  npm install express mongoose art-template express- art- template

(4)创建网站服务器

(5)构建模块化路由

(6)构建博客管理页面模板

注意:模板中的相对路径是相对于地址栏的请求路径的  login内部的外链文件是相对于admin目录下面的文件

二、项目功能实现

1.登录

(1)创建用户集合,初始化用户

 连接数据库
 创建用户集合
 初始化用户

(2)为登录表单项设置请求地址、请求方式以及表单项name属性

(3)当用户点击登录按钮时,客户端验证用户是否填写了登录表单

(4)如果其中一项没有输入,阻止表单提交

(5)服务器端接收请求参数,验证用户是否填写了登录表单

(6)如果其中一项没有输入,为客户端做出响应,阻止程序向下执行

(7)根据邮箱地址查询用户信息

(8)如果用户不存在,为客户端做出响应,阻止程序向下执行

(9)如果用户存在,将用户名和密码进行比对

(10)比对成功,用户登录成功

(11)比对失败,用户登录失败

2.新增用户

(1)为用户列表页面的新增用户按钮添加链接

(2)添加一个连接对应的路由,在路由处理函数中渲染新增用户模板

(3)为新增用户表单指定请求地址、请求方式、为表单项添加name属性

(4)增加实现添加用户的功能路由

(5)接收到客户端传递过来的请求参数

(6)对请求参数的格式进行验证

(7)验证当前要注册的邮箱地址是否已经注册过

(8)对密码进行加密处理

(9)将用户信息添加到数据库中

(10)重定向页面到用户列表页面

3.数据分页

原因:当数据库中的数据非常多,数据需要分批次显示,这时就需要用到数据分页功能。

分页功能核心要素:

1.当前页,用户通过点击上一页或者下一页或者页码产生,客户端通过get参数方式传递到服务器端
2.总页数,根据总页数判断当前页是否为最后一页,根据判断结果做响应操作,总页数: Math.ceil (总数据条数/每页显示数据条数)
3.数据开始查询位置= (当前页-1) *每页显示的数据条数

4.用户信息修改

(1)将要修改的用户ID传递到服务器端

(2)建立用户信息修改功能对应的路由

(3)接收客户端表单传递过来的请求参数

(4)根据id查询用户信息,并将客户端传递过来的密码和数据库中的密码进行比对

(5)如果比对失败,对客户端做出响应

(6)如果密码对比成功,将用户信息更新到数据库中

5.用户信息删除

(1)在确认删除框中添加隐藏域用以存储要删除用户的ID值

(2)为删除按钮添自定义属性用以存储要删除用户的ID值

(3)为删除按钮添加点击事件,在点击事件处理函数中获取自定义属性中存储的ID值并将ID值存储在表单的隐藏域中

(4)为删除表单添加提交地址以及提交方式

(5)在服务器端建立删除功能路由

(6)接收客户端传递过来的id参数

(7)根据id删除用户

6.开发环境与生产环境

(1)什么是开发环境与生产环境

环境,就是指项目运行的地方,当项目处于开发阶段,项目运行在开发人员的电脑上,项目所处的环境就是开发环境。当项目开发完成以后,要将项目放到真实的网站服务器电脑中运行,项目所处的环境就是生产环境。

(2)为什么要区分开发环境与生产环境

因为在不同的环境中,项目的配置是不一样的,需要在项目代码中判断当前项目运行的环境,根据不同的环境应用不同的项目配置。

(3)如何区分开发环境与生产环境

通过电脑操作系统中的系统环境变量区分当前是开发环境还是生产环境。

7.第三方模块config

 作用:允许开发人员将不同运行环境下的应用配置信息抽离到单独的文件中,模块内部自动判断当前应用的运行环境,并读取对应的配置信息,极大提供应用配置信息的维护成本,避免了当运行环境重复的多次切换时,手动到项目代码中修改配置信息.

(1)使用步骤

1.使用npm install config命令下载模块
2.在项目的根目录下新建config文件夹
3.在config文件夹下面新建default.json、 development.json、production.json文件
4.在项目中通过require方法,将模块进行导入
5.使用模块内部提供的get方法获取配置信息

(2)将敏感配置信息存储在环境变量中

1.在config文件夹中建 立custom-environment-variables.json文件
2.配置项属性的值填写系统环境变量的名字
3.项目运行时config模块查找系统环境变量,并读取其值作为当前配置项属于的值

8.文章评论

(1)创建评论集合

(2)判断用户是否登录, 如果用户登录,再允许用户提交评论表单

(3)在服务器端创建文章评论功能对应的路由

(4)在路由请求处理函数中接收客户端传递过来的评论信息

(5)将评论信息存储在评论集合中

(6)将页面重定向回文章详情页面

(7)在文章详情页面路由中获取文章评论信息并展示在页面中

三、项目包含的知识点

1.密码加密bcrypt

哈希加密是单程加密方式: 1234 => abcd
在加密的密码中加入随机字符串可以增加密码被破解的难度。

bcrypt依赖的其他环境(下载bcryptjs更方便无需依赖)

(1)python 2.x

(2)node-gyp

npm install -g node-gyp

(3)windows-build-tools

npm install --global --production windows-build-tools

2.cookie与session

cookie:浏览器在电脑硬盘中开辟的一块空间,主要供服务器端存储数据。

cookie中的数据是以域名的形式进行区分的。
cookie中的数据是有过期时间的,超过时间数据会被浏览器自动删除。
cookie中的数据会随着请求被自动发送到服务器端。

session:实际上就是一个对象,存储在服务器端的内存中,在session对象中也可以存储多条数据,每一条数据都有一个sessionid做为唯一标识。

在node.js中需要借助express-session实现session功能。
redirect()方法可以实现重定向

3.Joi

JavaScript对象的规则描述语言和验证器。

4.表单属性enctype

enctype指定表单数据的编码类型

application/x-www-form-urlencoded   eg:name=zhangsan&age=20
multipart/form-data    将表单数据编码成二进制类型

5.formidable

作用:解析表单,支持get请求参数,post请求参数、文件上传。

// 引入formidable模块
const formidable = require('formidable');
// 引入path模块
const path = require('path');
module.exports = (req, res) => {
// 1.创建表单解析对象
const form = new formidable.IncomingForm();
// 2.设置上传文件的存放位置
form.uploadDir = path.join(__dirname, '../', '../', 'public', 'uploads');
// 3.是否保留上传文件的后缀  默认是不保留的
form.keepExtensions = true;
// 4.解析表单
form.parse(req, (err, fields, files) => {
    // err是错误对象 如果表单解析失败 err里面保存的错误信息 如果表单解析成功err为空
    // fields对象类型 保存普通表单的数据
    // files 对象类型 保存了和上传文件相关的数据
    res.send(fields);
})
}

6.文件读取FileReader

7.数据分页mongoose-sex-page

8.mongoDB数据库添加账号

(1)以系统管理员的方式运行powershell

(2)连接数据库

mongo

(3)查看数据库

show dbs

(4)切换到admin数据库

use admin

(5)创建超级管理员账户(省略格式)

db.createUser()

(6)切换到blog数据

use blog

(7)创建普通账号(省略格式)

db.createUser()

(8)卸载mongodb服务

先停止服务  net stop mongodb
 
再移除  mongod --remove

(9)创建mongodb服务

mongod --logpath='D:\MongoDB\log\mongod.log' --dbpath='D:\MongoDB\data' --install --auth 

(10)启动mongodb服务

net start mongodb

(11)在项目中使用账号连接数据库

mongoose.connect(' mongodb://user:pass@localhost:port/database)

About

基于node.js和express框架的多人博客

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published