express的使用（七）

3. 启动运行项目

npm start

这里需要注意 express 4.x 无法以 node app.js 为启动方式，而是用指令 npm start 作为启动）

4. 访问

浏览器访问：http://localhost:3000/ 出现熟悉的Welcome to Express，证明安装成功。

3. 项目目录结构分析

---

app.js 是主文件

packetage.json 是配置信息文件

bin 用于应用启动，可在里面设置启动的端口号等。

public 静态资源目录，放置js css img等文件

routes是项目的路由信息文件,控制地址路由

views是视图文件，放置模板文件ejs或jade,swig等（其实就相当于html形式文件啦~)

node_modules 是项目依赖的各种插件

app.js

var express=require(“express”); //http

var app=express();// 创建app服务器 === http.createServer()

var RouterA=require(‘./routes/a.js’);

var RouterHome=require(‘./routes/home’)

var path=require(“path”);

var port=3000; //端口

var ejs=require(“ejs”);

//设置 视图文件路径

app.set(“views”,path.join(__dirname,“views”));

//设置解析 视图文件的引擎

app.set(‘view engine’,‘ejs’)

//设置静态资源的路径

app.use(‘/public’,express.static(path.join(__dirname,‘public’)))

var ip=‘127.0.0.1’;//ip

app.listen(port,ip,function(){ //app服务器监听端口

console.log(“服务器运行在http://”+ip+“:”+port)

});

app.use(‘/’,RouterHome)

app.use(‘/a’,RouterA)

function fn(req,res){ // app添加 get请求根路径的路由

// res.send(“hello world”);// 向前台输出

console.log(req.url)

res.write(“hello express123”);

res.end()

}

// module.exports=app;

bodyParser中间件的使用

---

执行指令： cnpm install body-parser -D

var bodyParser=require(‘body-parser’);

app.use(bodyParser.urlencoded({extended:true,limit:100}))

app.post(‘/api’,function(req,res,next){

console.log(req.body)

})

ejs语法

变量的声明

<% title=‘hello world’ %>

变量的使用

<%= title %>

循环语句 arr:[‘张三’,‘李四’,“王五”,“小明”]

<% for(var item in arr){ %>

• 姓名：<%= arr[item] %>

  <% } %>

  循环语句 list=[

  {title:‘昌平马池口大雨’,authour:‘于成龙’,times:‘2019-4-9’},

  {title:‘吉利大学阅兵准备’,authour:‘蒋伟’,times:‘2019-4-1’},

  {title:‘积云教育就业喜报’,authour:‘耿丽娜’,times:‘2019-3-8’},

  {title:‘昌平马池口大雨’,authour:‘于成龙’,times:‘2019-4-9’},

  ]

  <% for(var item in list){ %>

  <%= list[item].title %>

  作者：<%= list[item].authour %>

  时间：<%= list[item].times %>

  <% } %>

  条件判断语句

  <% on=true %>

  <% if(!on){ %>

  开/注册

  <% }else{ %>

  关/登录

  <% } %>

  <% include ./footer.ejs %>

  Express.Router用法

  从Express 4.0开始，路由器功能成了一个单独的组件Express.Router。它好像小型的express应用程序一样，有自己的use、get、param和route方法。

  基本用法

  首先，Express.Router是一个构造函数，调用后返回一个路由器实例。然后，使用该实例的HTTP动词方法，为不同的访问路径，指定回调函数；最后，挂载到某个路径。

  var router = express.Router();

  router.get(‘/’, function(req, res) {

  res.send(‘首页’);

  });

  router.get(‘/about’, function(req, res) {

  res.send(‘关于’);

  });

  app.use(‘/’, router);

  上面代码先定义了两个访问路径，然后将它们挂载到根目录。如果最后一行改为app.use(‘/app’, router)，则相当于为/app和/app/about这两个路径，指定了回调函数。

  这种路由器可以自由挂载的做法，为程序带来了更大的灵活性，既可以定义多个路由器实例，也可以为将同一个路由器实例挂载到多个路径。

  router.route方法

  router实例对象的route方法，可以接受访问路径作为参数。

  var router = express.Router();

  router.route(‘/api’)

  .post(function(req, res) {

  // …

  })

  .get(function(req, res) {

  Bear.find(function(err, bears) {

  if (err) res.send(err);

  res.json(bears);

  });

  });

  app.use(‘/’, router);

  router中间件

  use方法为router对象指定中间件，即在数据正式发给用户之前，对数据进行处理。下面就是一个中间件的例子。