创建app.js
var express=require("express")var port=process.env.PORT || 3000
var app=express()
app.set('views','./views')
app.set('view engine','jade')
app.listen(port)
console.log('imooc started on port '+port)
//index page
app.get('/',function(req,res){
res.render('index',{
title:'imooc 首页'
})
})
//detail page
app.get('/movie/:id',function(req,res){
res.render('index',{
title:'imooc 详情'
})
})
//admin page
app.get('/admin/movie',function(req,res){
res.render('admin',{
title:'imooc 后台录入页'
})
})
//list page
app.get('/admin/list',function(req,res){
res.render('list',{
title:'imooc 列表页'
})
})
创建list.jade\admin.jade\index.jade\detail.jade四个文件,里边的代码都为:
doctypehtml
head
meta(charset="utf-8")
title #{title}
body
h1 #{title}
最后执行node app.js ,浏览器输入http://localhost:3000/即可看到首页效果,输入路由get的地址会跳转到相应的jade文件下。比如http://localhost:3000/admin/list会跳转到list.jade页面
可以直接使用 浏览器js实现,也可以通过服务器来实现。浏览器端js, 将跳转链接后面加上你的数据如:
xxxx.com/test?a=1
xxxx.com/test?a=2
xxxx.com/test?a=3
。然后解析 /test的url, 获取方式 console.log(window.location) 就知道了
后台实现方式, 通过req 获取查询参数,类似req.params ,这取决你用的框架是什么,expres,koa还是自己的原生request, 然后通过模板引擎,ejs 也好,handbar 或者其他方式 将原html带数据编译好后 写入html到response中,返回给客户端
首先安装必要的环境,也就是NodeJS 库,使用npm install express jade 命令安装express 和jadehttp://blog.csdn.net/allgis/article/details/46461143
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)