NodeJS简单的网页跳转路由demo

demo目录结构

首先安装必要的环境,也就是NodeJS 库,使用npm install express jade 命令安装express 和jade

完成后,,创建app.js

内容:

var express=require("express")var port=process.env.PORT || 3000var app=express()app.set('views','./views')app.set('view engine','jade')app.listen(port);console.log('imooc started on port '+port);//index pageapp.get('/',function(req,res){res.render('index',{title:'imooc 首页'})})//detail pageapp.get('/movie/:id',function(req,res){res.render('index',{title:'imooc 详情'})})//admin pageapp.get('/admin/movie',function(req,res){res.render('admin',{title:'imooc 后台录入页'})})//list pageapp.get('/admin/list',function(req,res){res.render('list',{title:'imooc 列表页'})})创建list.jade\admin.jade\index.jade\detail.jade四个文件,里边的代码都为:

doctypehtmlheadmeta(charset="utf-8")title #{title}bodyh1 #{title}

最后执行node app.js ,浏览器输入:3000/即可看到首页效果,输入路由get的地址会跳转到相应的jade文件下。比如:3000/admin/list会跳转到list.jade页面

微笑拥抱每一天,做像向日葵般温暖的女子。

NodeJS简单的网页跳转路由demo

相关文章:

你感兴趣的文章:

标签云: