Le tutoriel MVC Spring le plus complet de l'histoire, qui vous emmène en profondeur * à partir de zéro (V, les ingénieurs Java doivent lire des livres

Programmeur Sasha 2021-08-20 00:02:52 阅读数:868

le tutoriel mvc spring le
 $.post({
url:"${pageContext.request.contextPath}/a1",
//Obtient la valeur de la zone de texte à passer àAjaxControllerDename
data:{"name":$("#username").val()},
success:function (data,status){
console.log("data="+data);//Ajouter un groupe1025684353On va bavarder.
console.log("status="+status);
},
error:function (){
}
})
} </script>

</head>

<body>

<%--Lorsque le contenu de la zone de texte change,Lancer une demande en arrière - plan--%>
Nom d'utilisateur:<input type="text" id="username" oninput="a()">

</body>

</html>


**2、CompilationControllerCouche**

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

@RequestMapping(“/a1”)

public void a1(String name){

System.out.println("a1:param=>"+name);

}


[Obtenir des informations](https://gitee.com/vip204888/java-p7)
**3、Résultats des tests, La boîte d'entrée change une fois ( Saisissez ou supprimez un enfant ). Il y aura une demande **
[![image](https://s2.51cto.com/images/20210819/1629387738670823.jpg)](https://gitee.com/vip204888/java-p7)
[![image](https://s2.51cto.com/images/20210819/1629387739600444.jpg)](https://gitee.com/vip204888/java-p7)
[](https://gitee.com/vip204888/java-p7)SpringmvcRéalisationajax Chargement asynchrone des données
====================================================================================
**Un.、Classe d'entité**

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.

@Data

@AllArgsConstructor

@NoArgsConstructor

public class User {

private String name;
private int age;//Ajouter un groupe1025684353On va bavarder.
private String sex;

}


**2.、 Prenons un objet de collection , Afficher sur la page avant **

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

@RequestMapping(“/a2”)

public List<User> a2(){

List<User> userList = new ArrayList<User>();
//Ajouter des données
userList.add(new User("Zhang San",18,"Hommes"));
userList.add(new User("Li - si.",19,"Femme"));
userList.add(new User("Wang Wu",20,"Hommes"));//Ajouter un groupe1025684353On va bavarder.
return userList;

}


[Obtenir des informations](https://gitee.com/vip204888/java-p7)
**Trois、Page de première ligne**

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<html>

<head>

<title>Title</title>
<script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.min.js"></script>
<script> $(function () { $("#btn").click(function () { $.post("${pageContext.request.contextPath}/a2",function (data) { console.log(data); var html="<>";//Ajouter un groupe1025684353On va bavarder. for (let i = 0; i < data.length; i++) { html += "<tr>" + "<td>" + data[i].name + "</td>" + "<td>" + data[i].age + "</td>" + "<td>" + data[i].sex + "</td>" + "</tr>" } $("#content").html(html); }) }) }); </script>

</head>

<body>

<input type=“button” value=“Chargement des données” id=“btn”>

<table>

<tr>
<td>Nom</td>
<td>Âge</td>
<td>Sexe</td>
</tr>
<tbody id="content">
</tbody>

</table>

</body>

</html>


**Quatre、Exécution des tests**
[![image](https://s2.51cto.com/images/20210819/1629387741899924.jpg)](https://gitee.com/vip204888/java-p7)
[](https://gitee.com/vip204888/java-p7)ajax Vérifier le nom d'utilisateur et le mot de passe
==========================================================================
**Un.、 Écrire une page frontale **
[Obtenir des informations](https://jq.qq.com/?_wv=1027&k=ak26GrpX)

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

<html>

<head>

<title>Title</title>
<script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.min.js"></script>
<script>
function a1() {
$.post({
url:"${pageContext.request.contextPath}/a3",
data:{"name":$("#name").val()},
success:function (data){
if (data.toString()==="ok"){
$("#userInfo").css("color","green");
}else {
$("#userInfo").css("color","red");
}
$("#userInfo").html(data);//Ajouter un groupe1025684353On va bavarder.
}
})
}
function a2() {
$.post({
url:"${pageContext.request.contextPath}/a3",
data:{"pwd":$("#pwd").val()},
success:function (data){
if (data.toString()==="ok"){
$("#pwdInfo").css("color","green");
}else {
$("#pwdInfo").css("color","red");
}
$("#pwdInfo").html(data);
}

Résumé

Parler d'entrevues,En fait, c'est une question de brosse.,Brosse à mort tous les jours.....

Pour préparer ça.“Or, trois, argent et quatre”Les mouvements printaniers,Une question d'un mois,Combler les lacunes,Un algorithme comme celui - ci、Base de données、Redis、Les modèles de conception et d'autres sujets que j'ai brossés

Et j'ai tout arrangé pourPDFOuWordDocumentation(Analyse détaillée des réponses), Si vous avez besoin d'un ami, vous pouvez l'obtenir gratuitement en tapant ici

Mon beau régiment.offerÇa refroidit.?Development Engineer(JavaPoste)Avis de fin de trois côtés...

66- Oui.JavaPoint de connaissance de l'entrevue

Thèmes structurels(MySQL,Java,Redis,Thread,Concurrence,Mode de conception,Nginx,Linux,Cadre,Microservices, etc.)+Explication détaillée des questions d'entrevue de Dachang(Baidu,Ali!,Tencent,Huawei,Thunder,Netease,ZTE,Beijing Zhongshan, etc.)

Mon beau régiment.offerÇa refroidit.?Development Engineer(JavaPoste)Avis de fin de trois côtés...

Algorithme de brossage(PDF)

Mon beau régiment.offerÇa refroidit.?Development Engineer(JavaPoste)Avis de fin de trois côtés...

Copyright:Cet article est[Programmeur Sasha]Établi,Veuillez apporter le lien original pour réimprimer,remercier。 https://fra.fheadline.com/2021/08/20210820000248408a.html