通过node js自带的http模块搭建了一个简易的服务器,实际在开发中,一般用的是表达框架,本文我们就来讲讲项目开发中必备不可少的几样东西:
& # 8226;服务器(表达)
& # 8226;路由(表达。路由器)
& # 8226;模板引擎(ejs)
& # 8226;当然再加上数据库,就可以完成一个mvc的web应用了,数据库的用法,后期我会写一个项目
安装表达:npm安装表达——保存
var=需要表达(表达); 应用var=表达(); app.get(“/?函数(点播,res) { res.send('欢迎来研究表达——ghostwu”); })。听(8080);
第一行,加载表达模块
第二行,开启web服务器
第三行,web服务器监听8080端口,当通过浏览器输入(http://localhost: 8080)就会看到这段信息:欢迎来研究表达——ghostwu
<>强如果你写过节点服务器,你就会发现一个问题,每次修改之后,都要重启服务器,一般来说,我们修改文件之后,保存,刷新网页就能看到修改,需要达到这样的效果,我们就要安装主管,这个相当于webpack的热加载,我们采用全局安装:<代码> npm安装- g的上司,代码> <代码>安装完成之后,我们以后就这样运行服务器文件了:主管——和谐指数代码> 强>
<强> 强>
之后修改index.js文件,只要保存,刷新网页就能马上看到修改之后的结果了
var=需要表达(表达); 应用var=表达(); app.get(“/?函数(点播,res) { res.send(“你好,表达”); }); app.get (/user/:名称,函数(点播,res) { res.send(“你好,”+ req.params.name); }); app.get ('/user/:名称/年龄:年龄的,函数(点播,res) { res.send(“信息:用户:”+ req.params.name + + req.params,年龄:。年龄); }); app.listen(8080), >之前http://localhost: 8080/- - - - -比;显示你好,表达
http://localhost: 8080/user/ghostwu——→显示你好,ghostwu
http://localhost: 8080/user/ghostwu/年龄/22 - - - - -在显示信息:用户:ghostwu,年龄:22
:名字占位符:用来接收用户后面的值:年龄占位符用来接收年龄后面的值,req.params后面获取的键名就是这个占位符
如果你学过php,那么就相当于下面这种得到接收参数方式
xxx.php& # 63;用户=ghostwu&=22岁- - - - -→$ _REQUEST(“用户”)$ _REQUEST[‘年龄’]
新建路由器,然后在下面创建index.js和info.js文件
索引。js代码:
var=需要表达(表达); var路由器=express.Router (); 路由器。(“/?函数(点播,res) { res.send(“你好,表达”); }); 模块。出口=路由器;<强> info.js代码:强>
var=需要表达(表达); var路由器=express.Router (); 路由器。(/:名,函数(点播,res) { res.send(“你好,”+ req.params.name); }); 路由器。get(“/:姓名/年龄/:age2”,函数(点播,res) { res.send(“信息:用户:”+ req.params.name + + req.params,年龄:。age2); }); 模块。出口=路由器;ghostwu这个目录下面的index.js文件代码为:
var=需要表达(表达); 应用var=表达(); var indexRouter=要求(“。/路由器/指数”); var infoRouter=要求('/路由器/信息。'); app.use ('/', indexRouter); app.use ('/user ', infoRouter); app.listen(8080), >之前
通过以上的代码,就完成了路由的分离,把/和/用户分别放在index.js, info.js文件,然后导出路由器对象,通过app.use找到对应的路由
安装:npm安装ejs——保存
index.js文件:
var=路径要求(“路径”); var=需要表达(表达); 应用var=表达(); var indexRouter=要求(“。/路由器/指数”); var infoRouter=要求('/路由器/信息。');//设置模板目录:视图 app.set(“视图”,路径。加入(__dirname,“意见”));//设置模板引擎:ejs app.set(“视图引擎”、“ejs”); app.use ('/', indexRouter); app.use ('/user ', infoRouter); app.listen(8080),nodejs图解表达+管理+ ejs的用法(推荐)