位置: 编程技术 - 正文

进阶之初探nodeJS(node.js入门教程)

编辑:rootadmin

推荐整理分享进阶之初探nodeJS(node.js入门教程),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:node.js入门教程,node js入门,nodejs进阶之路,node js入门,node js入门,深入node.js技术栈,深入node.js技术栈,nodejs进阶之路,内容如对您有帮助,希望把文章链接给更多的朋友!

一、前言

在"初探nodeJS"随笔中,我们对于node有了一个大致地了解,并在最后也通过一个示例,了解了如何快速地开启一个简单的服务器。

今儿,再次看了该篇随笔,发现该随笔理论知识稍多,适合初级入门node,固萌生一个想法--想在该篇随笔中,通过一步步编写一个稍大一点的node示例,让我们在整体上更加全面地了解node。

so,该篇随笔是建立在"初探nodeJS"之上的,固取名为"进阶之初探nodeJS"。

好了,侃了这多,那么我们即将实现一个什么样的示例呢?

示例说明,如下:

用户通过url之.0.0.1/login进入登入页面,待用户输入账户名后(密码选项输不输都无所谓,只是为了页面合理),点击提交,进入home页面。

node服务端,怎么处理的呢?通过URL判断,当为/login时,服务端读取login.html的内容,并将其传递到前端显示;当为/home时,服务端读取home.html的内容,并将login.html中提交的账号名与home.html中的模板替换,最后将结果传递到前端显示。

大体流程,如下:

示例最终实现效果,如下:

好了,了解示例需求,下面我们就一起来一步一步实现上述Demo吧。

二、前端文件准备

要实现上述效果,我们首先简单地准备两个页面login.html、home.html以及一张贺岁图片,显而易见,供接下来node读取它们并将它们呈现到浏览器中,使用。

在上述说明中,已讲过node服务器是通过路由来判断,加载哪张页面,固我们将login.html中form的action写作'./home',以达到我们的目的,请求方式嘛,使用的当然是post咯。

且,因为我们要将在login.html中填写的账户名动态地与home.html结合,固home.html中的“称呼”位置,不能写死,因此我们利用{name}来占位,随后利用node动态替换。

好了,简易编写的login.html、home.html以及贺岁图,如下:

三、编写node服务

上述中,我们所需要的前端文件已经准备完毕,接下来就是通过node来编写服务,将它们串联起来咯。

进阶之初探nodeJS(node.js入门教程)

首先,我们搭建一个主文件,取名为main.js吧,作用不言而喻,主入口嘛,如果我们在代码编写完毕后,想要启动服务,就node main.js就OK咯。

如下:

接着,我们就一起来逐步完善这个主文件。

在“前言”中我们提过,当一个请求来到服务中,我们采取获取URL的路径,来判断接下来的操作,已到达降低耦合性的目的。

所以,在主程序中,我们得利用url这个模块,来获得url中的相关路径,并通过正则来得到第一个路径名,通过接下来的路由模块,处理。

如下:

好了,接下来,我们就一起来编写router这个模块吧。

在我们示例中,router无外乎就是处理login、home以及图片请求getPic,所以,我们将router模块基本骨架,暂定如下:

且,我们发现login、home以及getPic这三个操作,有很多共通之处,如都会读取服务端本地文件,以及将读取的文件,写入响应体中,固我们将这些操作提取出来,作为operation模块。

在operation模块中,我们需要使用到node内置'fs'这个模块来读取文件,'fs'模块我们将会用到如下方法:

1、fs.readFileSync--同步读取文件

2、fs.readFile--异步读取文件

3、fs.writeFileSync--同步写入文件

4、fs.writeFile--异步写入文件

需要注意的是,读取图片也就使用的fs.readFileSync/fs.readFile,不过就是第二个参数还需加上'binary',二进制嘛。

operation模块

另外,我们在login.html中提交表单时,使用到了post请求,那么在node服务中应该怎么接收传来的实体呢?

node是采用的监听'data'来接收post方法实体信息,通过'end'来监听接收信息完毕事件。

而,node接收get请求参数就没这么复杂,直接获取url后的查询字符串即可。

好了,我们将获取post、get请求参数,也写为一个模块,取名为getQuery,如下:

getQuery模块

最后,就是在router模块中,引入operation、getQuery模块,完善login、home以及getPic方法咯。

在这里需要注意的是getPic方法,因为是处理的图片,所以响应头得写成'image/jpeg',如下:

res.writeHead(, {'Content-Type':'image/jpeg'});

好了,大致思路已理清,详细代码请见github.

标签: node.js入门教程

本文链接地址:https://www.jiuchutong.com/biancheng/376351.html 转载请保留说明!

上一篇:用nodejs搭建websocket服务器(nodejs webp)

下一篇:初探nodeJS(天干地支在择时中的应用初探)

  • 一般纳税人增值税税率
  • 出纳需不需要填工作单位
  • 交易性金融资产的交易费用计入哪里
  • 预付款类发票可抵扣吗
  • 贸易公司的成本有哪些
  • 个人所得税定期定额起征点
  • 幼儿园个税怎么交
  • 自行建造固定资产中的自营工程,在领用工程物资
  • 房地产开发企业会计科目
  • 公司会计怎么做
  • 结转折旧费会计分录
  • 购买脚手架报价单
  • 理财产品分红怎么入账
  • 收到违约金需要缴纳所得税吗
  • 进口代理公司怎么收费
  • 租赁房产税如何征收的2019
  • 投资者减除费用可以填0吗
  • 合同签订的案例
  • 建筑工程预收款开票会计分录
  • 公司员工结婚礼金规定
  • 自己使用过的固定资产和旧货有什么区别
  • 员工垫付款怎么做分录
  • 没有发票申报纳税怎么办
  • 加班工资怎么计算劳动法
  • memcache php
  • php正则替换字符串
  • macOS Big Sur 11.2 RC 2正式发布(附更新内容)
  • php字符串变量
  • 无线路由器wifi指示灯不亮
  • 企业所得税季度预缴是什么意思
  • 企业所得税的销售收入包括哪些
  • 集团内无偿借贷合法吗
  • 减征增值税会计处理
  • 可供出售金融资产的会计处理
  • php怎么设置管理员权限
  • 残保金所属期怎么写
  • javascript图表
  • ai形成生成器工具怎么用
  • 支付货物运费计入什么科目
  • 高新企业研发项目是否需要立项审批?
  • 残保金工资总额包括什么
  • 公司的融资租赁有哪些
  • 企业计提五险一金会计分录怎么写
  • 权益法核算还计提减值么
  • 房租付了没有及时取得发票怎么入账
  • 可以抵扣土地增值税的项目
  • 长期股权投资账务处理实例
  • 银行存款利息应计入
  • 合伙企业有限合伙
  • 增值税进项用不完怎么办
  • 计提了减值准备怎么算折旧额
  • 利息专用发票可以抵扣吗
  • 库存现金过多的隐患
  • 算账的意思是什么?
  • sql多表连接查询效率
  • sqlserver交叉表
  • 存储过程mysql
  • 蓝屏service
  • linux 详解
  • 怎么在VMware上玩LOL
  • 键盘和鼠标冲突
  • ubuntu有线正在连接
  • ubuntu undate-rc.d 的一些使用介绍
  • win7怎么禁止系统自动更新
  • xp系统如何共享文件夹怎么弄
  • 红帽企业版更新了吗
  • I810 Graphics LINUX Driver的安装
  • oracle linux版
  • 游戏unity报错
  • js 原型链继承 原型式继承
  • Cocos2d-x +Android + Windows 7
  • Android自定义控件高级进阶与精彩实例
  • unity怎么创建字体
  • 修改文件名ren
  • python迭代器iterator
  • 中国个人所得税是多少?
  • 江苏电子税务局网站官网下载
  • 如何在电子税务局申报社保
  • 深圳个体户不注销的后果
  • 昱铭这个公司名字怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设