溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法

發(fā)布時間:2020-11-05 16:30:02 來源:億速云 閱讀:272 作者:Leah 欄目:開發(fā)技術(shù)

這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

一、校驗(yàn)分類

數(shù)據(jù)的校驗(yàn)一般分為**前端校驗(yàn)、后端校驗(yàn)**

二、前端校驗(yàn)

前端校驗(yàn)是最為明顯的,先說一下:

① HTML

非空校驗(yàn)HTML5 新增的屬性required="true",一旦沒有填寫就輸入框就顯示紅色,具體使用如:

<input type="text" id="name" name="name" required="true"/>

② JS

同時在提交表單發(fā)送 Ajax請求 的時候,來個 onSubmit 函數(shù),具體例如(使用點(diǎn) EasyUI ):

function submitData(){
		$("#fm").form("submit",{
			url:"/admin/film/save",
			onSubmit:function(){
				var content=CKEDITOR.instances.content.getData();
				if(content==""){
					$.messager.alert("系統(tǒng)提示","內(nèi)容不能為空!");
					return false;
				}
				return $(this).form("validate");
			},
			success:function(result){
				var result=eval('('+result+')');
				if(result.success){
					$.messager.alert("系統(tǒng)提示","保存成功!");
					resetValue();
				}else{
					$.messager.alert("系統(tǒng)提示","保存失??!");
				}
				
			}
		});
	}

但我們都知道,這是防君子不防小人的做法,用戶可以使用 F12,查看源碼,修改關(guān)鍵部位的代碼,
如把 required="true" 刪除掉,就可以提交表單了。
所以前端作用雖然明顯,但是數(shù)據(jù)處理方面,真正用處并不大。

三、后端校驗(yàn)

前面說了那么多,就是為了引出 后端校驗(yàn) 這一話題。數(shù)據(jù)是否提交到數(shù)據(jù)庫中去,就看后端的代碼了。
后端校驗(yàn),主要實(shí)施在 JavaBean、Controller 中。下面列舉一個簡單的例子,從代碼中說明一切。

① 代碼結(jié)構(gòu)圖

SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法

② entity

實(shí)體屬性部位空,一般使用如 @NotEmpty(message="請輸入用戶名!") ,這樣既不能為 ,也不能為null

package com.cun.entity;

import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
import javax.persistence.Table;
import javax.validation.constraints.Max;
import javax.validation.constraints.Min;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Null;
import javax.validation.constraints.Size;

import org.hibernate.validator.constraints.Email;
import org.hibernate.validator.constraints.NotBlank;

import io.swagger.annotations.ApiModelProperty;

@Entity
@Table(name = "t_person")
public class Person {

	@Id
	@GeneratedValue
	@ApiModelProperty(value = "用戶id")
	private Integer id;

	@NotBlank(message = "用戶名不能為空") // 為""/''都不行
	@Size(min = 2, max = 30, message = "2<長度<30")
	@Column(length = 50)
	@ApiModelProperty(value = "用戶名")
	private String userName;

	@NotNull(message = "用戶密碼不能為空")
	@Column(length = 50)
	@ApiModelProperty(value = "用戶密碼")
	private String password;

	@Max(value = 150, message = "age應(yīng)<150") // 數(shù)字
	@Min(value = 1, message = "age應(yīng)>1") // 數(shù)字
	@NotNull(message = "年齡不能為空")
	@ApiModelProperty(value = "用戶年齡")
	private Integer age;

	@NotNull(message = "郵箱不為空")
	@Email(message = "郵件格式不對")
	@Column(length = 100)
	@ApiModelProperty(value = "用戶郵箱")
	private String email;

	// 使用 JPA 必備
	public Person() {
		super();
	}

	public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	public String getUserName() {
		return userName;
	}

	public void setUserName(String userName) {
		this.userName = userName;
	}

	public String getPassword() {
		return password;
	}

	public void setPassword(String password) {
		this.password = password;
	}

	public Integer getAge() {
		return age;
	}

	public void setAge(Integer age) {
		this.age = age;
	}

	public String getEmail() {
		return email;
	}

	public void setEmail(String email) {
		this.email = email;
	}

}

③ dao

其實(shí)也沒什么代碼,這就是 JPA 的強(qiáng)大之處

package com.cun.dao;

import org.springframework.data.jpa.repository.JpaRepository;
import org.springframework.data.jpa.repository.JpaSpecificationExecutor;

import com.cun.entity.Person;

public interface PersonDao extends JpaRepository<Person, Integer>, JpaSpecificationExecutor<Person> {

}

④ Service、ServiceImpl (省略)

⑤ Controller

package com.cun.controller;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.validation.Valid;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.validation.BindingResult;
import org.springframework.validation.ObjectError;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import com.cun.dao.PersonDao;
import com.cun.entity.Person;

import springfox.documentation.swagger2.annotations.EnableSwagger2;

@RestController
@RequestMapping("/person")
@EnableSwagger2
public class PersonController {

	@Autowired
	private PersonDao personDao;

	@PostMapping("/insert")
	public Map<String, Object> insertPerson(@Valid Person person, BindingResult bindingResult) {
		Map<String, Object> map = new HashMap<String, Object>();
		if (bindingResult.hasErrors()) {
			List<ObjectError> errorList = bindingResult.getAllErrors();
			List<String> mesList=new ArrayList<String>();
			for (int i = 0; i < errorList.size(); i++) {
				mesList.add(errorList.get(i).getDefaultMessage());
			}
			map.put("status", false);
			map.put("error", mesList);
		} else {
			map.put("status", true);
			map.put("msg", "添加成功");
			personDao.save(person);
		}
		return map;
	}

}

⑥ yml

server:
 port: 80 #為了以后訪問項(xiàng)目不用寫端口號
 context-path: / #為了以后訪問項(xiàng)目不用寫項(xiàng)目名
spring:
 datasource:
  driver-class-name: com.mysql.jdbc.Driver
  url: jdbc:mysql://localhost:3306/springboot
  username: root
  password: 123
 jpa:
  hibernate:
   ddl-auto: update #數(shù)據(jù)庫同步代碼
  show-sql: true   #dao操作時,顯示sql語句

⑦ POM

使用 SpringBoot Starter 導(dǎo)入 JPA、MySQL

SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法

使用 Swagger 演示

<!-- swagger生成接口API -->
		<dependency>
			<groupId>io.springfox</groupId>
			<artifactId>springfox-swagger2</artifactId>
			<version>2.7.0</version>
		</dependency>

		<!-- 接口API生成html文檔 -->
		<dependency>
			<groupId>io.springfox</groupId>
			<artifactId>springfox-swagger-ui</artifactId>
			<version>2.6.1</version>
		</dependency>

四、演示

輸入 http://localhost/swagger-ui.html 進(jìn)入接口測試站點(diǎn)

SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法

什么都沒有填寫,直接點(diǎn)擊Try it out!,可以看到返回給前端的 JSON 數(shù)據(jù),這時候數(shù)據(jù)的數(shù)據(jù)是沒有改動的,一條sql 語句都沒有執(zhí)行

SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法

上述就是小編為大家分享的SpringBoot使用JSR303實(shí)現(xiàn)對前端數(shù)據(jù)進(jìn)行校驗(yàn)的方法了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI