springboot+vue+mybtais 实现增删改查页面（二），带分页操作。vue前端页面，前后端分离项目

上一篇写了后端的完整代码
这一篇主要写前端的页面


用的是vue2.0版本
需要环境 elementui node.js axios

安装 Element-UI 模块

   npm install element-ui --save 

引入Element，前面已经全局安装了element-ui，只需要在Vue项目中引入即

打开项目：src/main.js,添加下面三条
      import ElementUI from 'element-ui'
   import 'element-ui/lib/theme-chalk/index.css'
   Vue.use(ElementUI)

安装axios

npm install axios

先创建几个页面，
Index.vue中

App.vue中写

FlowManager.vue

FlowUpdate.vue

Add.vue

router文件下的路由index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import FlowManager from "../views/FlowManager";
import Index from "../views/Index";
import FlowUpdate from "../views/FlowUpdate";
import AddFlow from "../views/AddFlow";

Vue.use(VueRouter)
Vue.use(ElementUI)
const routes = [
  {
    path: '/',
    name: "流程管理",
    component: Index,
    show:true,
    redirect:"/flowmanager",
    children:[

      {
        path: '/flowmanager',
        name:'流程列表',
        component: FlowManager
      },
      {
        path: '/addBook',
        name:'添加流程',
        component: AddFlow

    },
      {
        path:"/update",
        name:"",
        component: FlowUpdate,

      }
    ]
  }

    ]



const router = new VueRouter({
  routes
})

export default router

有需要源码的同学，可以评论留下邮箱