当前位置: 首页 > 后端技术 > Node.js

学快递,从这里开始!

时间:2023-04-03 12:30:18 Node.js

1.什么是快递?Express是一个简单灵活的node.jsweb应用程序框架,可以快速构建一个功能齐全的网站。2、安装express并创建项目通过express-generator创建一个express项目,基本配置包括routes(路由)、package.json、view(hbs模板)等,可以直接写业务代码。#1.安装工具npminstall-gexpress-generator#2.创建项目:learn-expressexpress--view=hbs~/learn-express&&cd~/learn-express#3.初始化项目npminstall#4.启动npmstart#5.访问:http://localhost:3000/3.添加新页面使用上面新建的项目learn-express,因为已经配置了路由和视图,所以直接新建一个页面,使用的get方法http即可获取,步骤如下:使用vscode打开上面的项目。vscode下载新的routes/test.js文件varexpress=require('express');varrouter=express.Router();/*GET测试页面。*/router.get('/',function(req,res,next){res.render('test',{title:'测试页'});});module.exports=router;Newviews/test.hbs文件

{{title}}

修改app.js,添加路由,找到对应的地方添加如下内容vartestRouter=require('./routes/test');app.use('/测试',测试路由器);重启服务,即可通过http://localhost:3000/test访问新添加的页面。4、POST提交页面使用form表单提交数据,后台处理表单提交的数据。1.新建一个表单页面,新建一个routes/form.js文件//routes/form.jsvarexpress=require('express');varrouter=express.Router();/*GET表单页面。*/router.get('/',function(req,res,next){res.render('form',{title:'frompostsubmissionpage'});});module.exports=router;newform.hbs文件

{{title}}

名字:
LastName:修改app.js,添加路由varformRouter=require('./routes/form');app.use('/form',formRouter);2.新建一个后处理页面,新建routes/process_post.js文件varexpress=require('express');varrouter=express.Router();/*后处理页面。*/router.post('/',function(req,res,next){//输出JSON格式varresponse={"first_name":req.body.first_name,"last_name":req.body.last_name};console.log(分别昂斯);res.end(JSON.stringify(response));});module.exports=router;修改app.js添加路由varpostProcRouter=require('./routes/process_post');app.use('/process_post',postProcRouter);3、访问并重启服务器,首先打开http://127.0.0.1:3000/form,填写数据,点击提交;页面会跳转到http://127.0.0.1:3000/process...5、静态文件访问静态文件:修改app.js,添加如下路由app.use('/public',express.static('民众'));复制test.jpg到public/images目录下,重启工程,即可访问图片:http://localhost:3000/public/...6.下载官方Examplesgitclonegit://github.com/expressjs/express.git--depth1cdexpressnpminstall#启动你想看的Examplesnodeexamples/content-negotiationVII.学习express的参考文档,从这里开始!