初学JavaWeb-SSM框架实现增删改查——改

8 篇文章 0 订阅

前端代码:

<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<html>
<head>
    <title>mmp</title>
    <script src="static/js/jquery-3.3.1.min.js"></script>
</head>
<body>
<form id="Login_form">
    <input placeholder="请输入用户名" name="user" id="user" type="text">
    <input placeholder="请输入密码" name="password" id="password" type="password" maxlength="8">
    <a id="Login_add" href="javascript:void(0);">注册</a>
</form>
<form id="Login_form_del">
    <input placeholder="请输入你要删除的用户名" name="user" id="del_user" type="text">
    <input placeholder="请输入你要删除的密码" name="password" id="del_password" type="password">
    <a id="Login_del" href="javascript:void (0);">删除</a>
    <a id="Login_del_two" href="javascript:void (0);">牛皮删除</a>
</form>
<form id="login_form_update">
    <input placeholder="请输入老用户名" name="oldName" type="text">
    <input placeholder="请输入新用户名" name="newName" type="text">
    <a id="login_update_btn" href="javascript:void (0);">修改</a>
</form>
<script>
    $('#login_update_btn').click(function () {
        $.ajax({
            url: '/demo4/demo/update',        //      /项目名/控制器映射/方法映射
            data: $('#login_form_update').serialize(),
            success: function (data) {

            }
        })
    })

    //注册
    $('#Login_add').click(function () {
        $.ajax({
            url: '/demo4/demo/add',        //      /项目名/控制器映射/方法映射
            data: $('#Login_form').serialize(),
            success: function (data) {
                if (data == "success") {
                    alert("注册成功");
                } else {
                    alert("注册失败");
                }
            }
        })
    })
    //删除
    $('#Login_del').click(function () {
        $.ajax({
            url: '/demo4/demo/del',
            data: $('#Login_form_del').serialize(),
            success: function (data) {
                if (data == "success") {
                    alert("删除成功");
                } else {
                    alert("删除失败");
                }
            }
        })
    })

    //删除两个
    $('#Login_del_two').click(function () {
        $.ajax({
            url: '/demo4/demo/del_two',
            data: $('#Login_form_del').serialize(),
            success: function (data) {
                if (data == "success") {
                    alert("成功删除");
                }
            }
        })
    })
</script>
</body>

</html>
后端代码:

package com.xudan.demo4.controller;
import com.xudan.demo4.mapper.UserMapper;
import com.xudan.demo4.pojo.User;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.List;
import java.util.UUID;

@Controller
@RequestMapping("/demo")        //控制器映射
public class DemoController {
    @Autowired          //自动装配
    private UserMapper userMapper;

    @RequestMapping("add")      //方法映射
    @ResponseBody
    public String add(User user) {
        //随机ID
        user.setId(UUID.randomUUID().toString().replace("-", ""));
        if(user.getUser().length()!=0 && user.getPassword().length()!=0){       //判断用户名和密码是否空
            userMapper.insert(user);                                            //向数据库里加入内容
            return "success";
        }else {
            return "fail";
        }
    }

    @RequestMapping("del")
    @ResponseBody
    public String del(User user){
        userMapper.deleteByName(user);              // deleteByName是自己定义的方法
        return "success";
    }

    @RequestMapping("del_two")
    @ResponseBody
    public String del_two(User user){
        userMapper.deleteByNameAndPassword(user);
        return "success";
    }

    //修改更新
    @RequestMapping("update")
    @ResponseBody
    public String update(String oldName,String newName){
        userMapper.updateByName(oldName,newName);
        return null;
    }
}
备注:由于是新用户名替换老用户名,所以传到后台的参数应该为String

自定义接口:UserMapper

package com.xudan.demo4.mapper;


import com.xudan.demo4.base.CrudDao;
import com.xudan.demo4.pojo.User;

public interface UserMapper extends CrudDao<User> {


    //定义方法接口 然后在XML里面配置SQL
    void deleteByName(User user);

    void deleteByNameAndPassword(User user);

    void updateByName(String oldName,String newName);  //自定义方法
}

UserMapper.xml:

  <update id="updateByName" parameterType="String">
      update user
      set user.user = #{1}
      where user.user = #{0}
  </update>
备注:由于传进来的参数是String,所以parameterType也要改成String
  #{1}代表第二个参数,#{0}代表第一个参数







  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值