<template><div class="home"><img alt="Vue logo" src="../assets/logo.png"><HelloWorld msg="Welcome to Your Vue.js App"/></div></template><script>// @ is an alias to /srcimport HelloWorld from '@/components/HelloWorld.vue'
export default{
name:'home',
components:{
HelloWorld
}}</script>
5.index.js(router路由内)
import Vue from 'vue'import VueRouter from 'vue-router'import BookManage from '../views/BookManage'import AddBook from '../views/AddBook'import Index from '../views/Index'import BookUpdate from '../views/BookUpdate'
Vue.use(VueRouter)const routes =[{
path:"/",
name:"图书管理",
component:Index,
show:true,
redirect:"/BookManage",
children:[{
path:"/BookManage",
name:"查询图书",
component:BookManage
},{
path:"/AddBook",
name:"添加图书",
component:AddBook
}]},{
path:'/update',
component:BookUpdate,
show:false}]const router =newVueRouter({
mode:'history',
base: process.env.BASE_URL,
routes
})
export default router
6.BookHandleer后端(增删改查操作对接,ok)
package com.xyj.controller;import com.xyj.entity.Book;import com.xyj.repository.BookRepository;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.data.domain.Page;import org.springframework.data.domain.PageRequest;import org.springframework.web.bind.annotation.*;@RestController@RequestMapping("/book")publicclassBookHandleer{@Autowiredprivate BookRepository bookRepository;@GetMapping("/findAll/{page}/{size}")public Page<Book>findAll(@PathVariable("page") Integer page,@PathVariable("size") Integer size){
PageRequest request = PageRequest.of(page,size);return bookRepository.findAll(request);}@PostMapping("/save")public String save(@RequestBody Book book){
Book result = bookRepository.save(book);if(result != null){return"success";}else{return"error";}}@GetMapping("/findById/{id}")public Book findById(@PathVariable("id") Integer id){return bookRepository.findById(id).get();}@PutMapping("/update")public String update(@RequestBody Book book){
Book result = bookRepository.save(book);if(result != null){return"success";}else{return"error";}}@DeleteMapping("/deleteById/{id}")publicvoiddeleteById(@PathVariable("id") Integer id){
bookRepository.deleteById(id);}}