如何使用express框架搭建node服务,编写node脚本代码,并在浏览器请求服务,简单体验前后交互的流程

1.首先我们要安装nodejs,并配置nodejs环境变量
2.在自己熟悉的磁盘新建一个文件夹,这里我在D盘新建了一个express-Demo文件夹创建自己所需要的用到的文件,安装下载自己的依赖包

在这里插入图片描述

3.将文件在编辑器打开这里我使用的是DW(Dreamweaver软件),然后编写脚本
  • 1.先配置好nodejs服务,这里简单的示范一下,重点讲解如何在浏览器请求访问页面
    在这里插入图片描述
  • 2.在浏览器访问地址,看服务是否配置成功
    image.png

4.现在进入我们的重要环节,如何编写请求脚本访问页面

  • 1.首先我们要拉取我们需要的包,这里我们要使用到jQuery,先全局安装一个bower包,这里我已经安装过了,然后对我们项目bower init 初始化,使用bower拉包输入bower i/install jquery --save
    在这里插入图片描述

  • 2.拉包成功之后开始编写我们get请求脚本

    • i.index.html编写get请求代码,
      image.png
    • ii.编写get脚本代码,注意编写脚本代码之后需要重新启动服务器
      image.png
    • iii.浏览器查看
      在这里插入图片描述
  • 3.拉包成功之后开始编写我们post请求脚本

    • i.index.html编写post请求代码
      image.png
    • ii.编写post脚本代码,注意编写脚本代码之后需要重新启动服务器
      在这里插入图片描述
      -iii.浏览器查看
      在这里插入图片描述
  • 4.拉包成功之后开始编写我们post请求脚本

    • i.index.html编写postget请求代码
      image.png

    • ii.编写postget脚本代码,注意编写脚本代码之后需要重新启动服务器
      image.png

    -iii.浏览器查看
    image.png

  • 4.拉包成功之后开始编写我们路由传参请求脚本

    • i.index.html编写路由请求代码
      image.png
  • ii.编写路由传参脚本代码,注意编写脚本代码之后需要重新启动服务器
    image.png
    -iii.浏览器查看
    在这里插入图片描述

  • 5.拉包成功之后开始编写我们from提交表单请求脚本

    扫描二维码关注公众号,回复: 9524859 查看本文章
  • i.index.html编写路由请求代码
    在这里插入图片描述

  • ii.编写路由传参脚本代码,注意编写脚本代码之后需要重新启动服务器
    image.png

  • iii.浏览器查看
    在这里插入图片描述
    nodejs如何配置服务,和请求方式的响应小博已经简单的介绍了。是不是很简单呀!如有什么不明白的地方欢迎给小博留言,

发布了15 篇原创文章 · 获赞 1 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/NanQiao1716/article/details/104585964