Springboot 运用ajax将前端数据传递到后台实体类并保存在数据库中。JPA、ajax、springboot

Springboot 运用ajax将前端数据(当只有一个标签时)传递到后台实体类并保存在数据库中。

实体类代码:

@Entity
@Table(name = "board_info")
public class BoardInfo {
    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)//自增主键
    private  Integer boardId;

   //这是数据库表对应的一个列
    @Column(name = "board_name")
    private   String boardName;


    @Column(name = "board_state" ) 
    private  String boardState;

    @Column(name = "board_Date")
    private Date boardDate;


    public String getBoardName() {
        return boardName;
    }

    public void setBoardName(String boardName) {
        this.boardName = boardName;
    }


    public Date getBoardDate() {
        return boardDate;
    }

    public void setBoardDate(Date boardDate) {
        this.boardDate = boardDate;
    }


    public String getBoardState() {
        return boardState;
    }

    public void setBoardState(String boardState) {
        this.boardState = boardState;
    }


    public Integer getBoardId() {
        return boardId;
    }

    public void setBoardId(Integer boardId) {
        this.boardId = boardId;
    }



    @Override
    public String toString() {
        return "BoardInfo{" +
                "boardId=" + boardId +
                ", boardName='" + boardName + '\'' +
                ", boardState='" + boardState + '\'' +
                ", boardDate=" + boardDate +
                '}';
    }
}

JPA接口:

public interface BoardInfoDao extends JpaRepository<BoardInfo,Integer>,JpaSpecificationExecutor<BoardInfo> {
}

控制器层Controller:

@Controller
public class EmployeeController {
   @Autowired
    BoardInfoDao boardInfoDao;
 @RequestMapping(value = "/emps/boardInsert")
    @ResponseBody
    public BoardInfo boardInfoSave(@RequestBody String boardName) {
        //创建日期对象
        Date date = new Date(System.currentTimeMillis());
        //创建BoardInfo对象
        BoardInfo boardInfo = new BoardInfo();
        //设置值
        System.out.println(boardName);
        boardInfo.setBoardState("空闲");
        boardInfo.setBoardDate(date);
        boardInfo.setBoardName(boardName);
        //将值保存用JPA接口保存到数据库中
        BoardInfo boardSave = boardInfoDao.save(boardInfo);
        return boardInfo;
    }
}

前端代码:

<input type="text" th:name="boardName" name="boardName" class="InputStyle" id="boardName" th:id="boardName"/>
  <input type="submit" value="添加" class="FunctionButtonInput"  onclick="add()">

ajax代码

  <script type="text/javascript">
        function add() {
            var boardName = $("#boardName").val();
            alert(boardName)
            var data = JSON.stringify(boardName);
            $.ajax({
                type: "POST",
                data: data,
                contentType: "application/json",
                dataType: 'json',
                url: "/emps/boardInsert",
                susccess: function (data) {
                    if (data != null)
                        alert("添加成功!")
                    else
                        alert("添加失败")
                },
            });
        }
	</script>

引入jquery代码:

 <script type="text/javascript" src="style/js/jquery.js" th:src="@{/style/js/jquery.js}"></script>

注:前端运用了thymeleaf模板,没有引用的请忽略!

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以为您提供一些思路和代码示例,具体实现步骤如下: 1. 使用Spring Boot创建一个Web应用程序并添加必要的依赖项,包括Spring Web和Spring Data JPA。 2. 创建一个实体类以映射数据库的表,并使用@Entity和@Id注解进行标记。例如: ```java @Entity public class User { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private Long id; private String name; private String email; // getters and setters } ``` 3. 创建一个Spring Data JPA的Repository接口,用于访问数据库并执行CRUD操作。例如: ```java public interface UserRepository extends JpaRepository<User, Long> { } ``` 4. 在控制器创建REST API端点来处理HTTP请求,并使用@ResponseBody注解将响应转换为JSON格式。例如: ```java @RestController @RequestMapping("/users") public class UserController { @Autowired private UserRepository userRepository; @GetMapping public List<User> getUsers() { return userRepository.findAll(); } @PostMapping public User createUser(@RequestBody User user) { return userRepository.save(user); } @PutMapping("/{id}") public User updateUser(@PathVariable Long id, @RequestBody User user) { user.setId(id); return userRepository.save(user); } @DeleteMapping("/{id}") public void deleteUser(@PathVariable Long id) { userRepository.deleteById(id); } } ``` 5. 在前端页面使用Ajax发送HTTP请求并处理响应,实现数据的增删改查。例如: ```javascript // 获取所有用户信息 $.ajax({ url: '/users', method: 'GET', success: function (data) { // 处理返回的JSON数据 } }); // 创建用户 $.ajax({ url: '/users', method: 'POST', data: JSON.stringify({name: '张三', email: 'zhangsan@example.com'}), contentType: 'application/json', success: function (data) { // 处理返回的JSON数据 } }); // 修改用户 $.ajax({ url: '/users/1', method: 'PUT', data: JSON.stringify({name: '李四', email: 'lisi@example.com'}), contentType: 'application/json', success: function (data) { // 处理返回的JSON数据 } }); // 删除用户 $.ajax({ url: '/users/1', method: 'DELETE', success: function () { // 处理返回的JSON数据 } }); ``` 以上就是使用Spring BootAjax实现数据的增删改查的基本步骤和示例代码。希望能对您有所帮助!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值