Vue Cli3 + SpringBootがピットを踏む（2）

今日、私はvue + router + vuexを使用してルートログインインターセプトを行いました。参考記事VUEインターセプター
：最初に持っているのconfigure vuex上のコード
を使用vuex倉庫。単純な値とメソッド。

次はmain.jsです：
判断するルートにアクセスする前にライフフックを設定します。
次に、ログインコンポーネントを変更します。

最後に、ルーティングに属性を追加します
。設定したルートインターセプターはログインする必要があり、キャッシュされません。もっと学びたいなら、この兄貴から学んでください！
記事のアップロードを行ってバックエンドデータベースに入力した直後は、単純なバージョンであり
、追加、削除、変更を行うためにjpaを使用してバックエンドに追加できます。ベーシック。

1つ目はBookControllerです。

package com.example.demo.controller;


import com.example.demo.pojo.Book;
import com.example.demo.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.List;
//此层主要进行对页面的处理，包括跳转或者传参等等。
@RestController
public class BookController {
    @Autowired
    BookService bookService;
//按标题查找文章
//    跨域注解
    @CrossOrigin
    @GetMapping("/FindTitle")
    public List<Book> list() throws Exception {
        return bookService.list();
    }
//获取数据库所有信息
    @CrossOrigin
    @GetMapping("/FindAll")
    public List<Book> list_1() throws Exception{
        return  bookService.getAll();
    }

//    从前端获取数据添加到数据库
    @CrossOrigin
    @PostMapping("/AddOrUpdate")
    public Book addOrUpdate(@RequestBody Book book) throws Exception{
        bookService.addOrUpdate(book);
        return book;
    }
//    从前端获取数据删除数据库对应id的数据
    @CrossOrigin
    @PostMapping("/DeleteById")
    public void deleteTable(@RequestBody Book book) throws Exception{
        bookService.deleteTable(book.getId());
    }

}

次はBookDaoです：

package com.example.demo.dao;

import com.example.demo.pojo.Book;
import org.springframework.data.jpa.repository.JpaRepository;

import java.util.List;
//此层为对数据的基本处理层，用来编写直接对数据库进行操作的代码。
public interface BookDao extends JpaRepository<Book,Integer> {
    List<Book> findByTextTitle(String name);
}

次はBookServerです。

package com.example.demo.service;

import com.example.demo.dao.BookDao;
import com.example.demo.pojo.Book;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

//service层主要用于处理逻辑，是业务逻辑层。
@Service
public class BookService {
    @Autowired
    BookDao bookDao;
//    按标题查找表
    public List<Book> list(){
        return bookDao.findByTextTitle("hello");
//        return  bookDao.findById(1);
    }
//    获取数据库所有信息
    public List<Book> getAll(){
        return bookDao.findAll();
    }
//从前端获取数据加入数据库
    public Book addOrUpdate(Book book){
        return bookDao.save(book);
    }
//    从前端获取id删除信息
    public void deleteTable(int id){
        bookDao.deleteById(id);
    }
}

それは基本的に行われます。