求助nodejs+express怎么实现动态页面静态化

求助nodejs+express怎么实现动态页面静态化,第1张

模板 + 数据 —> 静态html文件
不知道你用的什么模板引擎,像ejs,jade,nunjucks,swig等等所有的模板引擎其实最后吐出的东西都是编译完成的,而你需要的其实是把这些保存成文件而已
以nunjucks为例:
var tpl = 'indextpl';
var data = getData(); // some where
var content = nunjucksrender(tpl, data);
fswriteFileSync('indexhtml', content);
上面生成的indexhtml就是你要的静态文件了

nodejs是这样实现静态页面绑定到ip地址的。
1、先创建一个文件夹server,文件夹下创建一个js文件,然后在server目录下再创建一个文件夹,文件夹里放上你要访问的静态网页。
2、接下来,打开cmd命令行,进入server路径,执行命令npminit,一直按回车默认即可。
3、最后,在命令行路径下输入nodeServerjs启动服务器即可。

1、首先创建appjs,输入:

var express=require("express")

var port=processenvPORT || 3000

var app=express()

appset('views','/views')

appset('view engine','jade')

applisten(port);

consolelog('imooc started on port '+port);

2、然后在输入:

//index page

appget('/',function(req,res){

resrender('index',{

title:'imooc 首页'

})

})

3、然后输入:

//detail page

appget('/movie/:id',function(req,res){

resrender('index',{

title:'imooc 详情'

})

})

4、然后输入:

//admin page

appget('/admin/movie',function(req,res){

resrender('admin',{

title:'imooc 后台录入页'

})

})

5、然后输入:

//list page

appget('/admin/list',function(req,res){

resrender('list',{

title:'imooc 列表页'

})

})

6、创建listjade\adminjade\indexjade\detailjade四个文件,里边的代码都为:

doctype

html

head

meta(charset="utf-8")

title #{title}

body

h1 #{title},执行node appjs 就完成了。


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

原文地址: http://outofmemory.cn/yw/10535393.html

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

发表评论

登录后才能评论

评论列表(0条)

保存