当先锋百科网

首页 1 2 3 4 5 6 7

一、项目功能说明

  1. 登录、注册
  2. 新建博客
  3. 首页显示全部博客
  4. 查看博客详情页
  5. 查看博客评论区
  6. 修改、删除博客

二、最终效果

首页:
请添加图片描述
登录、注册:
请添加图片描述
在这里插入图片描述
详情页:
请添加图片描述

评论区:
请添加图片描述
新建博客:
请添加图片描述
登陆后的Banner:
请添加图片描述
用户设置->基本信息:
请添加图片描述
用户设置->账户设置:
请添加图片描述

三、文件目录结构说明

在这里插入图片描述

  • modules:包含需要建多个的Schema
  • public:包含公共的Css、Js、Image
  • views:按照不同功能、板块创建文件夹,并在对应文件夹下创建html文件
  • app.js:配置解析表单POST请求体数据、存取数据状态、使用模板引擎、挂载路由
  • router.js:路由配置

四、项目技术栈

  • express 框架
  • bootstrap 作为UI框架
  • mongodb 数据库
  • art-template 模板引擎
  • jquery + ajax 发送网络请求
  • 使用 express-session 存取数据状态,通过req.session来访问和设置session成员
  • mongoose 使用了一种直接的、基于scheme结构的方式定义数据模型

五、核心技术

1. 使用Schema定义数据模型

例如:定义评论的 Schema模型

var commentSchema = new Schema({
    articleId:{
        type:String,
        required:true
    },
    nickname:{
        type:String,
        required:true
    },
    comments:{
        type:String,
        required:true
    },
    created_time:{
        type:Date,
        default:Date.now      
    }
})

2. mongoose 的操作

连接mongodb数据库:mongoose.connect('mongodb://localhost/user',{ useNewUrlParser: true ,useUnifiedTopology: true})
导出 Schema模型:module.exports = mongoose.model('Comment',commentSchema)

3.mogodb数据库的操作

查找:Topic.find(function(err,topics){ ... })
查找一个:User.findOne({ },function(err,data){})
保存信息:Topic(req.body).save(function(err,data){})
查找一个并更新:User.findOneAndUpdate({查找条件},{要修改的信息},function(err,data){})
删除:User.remove({查找条件},function(err,data){})

3. 使用第三方插件 express-session:存取数据状态

session 的配置

// 使用第三方插件 express-session:存取数据状态
// 1.npm install express-session
// 2.配置,一定要在路由之前
// 3.使用
//  当把这个插件配置好之后,我们就可以通过req.session来访问和设置session成员了
//  添加session数据:req.session.foo = 'bar
//  访问session数据:req.session.foo
var session = require('express-session')
app.use(session({
    // 配置加密字符串,他会在原有加密基础上和这个字符串拼起来去加密
    // 目的是为了增加安全性,防止客户端恶意伪造
    secret: 'itcast',   
    resave: false,
    saveUninitialized: false
}))

通过session 读取状态:

// 用户存在,登录成功,记录登录状态
        req.session.user = user
        res.status(200).json({
            err_code:0,
            message:'OK'
        })

清除 session:

	// 清楚登录状态
    // 重定向到登录页,<a>链接是同步请求,所以可以服务端重定向
    req.session.user = null
    res.redirect('/')

4. 挂载路由

创建路由:var router = express.Router(),并在路由上通过router.get()、router.post()方法添加请求,最后导出 router

5.使用md5对密码进行加密

通过md5对密码加密,这样数据库也无法读取到正确的密码

六、遇到的问题

  1. 没有很好的对时间进行格式化
  2. 未实现搜索文章功能

七、github链接

Node.js 博客项目