小白求救,怎样用nodejs实现页面跳转

小白求救,怎样用nodejs实现页面跳转,第1张

创建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四个文件,里边的代码都为:

doctype

html

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 和jade

http://blog.csdn.net/allgis/article/details/46461143


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11584128.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存