nodejs演示了express supervisor ejs的用法(推荐)
一个简单的服务器是通过节点js附带的http模块构建的。事实上,在开发中,一般使用express框架。在本文中,我们将讨论项目开发中不可或缺的几件事:
服务器(快速)
路由(快递。路由器)
模板引擎
当然,通过添加数据库,您可以完成一个mvc web应用程序,使用数据库,我将在后面写一个项目
1.首先,创建一个新的项目文件夹(ghostwu),在命令行切换到这个目录,并用npminit-yes初始化package.json文件
快速安装: NPM快速安装-保存
其次,创建一个新的index.js文件,并输入以下代码
var express=require(' express ');var app=express();app.get('/',function(req,res) { res.send('欢迎学习express-by ghost Wu ');}).听(8080);第一行,加载快递模块
第二行,打开web服务器
在第三行,网络服务器监听端口8080。当你通过浏览器进入(http://localhost:8080)时,你会看到这样的信息:欢迎学习快递——鬼武
第三,如果你写过节点服务器,你会发现一个问题。每次修改后,您都必须重新启动服务器。一般来说,我们修改文件后,通过保存和刷新网页就可以看到修改。为了达到这个效果,我们需要安装supervisor,这相当于webpack的热负载。我们使用全局安装:npm安装-g主管。安装完成后,我们将像这样运行服务器文件:
之后,修改index.js文件,只要保存并刷新网页,就可以立即看到修改后的结果
第四,添加路由处理,修改index.js文件,修改代码如下:
var express=require(' express ');var app=express();app.get('/'),function(req,res) { res.send('hello,express ');});app.get('/user/:name ',function(req,res) { res.send('hello,' req . params . name);});app . get('/user/: name/age/: age ',function(req,RES){ RES . send(' info : user : ' req . params . name ',age : ' req . params . age);});app . listen(8080);http://localhost:8080/-显示你好,快递
http://localhost :8080/user/ghostwu-显示hello,ghost Wu
http://localhost :8080/user/ghost Wu/age/22-显示信息: user : ghostwu,age :22
:name占位符:用于接收用户之后的值。年龄占位符用于接收年龄后的值。req.params之后获得的键名就是这个占位符
如果你学过php,它相当于下面的获取参数的方法
xxx.php?user=ghost wuage=22-$ _ REQUEST[' user ']$ _ REQUEST[' age ']
五、一般在项目中,路线需要分开,便于维护和拓展
创建一个新的路由器,然后在下面创建index.js和info.js文件
Index.js代码:
var express=require(' express ');var路由器=express。路由器();router.get('/'),function(req,res) { res.send('hello,express ');});module.exports=路由器;Info.js代码:
var express=require(' express ');var路由器=express。路由器();router.get('/:name ',function(req,res) { res.send('hello,' req . params . name);});router . get('/: name/age/: age 2 ',function(req,RES){ RES . send(' info : user : ' req . params . name ',age : ' req . params . age 2);});module.exports=路由器;ghostwu目录下index.js的文件代码是:
var express=require(' express ');var app=express();var indexRouter=require('。/路由器/索引');var infoRouter=require('。/路由器/信息’);app.use('/',indexRouter);app.use('/user ',infoRouter);app . listen(8080);
通过上面的代码,完成了路由的分离。将/和/user分别放入index.js和info.js文件,然后导出路由器对象,通过app.use找到对应的路由
不及物动词ejs模板的应用
安装: npm安装ejs -保存
Index.js文件:
var path=require(' path ');var express=require(' express ');var app=express();var indexRouter=require(' ./路由器/索引');var infoRouter=require(' ./路由器/信息');//设置模板目录: viewspp。集合('视图',路径。join(_ dirname,' view ');//设置模板引擎: ejsapp.set('视图引擎,' ejs ');app.use('/',indexRouter);app.use('/user ',infoRouter);app。听(8080);info.js文件
var express=require(' express ');定义变量路由器快递.路由器();router.get('/:name ',function(req,res) { res.render('info ',{ name : 'ghostwu ',age : 22,sex : ' man ' });});module.exports=路由器;第5行res.render渲染模板文件info.ejs,第二个参数就是数据
信息EJB文件
!DOCTYPE htmlhtml头元字符集=' utf-8 '/头体用户信息: hr ul li用户名: %=name%/li li年龄:%=年龄%/li li性别: %=sex%/li /ul /body/html%=变量名%读出数据
%代码%:运行Java脚本语言代码,不输出%=代码%:转义超文本标记语言标签%-代码%:不转义超文本标记语言标签
其他EJB用法,结合手册查下
以上这篇nodejs图解快递主管EJB的用法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
版权声明:nodejs演示了express supervisor ejs的用法(推荐)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。