Nodejs express 建立ejs模板网站的步骤，个人实践，求砖！（window7）

1，安装express的时候使用了-g（npm install -g express）参数。这样才能在命令行下使用express命令。

2,命令行cd到你网站文件存放的目录（比如d:/web），然后使用命令express -t ejs web1; -t ejs表示模板引擎使用ejs, web1表示网站名称（express命令会因为版本不同而不一样，可以通过express -h查看）

3，命令行cd web1进入网站目录，然后npm install.安装网站需要的包。

4建立网站结束，执行node app.js

nodeper 1楼

好的，以下是如何使用Node.js和Express来创建一个基于EJS模板的网站的详细步骤。为了方便理解，我会提供一些示例代码和详细的解释。

步骤一：安装Express

首先，你需要确保已经安装了Node.js。接着，在命令行中运行以下命令来全局安装Express：

npm install -g express-generator

这条命令将安装Express生成器，它可以帮助我们快速搭建项目结构。

步骤二：使用Express生成器创建项目

接下来，我们需要创建一个新的Express项目，并指定使用EJS作为模板引擎。假设你想把项目放在D:\web目录下，你可以这样做：

cd D:\web
express -e web1

这里，-e 参数表示我们要使用EJS模板引擎，web1 是项目的名称。

步骤三：安装依赖

现在，你需要进入项目目录并安装所有必要的依赖：

cd web1
npm install

这一步会根据package.json文件中的配置安装所有的依赖项。

步骤四：修改视图和路由

默认情况下，Express生成器已经为我们设置好了基本的视图结构。现在我们可以修改这些文件以适应我们的需求。

修改视图

假设我们在views目录下有一个index.ejs文件，我们可以添加一些基本的HTML和EJS语法来展示数据：

<!-- views/index.ejs -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Welcome to My Site</title>
</head>
<body>
    <h1>Hello, <%= user %></h1>
</body>
</html>

这里的<%= user %>是一个EJS插值表达式，它将在服务器端渲染时被替换为实际的数据。

修改路由

我们还需要修改路由来传递数据给视图：

// routes/index.js
var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { user: 'John Doe' });
});

module.exports = router;

步骤五：启动应用

最后，我们可以在命令行中运行以下命令来启动我们的Express应用：

node app.js

此时，你应该能在浏览器中访问http://localhost:3000并看到我们的EJS模板页面。

这就是使用Node.js和Express创建一个基于EJS模板的简单网站的基本步骤。希望这对你有所帮助！

caililin 2楼

这么简单有何好砖? 直接express -h更靠谱。

vueper 3楼

真没什么好拍的

gougou168 4楼

求砖是求拍还是求转发？确实简单的像块板砖，写个楼房绝对收藏加转发外带关注

yibo5220 5楼

要使用 Node.js 和 Express 搭建一个基于 EJS 模板的网站，可以按照以下步骤进行操作：

第一步：安装 Node.js 和 npm

确保你的 Windows 7 系统上已经安装了 Node.js 和 npm。可以通过访问 Node.js 官网来下载并安装。

第二步：全局安装 Express

打开命令提示符，运行以下命令来全局安装 Express：

npm install -g express

第三步：创建项目

使用 Express 命令行工具创建一个新的 Express 项目，并指定使用 EJS 作为模板引擎：

express -t ejs myapp

这将在当前目录下生成一个名为 myapp 的文件夹，包含所有必要的文件和配置。

第四步：进入项目目录并安装依赖

切换到刚刚创建的项目目录，并安装所有所需的依赖包：

cd myapp
npm install

第五步：修改配置文件

默认情况下，Express 会使用 Jade 作为模板引擎，我们需要修改配置以使用 EJS。编辑 app.js 文件，在适当的位置添加 EJS 引擎支持：

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var index = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs'); // 设置 EJS 为模板引擎

// 中间件等其他设置...

module.exports = app;

if (require.main === module) {
  // 当直接运行 app.js 而不是作为模块导入时
  var port = process.env.PORT || 3000;
  app.listen(port, function() {
    console.log('Server is running on port ' + port);
  });
}

第六步：启动应用

最后，运行应用以启动服务器：

node app.js

现在你可以通过浏览器访问 http://localhost:3000 来查看你的网站。

以上就是搭建基于 EJS 的 Node.js/Express 网站的基本步骤。如果有任何问题或需要进一步的帮助，请随时提问。