澳门赌球网

查看: 196|回复: 0

node.js零基础详细教程:express 、 路由

[复制链接]

52

主题

52

帖子

344

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
344
发表于 2017-6-16 17:11:24 | 显示全部楼层 |阅读模式
代码解释:1/2行引入了两个模块,3行生成一个服务,5行设置静态资源路径。参数中的 path.join方法可以将两个路径拼接成路径的字符串 , __dirname表示当前路径的名称。和 files拼接,就成成了 "D:\nodeTest\exTest\files" ,就可以访问到里面的图片和网页了。

express
学习目标:此教程将教会大家安装Node、搭建服务器、express、mysql、mongodb、编写后台业务逻辑、编写接口,最后完成一个完整的项目后台,预计共10天课程。
当访问 /img路径的时候,我们返回了一个图片标签,由于exTest03.js中设置了静态资源的路径,那么我们直接设置图片标签 src='http://news.hiapk.com/internet/timg01.jpg'即可访问静态资源中的这张图片了。
前面讲的路由,只是简单的实现方式,下面将讲解,如何时候用express的Router来实现路由
然后在 exTest中创建exTest02.js文件
1、在访问的回调函数中,使用前面讲的fs模块读取一个网页文件的内容,并返回给页面
写入下面代码
当访问 /edit路的时候,将路径重新定位到“点击编辑.html”的文件路径,
重新运行后通过浏览器访问,会发现不同的路径返回了不同的值。
修改上面的代码,我们多配置两个路径 /a和 /b
                                       
学习方式:详细阅读,并手动实现相关代码
先编写exTest03.js
文件如下:
Express是一个基于 Node.js平台的极简、灵活的 web应用开发框架,它提供一系列强大的特性,帮助你创建各种 Web和移动设备应用。
通常我们真正开发的是,路由和入口文件是分开的,这里我们也分开写,首先创建两个js文件
上面除了引入了 express、path模块,还引入了 router模块(这个模块我们还没编写,下一步再编写),我们使用 app.use('/',router),当访问根目录(localhost:3000),就会进入router.js中的路径。
到上图的地方就表示初始化完成了。
当运行js之后,就可以通过浏览器访问 localhost:3000访问到服务了
在文件夹右键 -->在此处打开命令行,然后输入 npm init初始化一下(中间有提示需要输入的地方,直接enter确定就可以)
然后使用 express即可直接创建一个服务,然后通过 get设置请求的路径 ,get接收两个参数,1、请求的路径("/"表示当前路径,这就就算根目录),2、回调函数,回调函数包括两个参数(请求的对象,相应的对象),在回调函数内部,使用 end方法返回最后向页面返回的数据。
然后我们在 exTest文件夹中创建一个js文件来写代码,我们先使用express创建一个服务,代码如下
执行完成之后,就会发现,该文件夹下多了一个 package.json的文件 。

                                               
安装express
exTest03.js为入口文件, router.js为路由文件
运行完成以后,会发现 exTest文件夹中多了个node_modules文件夹,内部就可以找到 express模块
使用express的Router实现路由的单独设定
编写router.js,这里我们使用 express.Router获得路由对象,然后给它绑定了三个路径监听,16行将rout使用接口暴露,这样当此模块被引入的时候,就可以使用该模块了
访问网页文件:
注:我们这里为什么要初始化呢,因为后面我们需要运行命令行安装 express,如果没有初始化,安装的 express就不会安装到当前目录,使用的时候就会有问题。
上面的方式能访问某个路径,但是具体需要返回的内容,得使用代码操作返回,如果我们想访问静态的资源,比如图片或某个网页的话,就需要配置静态资源路径
访问图片:
练习:
好,今天就讲这么多,明天将讲解:数据库操作 mysql/mongodb。
最后使用 app.listen监听3000端口。
运行 npm install express
6行表示将5行设置的静态资源路径使用到当前服务上。
第五章建议学习时间4小时课程共10章
首先我们在 exTest文件夹中创建一个放置静态资源的文件夹,放入图片和网页(自己找几张图表几个网页放进去即可)
静态资源访问
着就是简单的路由配置了
我们先创建一个文件夹用于放今天的代码。(我的示例代码放在exTest文件夹中)
其实可以简单的将express理解为node.js的一个类库:我们在使用javascript的时候,会使用到jQuery,我们可以同理将express理解为node.js的一个类库。
三个路径解释:
运行结果如下:
代码解释:和原生的http请求不同,这里首先引入 express模块
注:这里的 express和 3章中讲的express-generator是不同的概念, express只是一个库,而express-generator是项目生成器,具体差别大家可以自己百度。
浏览器访问结果:
当访问根目录的时候,返回首页
执行 exTest02.js后,就可以通过浏览器访问静态资源了
这样就实现了静态资源的访问
res.redirect表示重定向url,重定向后 url变为了 "http://localhost:3000/点击编辑.html"这里之所以能直接访问到页面,是因为exTest03.js中设置了静态资源的路径
回复

使用道具 举报

Archiver|手机版|小黑屋|澳门赌球网站  

GMT+8, 2017-10-23 01:29 , Processed in 0.181098 second(s), 20 queries .

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表