在没有框架的情况下通过路由渲染模板,可以使用以下步骤:
http
创建一个HTTP服务器,监听指定的端口。以下是一个示例代码,演示了如何在没有框架的情况下通过路由渲染模板:
const http = require('http');
const fs = require('fs');
// 定义路由规则
const routes = {
'/': (req, res) => {
const template = fs.readFileSync('templates/index.html', 'utf8');
const rendered = template.replace('{{content}}', 'Hello, World!');
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(rendered);
},
'/about': (req, res) => {
const template = fs.readFileSync('templates/about.html', 'utf8');
const rendered = template.replace('{{content}}', 'About Us');
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(rendered);
},
'/contact': (req, res) => {
const template = fs.readFileSync('templates/contact.html', 'utf8');
const rendered = template.replace('{{content}}', 'Contact Us');
res.writeHead(200, { 'Content-Type': 'text/html' });
res.end(rendered);
},
// 其他路由规则...
};
// 创建HTTP服务器
const server = http.createServer((req, res) => {
const routeHandler = routes[req.url];
if (routeHandler) {
routeHandler(req, res);
} else {
res.writeHead(404, { 'Content-Type': 'text/plain' });
res.end('Not Found');
}
});
// 监听端口
server.listen(3000, () => {
console.log('Server is running on port 3000');
});
在上述示例中,我们定义了三个路由规则:根路径'/'
、'/about'
和'/contact'
。当收到对应路径的请求时,服务器会读取对应的模板文件,并使用模板引擎替换模板中的占位符,最后将渲染好的HTML页面作为响应返回给客户端。
请注意,上述示例仅为演示目的,并未涉及实际的模板引擎和路由处理的细节。在实际开发中,可以选择适合自己需求的模板引擎和路由处理方式。
领取专属 10元无门槛券
手把手带您无忧上云