下面就是“node.js express安装及示例网站搭建方法(分享)”的完整攻略。
1. 安装node.js和npm
首先需要安装node.js和npm,具体步骤可以参考node.js官网。安装完成后,在命令行窗口中输入以下命令,确认node.js和npm已经成功安装:
node -v
npm -v
2. 安装express
在命令行窗口中输入以下命令来安装express框架:
npm install express --save
3. 创建一个简单的网站
在你想要创建网站的目录下,创建一个名为app.js的文件,并输入以下代码:
const express = require('express')
const app = express()
app.get('/', (req, res) => {
res.send('Hello World!')
})
app.listen(3000, () => {
console.log('Example app listening on port 3000!')
})
接下来在命令行窗口中输入以下命令来启动服务器:
node app.js
然后在浏览器中输入http://localhost:3000
,就可以看到 "Hello World!" 这个字符串显示在浏览器中了。
4. 创建一个简单的博客系统
在你想要创建博客系统的目录下,创建一个名为app.js的文件,并输入以下代码:
const express = require('express')
const app = express()
app.set('view engine', 'ejs')
app.get('/', (req, res) => {
const posts = [
{ title: 'Post 1', body: 'This is post 1' },
{ title: 'Post 2', body: 'This is post 2' },
{ title: 'Post 3', body: 'This is post 3' }
]
res.render('index', { posts })
})
app.listen(3000, () => {
console.log('Example app listening on port 3000!')
})
在同一目录下,创建一个名为views的文件夹,并在其中创建一个名为index.ejs的文件,输入以下代码:
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
</head>
<body>
<h1>My Blog</h1>
<% posts.forEach(post => { %>
<h2><%= post.title %></h2>
<p><%= post.body %></p>
<% }) %>
</body>
</html>
接下来在命令行窗口中输入以下命令来启动服务器:
node app.js
然后在浏览器中输入http://localhost:3000
,就可以看到博客系统首页了。
以上就是安装node.js express及示例网站搭建方法的攻略。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:node.js express安装及示例网站搭建方法(分享) - Python技术站