前后端参数发送模板

get请求

后端使用 @RequestParam 接收数据,前端使用 params 发送数据
后端:

@GetMapping
    public Result checkHadTou(@RequestParam Integer id, @RequestParam String brand){
        System.out.println(id + " and " + brand);
        return null;
    }

前端:

this.$axios.get("/toubiao", { 
                params :{
                id: this.IwantTouForm.targetId,
                brand: this.IwantTouForm.brand
                }}).then(res=>{
                    console.log(res.data)
                })

delete请求发送数组到后端

前端请求代码:

this.$axios({
                url: '/toubiao',
                method: 'delete',
                data: ids
            })
            .then(res=>{
                console.log(res.data)
            })

后端接收代码:
踩坑啊,接收需要使用list并且还要指定类型

/**
     * 按id批量删除
     * @param ids
     * @return
     */
    @DeleteMapping
    public Result removeByIds(@RequestBody List<Integer> ids){
        System.out.println( "获取到的数组:"+ ids);
        return null;
    }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 我可以提供一个基于前后端的登录模板供你参考:1.前端:a.首先,在用户界面中添加一个登录表单,包括输入框,按钮以及忘记密码链接。b.然后,为表单添加JavaScript代码,用于验证输入的数据是否有效。c.当用户提交表单后,使用AJAX发送数据到后台系统,以便进行登录处理。2.后端:a.首先,从数据库中检索用户名和密码,并验证它们是否与表单中输入的值匹配。b.如果用户名和密码正确,则将用户记录添加到会话中,以便在后续的请求中识别用户身份。c.如果用户名和密码不正确,则向用户发送错误消息,提示他们输入正确的用户名和密码。 ### 回答2: 前后端登录模板基本上可以分为以下几个步骤:前端页面设计、前端表单验证、后端接收请求、后端验证账号密码、后端返回响应。在这里,我将为你简述一下如何实现一个基本的前后端登录模板。 首先,我们需要设计一个用户登录的前端页面。可以使用HTML和CSS来创建一个简洁、直观的用户界面。页面上需要包含一个用户名输入框、一个密码输入框,以及一个登录按钮。用户在输入完用户名和密码后,点击登录按钮,会向后端发送登录请求。 接下来,我们需要在前端对用户输入进行验证。在前端使用JavaScript来监听登录按钮的点击事件。当按钮被点击时,获取用户名和密码输入框中的值。然后,我们可以对得到的值进行基本的验证,以确保输入的合法性。比如,可以检查用户名和密码是否为空或者密码长度是否符合要求。 完成前端验证后,我们需要将用户输入的用户名和密码传递给后端。在这一步,前端使用Ajax技术来向后端发送登录请求。通过发送一个HTTP POST请求,将用户名和密码作为请求的参数传递给后端。 在后端,我们需要编写代码来接收登录请求。使用后端框架或者编程语言,如Java、Python等,创建一个接收登录请求的接口。在接口中,可以通过获取前端发送的HTTP请求中的参数,获取到用户名和密码。 接下来,在后端进行用户名和密码的验证。可以从数据库中获取存储的用户信息,比如用户名和对应的密码。使用后端的验证逻辑来判断输入的用户名和密码是否与数据库中存储的匹配。如果匹配成功,表示登录成功,否则登录失败。 最后,后端将登录结果以响应的形式返回给前端后端可以返回一个标志位,表示登录成功或失败。前端根据接收到的响应,进行相应的处理。如果登录成功,可以跳转到登录后的页面;如果登录失败,可以给出相应的提示信息,如用户名或密码错误。 综上所述,一个基本的前后端登录模板的实现过程就是这样的。通过前端页面设计、前端验证、后端接收和验证、后端响应等步骤,可以实现一个简单有效的登录系统。当然,在实际的开发中,还需要考虑安全性、数据加密,以及其他更复杂的登录逻辑等方面的问题。 ### 回答3: 当然,下面是一个简单的前后端登录模板的示例: 前端模板代码(HTML/CSS/JavaScript): ```html <!DOCTYPE html> <html> <head> <title>登录页面</title> <style> #login-form { margin: 0 auto; width: 300px; padding: 20px; border: 1px solid #ccc; background-color: #f1f1f1; } #login-form input { margin-bottom: 10px; width: 100%; padding: 10px; } #login-form button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; cursor: pointer; width: 100%; } </style> </head> <body> <div id="login-form"> <h1>登录</h1> <input type="text" id="username" placeholder="用户名"><br> <input type="password" id="password" placeholder="密码"><br> <button onclick="login()">登录</button> </div> <script> function login() { var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 发送登录请求给后端 // 这里可以使用Ajax等方式发送请求 } </script> </body> </html> ``` 后端模板代码(Node.js): ```javascript const express = require('express'); const bodyParser = require('body-parser'); const app = express(); app.use(bodyParser.urlencoded({ extended: false })); app.post('/login', (req, res) => { const username = req.body.username; const password = req.body.password; // 在这里进行用户名和密码的验证 // 如果验证通过,则返回登录成功的响应;否则,返回登录失败的响应 if (username === 'admin' && password === '123456') { res.send('登录成功'); } else { res.status(400).send('用户名或密码错误'); } }); app.listen(3000, () => { console.log('服务器启动,监听端口3000'); }); ``` 这个模板实现了一个简单的登录功能,前端页面采用HTML/CSS/JavaScript编写,后端服务器使用Node.js和Express框架编写。当用户在前端页面输入用户名和密码后,点击登录按钮,前端通过Ajax方式将登录信息发送后端后端服务器接收到登录请求后,通过验证用户名和密码,给出登录成功或失败的响应。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值