Vue
maxchen.cn
这个作者很懒,什么都没留下…
展开
-
Spring Boot+Vue前后端分离开发10-----删除功能(完结)
标签 : Java Vue Sring JPA ELementUI作者 : Maxchen版本 : V1.0.0日期 : 2020/3/11删除功能开发第一步:我们展开JpaRepository的方法,可以到找到一个方法deleteById,此方法了一通过id删除数据。第二步:测试deleteById方法,运行之后发现数据已删除。 /** * @Title: ...原创 2020-03-12 22:27:51 · 1766 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发09-----Form表单
标签 : Java Vue Sring JPA ELementUI作者 : Maxchen版本 : V1.0.0日期 : 2020/3/7目录1. Vue开发——Form表单前端2. SpringBoot开发——Form表单接口开发3. Form表单前后端联调4. 通过表单修改数据1. Vue开发——Form表单前端此次开发的Form表单功能为新增图书,具体要求如下:添加...原创 2020-03-07 23:18:14 · 2237 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发08-----Vue开发指南(续3)
Vue+ElementUI如何使用多级菜单的补充之前Spring Boot+Vue前后端分离开发06-----Vue开发指南(续2)我们使用ElementUI菜单的方法存在一定的问题,它的菜单在代码中用Json写死了,在后期菜单扩展中有一定局限性。为了避免这种情况,我们可以使用$router.options.routes参数来解决这个问题首先我们查看下目前的路由:路由给到了两种情况,一种是带子...原创 2020-03-06 00:50:12 · 199 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发07-----前后端分离开发数据对接
前后端分离开发数据对接前端创建报表后端创建接口前后端对接1、前端创建报表新增路由Table//新增一个Table路由 { path: '/table', name: 'Table', component: () => import('../views/Table.vue') }创建一个报表的Compo...原创 2020-03-05 01:36:30 · 643 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发06-----Vue开发指南(续2)
《Spring Boot+Vue前后端分离开发05-----Vue开发指南(续1)》一些补充执行完上面步骤Spring Boot+Vue前后端分离开发05-----Vue开发指南(续1)之后,我们发现只有输入地址时才会生效,点击导航栏仍然无法切换,因此我们需要做如下改造,首先新增Index.vue,它用来绑定Index的路由以及导航栏<template> <div cla...原创 2020-03-04 00:06:30 · 228 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发05-----Vue开发指南(续1)
Vue 开发指南(续1)上一章节Spring Boot+Vue前后端分离开发04-----Vue开发指南已讲解到前三点内容,本章节补充了后面三点,综合起来知识点如下路由配置简单表格读取接口数据集成ElementUI使用Container布局容器使用Element菜单4、集成ElementUI点击右上角安装依赖输入Element UI接着运行,运行到这个步骤的时候...原创 2020-03-01 01:13:49 · 328 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发04-----Vue开发指南
标签 : Java Vue Sring JPA ELementUI作者 : Maxchen(志)版本 : V1.0.0日期 : 2020/2/27通过WebStorm来调试运行Vue找到WebStorm右侧的Add Configuration选择npm,并填写运行参数点击运行按钮且控制台打印以下信息时,说明运行成功Vue 开发指南路由配置简单表格读取接口数据...原创 2020-02-27 00:22:34 · 267 阅读 · 0 评论 -
Spring Boot+Vue前后端分离开发02-----创建Vue工程项目
标签 : Java Vue Sring JPA ELementUI作者 : Maxchen(志)版本 : V1.0.0日期 : 2020/2/26搭建Vue工程项目在搭建vue工程之前我们需要做两件事:一是安装淘宝源(官方镜像网速太慢了),二是安装vue-cli安装vue-cli 3.0# 安装淘宝源npm install cnpm -g --registry=https://re...原创 2020-02-26 02:23:13 · 312 阅读 · 0 评论