# messageBoard

**Repository Path**: yangtaoqwer/messageBoard

## Basic Information

- **Project Name**: messageBoard
- **Description**: 该仓库用于学习express开发后台管理系统demo，适合新手入门练手的，代码比较写的比较粗糙
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 2
- **Created**: 2022-04-08
- **Last Updated**: 2024-01-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

### messageBoard

#### 该项目基于node express + mysql实现的
> 完整的项目分两部分，这是后台+后端的，UI是自己跟着layui官网码出来的
>前端项目基于vue实现
[前端仓库传送门: https://gitee.com/yango520/mimi](https://gitee.com/yango520/mimi)

**后台功能介绍**
- 登录
- 数据的增删改查
- 搜索
- 分页

下面是安装和启动命令
``` 
npm install
npm start

```

#### 需要用到的依赖
```
  "body-parser": "^1.19.0",  //body-parser是一个HTTP请求体解析的中间件，使用这个模块可以解析JSON、Raw、文本、URL-encoded格式的请求体
  "express-art-template": "^1.0.1",
  "express-session": "^1.17.0",
  "md5-node": "^1.0.1",
  "mysql": "^2.17.1",  
  "time-formater": "^1.1.3"  //这是用来格式化时间
```

#### 配置访问头部
```
// app.js
// 设置允许跨域访问
app.all("*",function(req,res,next){
  res.header("Access-Control-Allow-Origin","*");
  res.header("Access-Control-Allow-Headers","content-type");
  res.header("Access-Control-Allow-Methods","DELETE,PUT,POST,GET,OPTIONS");
  req.method.toLowerCase() == 'options' ? res.send(200) : next();
});
```

#### 配置session做后端登录验证
```
// app.js
// 使用 session 中间件
app.use(session({
	secret :  'secret', // 对session id 相关的cookie 进行签名
	resave : true,
	saveUninitialized: false, // 是否保存未初始化的会话
	cookie : {
		maxAge : 1000 * 60 * 60 * 6, // 设置 session 的有效时间，单位毫秒
	}
}));
```

#### 配置html模板引擎
```
// app.js
// 配置模板引擎和 body-parser 一定要在 app.use(router) 挂载路由之前
app.engine('html',require('express-art-template'));
```

#### 后台前端用 ejs 解析的 

#### mysql配置
```
// conn/db.js
const mysql = require('mysql')
const db = mysql.createConnection({
    host:'localhost',
    user:'root',
    password:'00000000',
    database:'message_board'
})
db.connect();

module.exports = db;
```

#### 最后来看看效果图吧

- 登录
![登录](https://img-blog.csdnimg.cn/20200227152517555.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTY0NDQ2Mg==,size_16,color_FFFFFF,t_70)

- 首页
![首页](https://img-blog.csdnimg.cn/20200227152858781.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTY0NDQ2Mg==,size_16,color_FFFFFF,t_70)

- 用户管理
![首页](https://img-blog.csdnimg.cn/20200227152948638.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTY0NDQ2Mg==,size_16,color_FFFFFF,t_70)

- 留言管理
![留言页面](https://img-blog.csdnimg.cn/20200227153128998.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTY0NDQ2Mg==,size_16,color_FFFFFF,t_70)