首页 > 代码库 > 初始化一个Express项目

初始化一个Express项目

2024-09-06 13:35:14   216人阅读

首先新建一个目录mkdir myblog,在该目录下运行npm init 生成package.json

技术分享

然后安装express,加--save写入package.json

npm i express@4.14.0 --save

新建index.js并写入:
var express = require(‘express‘);
var app = express();

app.get(‘/‘, function(req, res) {
  res.send(‘hello, express‘);
});

app.listen(3000);

　　文件结构如下:

技术分享

 



然后全局安装supervisor并启动:

npm install -g supervisor



supervisor --harmony index

supervisor 会监听当前目录下 node 和 js 后缀的文件，当这些文件发生改动时，supervisor 会自动重启程序

安装一个模版引擎ejs:
npm i ejs --save

此时各文件代码如下:
index.js:
var path = require(‘path‘);
var express = require(‘express‘);
var app = express();
var indexRouter = require(‘./routes/index‘);
var userRouter = require(‘./routes/users‘);

app.set(‘views‘, path.join(__dirname, ‘views‘));// 设置存放模板文件的目录
app.set(‘view engine‘, ‘ejs‘);// 设置模板引擎为 ejs

app.use(‘/‘, indexRouter);
app.use(‘/users‘, userRouter);

app.listen(3000);

　　routes/index.js:

var express = require(‘express‘);
var router = express.Router();

router.get(‘/‘, function(req, res) {
  res.send(‘hello, express‘);
});

module.exports = router;

　　routes/users.js:

var express = require(‘express‘);
var router = express.Router();

router.get(‘/:name‘, function(req, res) {
  res.render(‘users‘, {
    name: req.params.name
  });
});

module.exports = router;

　　views/header.ejs

<!DOCTYPE html>
<html>
  <head>
    <style type="text/css">
      body {padding: 50px;font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;}
    </style>
  </head>
  <body>

　　views/footer.ejs

  </body>
</html>

　　views/users.ejs:

<%- include(‘header‘) %>
  <h1><%= name.toUpperCase() %></h1>
  <p>hello, <%= name %></p>
<%- include(‘footer‘) %>

　

运行:　

技术分享

访问localhost:3000/users/richard:

技术分享

https://maninboat.gitbooks.io/n-blog/content/book/3.3%20%E6%A8%A1%E6%9D%BF%E5%BC%95%E6%93%8E.html



 

初始化一个Express项目


联系
我们