实现荣耀云服务官网的流程

下面是实现荣耀云服务官网的步骤,以及每一步需要做的事情和相关代码。

步骤 任务 代码
1 创建项目目录和文件 mkdir honor-cloud-website <br> cd honor-cloud-website
2 初始化项目 npm init -y
3 安装必要的依赖 npm install express <br> npm install ejs
4 创建服务器代码 创建一个 server.js 文件,并添加以下代码:<br> ```javascript

const express = require('express'); const app = express();

// 设置视图引擎为ejs app.set('view engine', 'ejs');

// 设置静态文件目录 app.use(express.static('public'));

// 设置路由 app.get('/', (req, res) => { res.render('index'); });

// 启动服务器 app.listen(3000, () => { console.log('Server is running on port 3000'); });

| 5 | 创建视图文件 | 在项目根目录下创建一个 `views` 文件夹,并在其中创建一个 `index.ejs` 文件。在 `index.ejs` 文件中,添加荣耀云服务官网的 HTML 内容。 |
| 6 | 创建静态文件目录 | 在项目根目录下创建一个 `public` 文件夹,并在其中放置所有的静态资源(如图片、样式表、JavaScript 文件等)。 |
| 7 | 启动服务器 | 在终端中运行 `node server.js` 启动服务器。 |
| 8 | 在浏览器中查看官网 | 打开浏览器,访问 `http://localhost:3000` 来查看荣耀云服务官网。 |

以上是实现荣耀云服务官网的整体流程和相关代码。接下来,我们逐步解释每一步需要做的事情和相关代码的含义。

### 步骤1:创建项目目录和文件

首先,我们需要在本地创建一个项目目录,可以使用命令行工具进入你希望创建项目的文件夹,然后运行以下命令来创建一个名为 `honor-cloud-website` 的文件夹:

```bash
mkdir honor-cloud-website

进入项目目录:

cd honor-cloud-website

步骤2:初始化项目

在项目目录下运行以下命令来初始化一个新的 Node.js 项目:

npm init -y

此命令会生成一个 package.json 文件,用于管理项目的依赖和配置。

步骤3:安装必要的依赖

我们需要安装两个必要的依赖,分别是 expressejsexpress 是一个流行的 Node.js Web 框架,而 ejs 是一个用于渲染 HTML 模板的库。

运行以下命令来安装这两个依赖:

npm install express
npm install ejs

步骤4:创建服务器代码

我们需要创建一个 server.js 文件,并在其中编写服务器的代码。服务器将使用 Express 框架来处理请求,并使用 EJS 模板引擎来渲染视图。

以下是 server.js 文件的代码:

const express = require('express');
const app = express();

// 设置视图引擎为ejs
app.set('view engine', 'ejs');

// 设置静态文件目录
app.use(express.static('public'));

// 设置路由
app.get('/', (req, res) => {
  res.render('index');
});

// 启动服务器
app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在这段代码中,我们首先引入了 express 模块,并创建了一个 Express 应用程序实例 app。然后,我们使用 app.set 方法将视图引擎设置为 EJS。接下来,我们使用 app.use 方法设置了一个静态文件目录,该目录用于存放网站的静态资源(如图片、样式表、JavaScript 文件等)。最后,我们使用 app.get 方法定义了一个路由,当用户访问根路径时,