首页 > > 网页制作 > Javascript >

简单的使用express

2018-06-24 00:35:32来源：未知阅读 ()

Express是基于Node.js平台，快速，开放，极简的web开发框架

我们应该怎么使用express?

首先，你应该安装Node.js，然后创建一个myapp(名字随意)的一个目录，把这个目录当做当前目录；

在命令窗口通过npm init为你的应用建立一个package.json文件，这个文件是必须的，作用请参考https://docs.npmjs.com/files/package.json；

输入node app.js（文件入口），如果你希望采用默认的 index.js 文件名，只需按“回车”键即可。

接下来安装express，并将其保存到依赖列表中，此处介绍两种安装方法

使用npm安装：

使用yarn安装：

提示：如果只是临时安装，不必把它添加到依赖列表，只需去掉--save即可

接下来进入express的使用：

在文件夹命令行安装一个express应用生成器

安装一个-ejs的模板引擎

安装所有的依赖

启用这个应用

简单的一个首页

routes下index.js执行的代码

var express = require('express');
var router = express.Router();/* GET home page. */ //根目录就使用index路由router.get('/', function(req, res, next) {

//reader函数内置了ejs模板引擎，第一个参数表示模板的名字
//第二个是数据
//1.拿到模板
//2.拿到数据
//3.把模板中的<%= title %>全部替换成title值
//4.把替换后的字符串返回给用户
//res.render('index', { title: 'ma' });
res.render('index',{
user: "user"
});

});

views下的index.ejs的代码

<!DOCTYPE html>
<html>
<head>
<title>测试</title>
<link rel='stylesheet' href='/stylesheets/style.css' /> //此处是引用了public中的css文件，可以在里面设置样式
</head>
<body>
<header>header</header>
<div id="content">
content
</div>
<footer>footer</footer>
</body>
</html>