1. 安装 Express:
在项目目录下执行以下命令安装 Express:
npm install express
2. 创建 Express 应用:
创建一个简单的 Express 应用,监听端口并返回 "Hello, Express!"。
const express = require('express');
const app = express();
const PORT = 3000;
app.get('/', (req, res) => {
res.send('Hello, Express!');
});
app.listen(PORT, () => {
console.log(`Server is listening on port ${PORT}`);
});
运行应用并访问 http://localhost:3000 将看到 "Hello, Express!"。
3. 路由:
使用 Express 定义不同路径的路由。
app.get('/about', (req, res) => {
res.send('About Page');
});
app.get('/contact', (req, res) => {
res.send('Contact Page');
});
访问 http://localhost:3000/about 和 http://localhost:3000/contact 分别返回 "About Page" 和 "Contact Page"。
4. 中间件:
Express 中间件允许你在请求被处理前或后执行一些逻辑。例如,使用 express.static 中间件来提供静态文件服务。
app.use(express.static('public'));
在上述代码中,public 目录下的文件将可以通过相对路径直接访问。
5. 模板引擎:
Express 允许你使用不同的模板引擎来渲染动态内容。这里以使用 ejs 模板引擎为例。
npm install ejs
在应用中设置模板引擎:
app.set('view engine', 'ejs');
创建一个 views 目录,并在其中放置 index.ejs 文件:
<!-- views/index.ejs -->
<html>
<body>
<h1><%= message %></h1>
</body>
</html>
渲染模板并传递数据:
app.get('/dynamic', (req, res) => {
res.render('index', { message: 'Dynamic Content' });
});
访问 http://localhost:3000/dynamic 将看到渲染后的动态内容。
这些是 Express 的一些基本用法,实际项目中你可能会使用更多的功能,例如处理 POST 请求、使用数据库、实现用户身份验证等。Express 提供了丰富的文档,你可以参考官方文档以深入了解其功能和用法:[Express.js 官方文档](https://expressjs.com/)。
转载请注明出处:http://www.zyzy.cn/article/detail/4748/Node.js