node+express的路由跳转(get/post)

node+express的路由跳转(get/post)

项目目录

在这里插入图片描述
app.js

var router = require('./router')

var express = require('express');
var app = express()


// 放开静态资源
app.use('/node_modules', express.static('./node_modules'))
app.use('/public', express.static('./public'))

app.engine('html',require('express-art-template'))

// 使用router
app.use(router)

app.listen(3000,function(){
  console.log('running 3000...')
})

get 请求

router.js

var fs = require('fs')
var express = require('express')

// 1、创建一个路由容器
var router = express.Router();

// 2、把所有的路由都挂载在router上
router.get('/students', function (req, res) {
  // 读文件
  fs.readFile('./db.json', function (err, data) {
    if (err) {
      return res.send('err')
    }
    res.render('index.html', {
      fruits: [{ name: '苹果' }, { name: '猕猴桃' }, { name: '香蕉' }, { name: '葡萄' }],
      students: JSON.parse(data).students
    })
  })
})

router.get('/students/new',function(req,res){
  // res.render() 默认找到views文件夹下的html文件
  res.render('new.html')
})

// 3、导出
module.exports = router

post请求

注意点:需在app.js文件中加入这三句话,且配置模板引擎body-parser一定要在app.use(router)挂载路由之前

var bodyParser = require('body-parser')

app.use(bodyParser.urlencoded({extended:false}))
app.use(bodyParser.json())

router.js

router.post('/students/new', function (req, res) {
  //1.获取表单的数据
  // body-parser
  console.log(req.body)
  //2处理
  //3发送响应
})

附带完整node的增删改查项目地址:https://github.com/dalalalalala/student.git

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要连接 Node.js 实现登录并跳转到首页,你需要做以下几个步骤: 1. 创建一个登录页面 login.html,包含用户名和密码的输入框和登录按钮,用户输入用户名和密码后点击登录按钮将请求发送给 Node.js 后台 2. 在 Node.js 后台中使用 Express 框架创建一个应用程序,并且使用 body-parser 中间件来解析 POST 请求的数据。代码如下: ``` const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.listen(3000, () => { console.log('Server running on port 3000'); }); ``` 3. 在 Node.js 后台中创建一个路由,用于处理登录请求。在该路由中获取用户输入的用户名和密码,与数据库中的用户信息进行比对,如果验证通过,则在服务器端存储用户信息,然后重定向到首页,代码如下: ``` app.post('/login', (req, res) => { const username = req.body.username; const password = req.body.password; // 在此处与数据库中的用户信息进行比对,验证通过则存储用户信息 const user = { name: username, age: 20 }; req.session.user = user; // 重定向到首页 res.redirect('/'); }); ``` 4. 在首页 index.html 中,使用 JavaScript 代码检查服务器端是否存储了用户信息,如果有,则显示欢迎信息,代码如下: ``` <script> const user = <%= JSON.stringify(user) %>; if (user) { const welcomeMsg = `Welcome, ${user.name}!`; document.querySelector('#welcome-msg').textContent = welcomeMsg; } </script> ``` 5. 在首页中添加一个注销按钮,当用户点击该按钮时,发送一个请求给后台,后台删除存储在服务器端的用户信息,代码如下: ``` app.get('/logout', (req, res) => { req.session.destroy(); res.redirect('/login'); }); ``` 6. 在登录页面中添加一个注册链接,当用户点击该链接时,跳转到注册页面。在注册页面中,用户可以输入用户名和密码,并将信息提交给后台进行注册。注册成功后,将用户信息存储在数据库中。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值