1.使用 npm 安装 Express 框架
npm install express --save
2.创建基本的服务器文件
在项目根目录下创建一个名为 app.js 的文件，并添加以下代码以创建基本的 Express 服务器
点击查看代码
const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;
app.get('/', (req, res) => {
res.send('Hello, World!');
});
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
3.在终端中运行以下命令以启动服务器
node app.js运行该命令后就可以在http://localhost:3000看到express项目的返回结果
4.在项目中添加路由
创建路由文件，在项目根目录下创建一个名为 routes 的文件夹，在 routes 文件夹中创建一个名为 index.js 的文件，并添加以下代码以处理根路径的请求
点击查看代码
const express = require('express');
const router = express.Router();
router.get('/', (req, res) => {
res.send('Hello, World!');
});
module.exports = router;
在 app.js 文件中引入并使用该路由
点击查看代码
const express = require('express');
const app = express();
const indexRouter = require('./routes/index');
const PORT = process.env.PORT || 3000;
app.use('/', indexRouter);
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
创建控制器文件，控制器文件用于处理具体的业务逻辑。可以在 routes 文件夹中创建控制器文件，并在路由文件中引入和使用。例如，在 routes 文件夹中创建一个名为 user.js 的文件，并添加以下代码以处理用户相关的请求
点击查看代码
const express = require('express');
const router = express.Router();
router.get('/users', (req, res) => {
res.send('List of users');
});
router.get('/users/:id', (req, res) => {
res.send(`User with ID: ${req.params.id}`);
});
module.exports = router;
在 app.js 文件中引入并使用该路由
点击查看代码
const express = require('express');
const app = express();
const indexRouter = require('./routes/index');
const userRouter = require('./routes/user');
const PORT = process.env.PORT || 3000;
const morgan = require('morgan');
const cors = require('cors');
app.use(morgan('dev'));
app.use(cors());
app.use(express.json());
app.use('/', indexRouter);
app.use('/users', userRouter);
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
5.配置中间件
中间件是 Express 应用中用于处理请求和响应的函数。可以在 app.js 文件中配置一些常用的中间件，例如解析 JSON 数据、日志记录、跨域处理等
点击查看代码
const express = require('express');
const app = express();
const indexRouter = require('./routes/index');
const PORT = process.env.PORT || 3000;
const morgan = require('morgan'); // 日志中间件
const cors = require('cors'); // 跨域中间件
app.use(morgan('dev')); // 使用 'dev' 模式记录请求日志
app.use(cors()); // 允许跨域请求
app.use(express.json()); // 解析 JSON 数据
app.use('/', indexRouter);
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
6.配置静态文件服务
项目中一般含有静态文件，可以使用 Express 的 express.static 中间件来提供静态文件服务
点击查看代码
const express = require('express');
const app = express();
const indexRouter = require('./routes/index');
const userRouter = require('./routes/user');
const PORT = process.env.PORT || 3000;
const morgan = require('morgan');
const cors = require('cors');
app.use(morgan('dev'));
app.use(cors());
app.use(express.json());
app.use('/', indexRouter);
app.use('/users', userRouter);
app.use(express.static('public')); // 提供 public 目录下的静态文件服务
app.listen(PORT, () => {
console.log(`Server is running on http://localhost:${PORT}`);
});
将静态文件放在项目根目录下的 public 文件夹中，访问 http://localhost:3000/文件名 即可访问这些静态文件
7.连接mysql数据库
在项目根目录下创建config文件夹，并在文件夹中创建database.js文件用于配置数据库连接
点击查看代码
const mysql = require('mysql');
const connection = mysql.createConnection({
host: 'localhost', //数据库ip
user: 'yourusername', //用户名
password: 'yourpassword', //密码
database: 'mydb', //数据库名
port:3306 //端口号
});
connection.connect(error => {
if (error) throw error;
console.log('Successfully connected to the database.');
});
module.exports = connection;
创建名为models的文件夹用于进行数据库操作，列入在models文件夹中创建一个User.js的文件表示对项目的用户进行数据库操作
点击查看代码
const connection = require('./config/database');
class User {
// 查询用户
static getUsers(callback) {
connection.query('SELECT * FROM users', (error, results) => {
if (error) throw error;
callback(null, results);
});
}
// 其他数据库操作...
}
module.exports = User;
在 users.js 路由文件中，你会处理用户的 HTTP 请求：
点击查看代码
const express = require('express');
const router = express.Router();
const User = require('../models/User');
// 获取所有用户
router.get('/', (req, res) => {
User.getUsers((err, results) => {
if (err) throw err;
res.render('users', { users: results });
});
});
// 其他路由...
module.exports = router;
以上就是基本的项目搭建，如果想要快速搭建项目，Express 提供了一个脚手架工具 Express Generator，我们可以使用这个脚手架来实现项目的快速搭建。
1.安装Express Generator
npm install express-generator -g
2.创建项目
express my-express-project --view=ejs
这将创建一个名为 my-express-project 的新项目，并默认使用 EJS 模板引擎
3.安装依赖并启动项目
npm install
npm start