请用Node.js的express写一个网站,它有两个html文件。两个html文件和css文件都放在同一个文件夹‘www’中。而Node.js文件与'www'文件夹在同一目录中。请把Node.js代码,html代码和css代码告诉我
时间: 2023-03-29 18:00:51 浏览: 66
以下是Node.js代码:
```javascript
const express = require('express');
const app = express();
app.use(express.static('www'));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/www/index.html');
});
app.get('/about', (req, res) => {
res.sendFile(__dirname + '/www/about.html');
});
app.listen(300, () => {
console.log('网站已启动,端口号为300');
});
```
以下是index.html代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>首页</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是我的首页</p>
</body>
</html>
```
以下是about.html代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>关于我们</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>关于我们</h1>
<p>我们是一家专业的网站开发公司</p>
</body>
</html>
```
以下是style.css代码:
```css
h1 {
color: blue;
}
p {
font-size: 18px;
}
```
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)