Vue implementiert Studentenverwaltungsfunktion

<Skript>
 let app = neues Vue({
  el:"#app",
  Daten:{
   currentPage:1, //Aktuelle Seite pageSize:10, //Anzahl der pro Seite angezeigten Datensätze total:0, //Gesamtzahl der Datensätze;
   list:[], //Aktuelle Seitendaten //Binding Studenteninformationen student:{
    Name:"",
    Alter:""
   }
  },
  Methoden:{
   Pager:Funktion(Nummer){
    diese.aktuelleSeite = Nummer;
    dies.getData();
   },
   getData:Funktion () {
    axios.post("/StudentManager/showAllServlet?currentPage=" + diese.currentPage + "&pageSize=" + diese.pageSize).then((resp) => {
     diese.Liste = bzw. Daten.Daten;
     dies.total = bzw. Daten.total;
    });
   },
   hinzufügen:Funktion () {
    wenn (this.student.id === undefiniert) {
     axios.post("/StudentManager/addStudentServlet", this.student).then((resp) =>{
      wenn (bzw.Daten.Flag){
       dies.getData();
      }anders {
       alert("Hinzufügen fehlgeschlagen!");
      }
     });
    }anders {
     axios.post("/StudentManager/updateStudentServlet", this.student).then((resp)=>{
      wenn (bzw.Daten.Flag){
       dies.getData();
      }anders {
       alert("Änderung fehlgeschlagen!");
      }
     });
    }
   },
   deleteStudent:Funktion (id) {
    axios.post("/StudentManager/deleteStudentServlet?id="+id).then((resp)=>{
     wenn (bzw.Daten.Flag){
      dies.getData();
     }anders {
      alert("Löschen fehlgeschlagen!");
     }
    });
   },
   findById:Funktion (id) {
    axios.post("/StudentManager/findByIdStudentServlet?id=" + id).then((resp)=>{
     dieser.Student = bzw. Daten;
    });
   }
  },
  montiert:Funktion () {
   dies.getData();
  }
 });
</Skript>

// Servlet
 Zeichenfolge aktuelleSeite = request.getParameter("aktuelleSeite");
 String Seitengröße = request.getParameter("Seitengröße");
 
 PageBean<Student> pageBean = showAllStudentService.showAllStudent(Integer.parseInt(aktuelleSeite), Integer.parseInt(Seitengröße));
 ObjectMapper ObjektMapper = neuer ObjectMapper();
 : String json = objectMapper.writeValueAsString(pageBean);
 
 Antwort.getWriter().write(json);
// Service
  @Prüfen
    @Überschreiben
    öffentliche PageBean<Student> zeigeAlleStudenten(int aktuelleSeite, int Seitengröße) {
        PageHelper.startPage(aktuelleSeite, Seitengröße);
        SqlSession sqlSession = SqlSessionUtils.getSqlSession(false);
        StudentMapper-Mapper = sqlSession.getMapper(StudentMapper.class);
        Liste<Student> Studenten = mapper.showStudent();

        PageInfo<Student> pageInfo = neue PageInfo<>(Studenten);
        lange Gesamtsumme = pageInfo.getTotal();
        int Seiten = Seiteninfo.getPages();
        PageBean<Student> pageBean = neue PageBean<>(insgesamt, Studenten, Seiten);
        sqlSession.close();
        gibt pageBean zurück;
    }
// Dao
 /**
     * Auf der Startseite werden alle Studenten angezeigt* @Studentenliste zurückgeben*/
    @Select("AUSWÄHLEN * VON Schüler")
    Liste<Student> showStudent();