基于Node.JS实现的论坛(登录注册、发表帖子以及修改个人信息)

基于B站周老师的node教程做出来的论坛,记录了一下过程,除了教程基本的登陆注册功能外,自己添加了帖子分页效果、发帖的功能以及修改个人信息,项目GitHub源码,如果对你的学习有帮助,望点个star支持下,自己也整理了学习Node过程中的笔记,里面有配套思维导图

主要技术如下

  • 使用Express框架搭建Node服务器,数据库采用MongoDB

  • 使用Bootstrap以及JQuery搭建页面

  • art-template模板引擎以及搭配express-art-template渲染前端页面

  • body-parse插件解析客户端发送过来的请求体

  • blueimp-md5进行用户密码加密

  • express-session存储关于用户会话(session)

目录结构

app.js 项目的入口文件
controllers
models 存储使用mongoose设计的数据模型
node_modules 第三方包
package.json 包描述文件
package-lock.json 第三方包版本锁定文件(npm5之后才有)
public 公共静态资源
routes 路由模块
views 存储视图目录

设计相关页面(静态资源配置)

  1. 论坛主页面
  2. 注册页面
  3. 登陆页面

模板继承(ar-template)

​ 解决多页面布局类似问题,通用布局→模板引擎挖坑→孩子填坑(类似vue的插槽)

下载所需基础模块以及初始化(app.js)

想到什么下什么,后面需要什么再补什么

初始化思路如下

→安装,引入express mongoose

→开放静态资源public

→配置模板引擎(art-template)

→引入bootstrap、jquery(npm),开放art-template静态资源并使用

→引入body-parse(npm)

var express = require('express')
var path = require('path')
var bodyParser = require('body-parser')
var router = require('./router.js')

var app = express()

//开放静态资源
app.use("/node_modules", express.static("./node_modules/"))
app.use("/public", express.static("./public/"))

//配置模板引擎
app.engine('html', require("express-art-template"))
app.set('/views',path.join(__dirname, './views/'))

//引用中间件,配置post表单请求体中间件时一定要在挂载路由之前
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({
    extended: false }))
// parse application/json
app.use(bodyParser.json())

//挂载路由
app.use(router)

//开放端口
app.listen(3000, function(){
   
	console.log('server is running...')
})

设计路由

路径 方法 get参数 post参数 登陆权限 备注
/ get 渲染论坛首页
/login get 渲染登陆页面
/login post email、password 处理登录请求
/register(注册) get 渲染注册页面
/rgister post email、password、nickname 处理注册请求
/logout get 处理退出当前账户请求
var express = require('express')

var router = express.Router()

router.get('/', function(req, res) {
   
    res.render("index.html")
})

router.get('/login',function(req,res){
   
	res.render('login.html')
})

router.post('/login',function(req,res){
   
	console.log(req.body)
})

router.get('/register',function(req,res){
   
	res.render('register.html')
})

router.post('/register',function(req,res){
   

})

module.exports = router

配置中间件

安装body-parse,测试获取post请求

//引用中间件,配置post表单请求体中间件时一定要在挂载路由之前
// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({
    extended: false }))
// parse application/json
app.use(bodyParser.json())

这里页面采取异步请求AJAX,可以通过安装Postman进行post请求
基于Node.JS实现的论坛(登录注册、发表帖子以及修改个人信息)_第1张图片

数据库设计

创建models目录,设计处理各个数据表文件

User

//引用模块
var mongoose = require('mongoose')
//获取Schema框架
var Schema = mongoose.Schema
//设计表约束以及规范
var userSchema = new Schema({
   
    //邮箱
    email: {
   
        type: String,
        require: true
    },
    //昵称
    nickname: {<

你可能感兴趣的:(nodejs,node.js)