Vueが学生管理機能を実装

<スクリプト>
 アプリを新しいVue({
  el:"#アプリ",
  データ：{
   currentPage:1, //現在のページ pageSize:10, //ページあたりに表示されるレコード数 total:0, //レコードの合計数;
   list:[], //現在のページデータ //学生情報のバインディング student:{
    名前：""、
    年：""
   }
  },
  方法:{
   ページャー:関数(数値){
    this.currentPage = num;
    データの取得
   },
   getData:関数() {
    axios.post("/StudentManager/showAllServlet?currentPage=" + this.currentPage + "&pageSize=" + this.pageSize).then((resp) => {
     this.list = resp.data.datas;
     this.total = resp.data.total;
    });
   },
   追加:関数() {
    if (this.student.id === 未定義) {
     axios.post("/StudentManager/addStudentServlet", this.student).then((resp) =>{
      if (resp.data.flag){
       データの取得
      }それ以外 {
       alert("追加に失敗しました!");
      }
     });
    }それ以外 {
     axios.post("/StudentManager/updateStudentServlet", this.student).then((resp)=>{
      if (resp.data.flag){
       データの取得
      }それ以外 {
       alert("変更に失敗しました!");
      }
     });
    }
   },
   学生の削除:関数(id) {
    axios.post("/StudentManager/deleteStudentServlet?id="+id).then((resp)=>{
     if (resp.data.flag){
      データの取得
     }それ以外 {
      alert("削除に失敗しました!");
     }
    });
   },
   findById:関数 (id) {
    axios.post("/StudentManager/findByIdStudentServlet?id=" + id).then((resp)=>{
     this.student = resp.data;
    });
   }
  },
  マウント:関数() {
   データの取得
  }
 });
</スクリプト>

// サーブレット
 文字列 currentPage = request.getParameter("currentPage");
 文字列 pageSize = request.getParameter("pageSize");
 
 PageBean<Student> pageBean = showAllStudentService.showAllStudent(Integer.parseInt(currentPage), Integer.parseInt(pageSize));
 オブジェクトマッパー objectMapper = 新しいオブジェクトマッパー();
 文字列 json = objectMapper.writeValueAsString(pageBean);
 
 レスポンスの getWriter() を json に書き込みます。
// サービス
  @テスト
    @オーバーライド
    パブリック PageBean<Student> showAllStudent(int currentPage, int pageSize) {
        PageHelper.startPage(現在のページ、ページサイズ);
        SqlSession sqlSession = SqlSessionUtils.getSqlSession(false);
        StudentMapper マッパー = sqlSession.getMapper(StudentMapper.class);
        リスト<Student> students = mapper.showStudent();

        PageInfo<学生> pageInfo = 新しい PageInfo<>(学生);
        長い合計 = pageInfo.getTotal();
        ページ情報を取得します。
        PageBean<Student> pageBean = new PageBean<>(total, students, pages);
        sqlSession を閉じます。
        pageBean を返します。
    }
//ダオ
 /**
     * ホームページにはすべての生徒が表示されます* @生徒リストを返す*/
    @Select("SELECT * FROM 学生")
    リスト<学生> showStudent();