![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+Springboot
半岛铁盒@
打油!干饭人!
展开
-
从0搭建一个Springboot+vue前后端分离项目(八)把数据从后台传到前端进行展示渲染,完善增删改查
首先引入hutool工具类Hutool是一个Java工具包类库,对文件、流、加密解密、转码、正则、线程、XML等JDK方法进行封装,组成各种Util工具类Hutool是一个小而全的Java工具类库,通过静态方法封装,降低相关API的学习成本,提高工作效率,使Java拥有函数式语言般的优雅,让Java语言也可以“甜甜的”。 <dependency> <groupId>cn.hutool</groupId> <artifactId>hut原创 2022-01-20 18:49:51 · 3398 阅读 · 6 评论 -
从0搭建一个Springboot+vue前后端分离项目(七)完善前台与后台的联系,完善功能接口
将之前前端写的表格内容,与数据库新建的表进行对应启动项目把写死的TableDa数据删掉.因为最终要从后台读取完善新增接口再新增按钮处加上一个弹窗,通常情况下新增数据的时候都是在一个新窗口下进行的; <el-button type="primary" @click="add">新增</el-button>...原创 2022-01-20 14:23:58 · 1844 阅读 · 3 评论 -
VUE工程跨域的配置
在vue工程下面创建vue.config.js文件// 跨域配置module.exports = { devServer: { //记住,别写错了devServer//设置本地默认端口 选填 port: 9876, proxy: { //设置代理,必须填 '/api': { //设置拦截器 拦截器格式 斜杠+拦截器名字,名字可以自己定原创 2022-01-11 18:49:10 · 561 阅读 · 0 评论 -
nmp安装报错npm ERR errno -4058,npm ERR enoent ENOENT: no such file or directory, open
之前做的项目环境崩掉了,打算重新安装一下项目vue环境报了个错解决方法:删除掉一下目录的两个文件C:\Users\用户名\AppData\Roaming\npm-cache\C:\Users\用户名\AppData\Roaming\npm\ 重新安装即可npm install -g @vue/cli...原创 2022-01-04 07:32:35 · 3985 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(六)后台编写配置类与接口
新建一个包,里面放入一些常用的配置类引入mybatis-plus包与插件引入包前往官网查看https://baomidou.com/pages/226c21/#%E5%88%9D%E5%A7%8B%E5%8C%96%E5%B7%A5%E7%A8%8B<dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-boot-starter</arti.原创 2021-12-31 20:59:56 · 1239 阅读 · 0 评论 -
新版MybatisPlusConfig----MybatisPlus配置文件
import com.baomidou.mybatisplus.annotation.DbType;import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;import org.mybatis.spring.annotation.MapperScan转载 2021-12-31 16:38:55 · 4511 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(五)创建后台Springboot工程
前往Springboot官网https://start.spring.io/选择版本和依赖SpringWeb: 可以实现接口的开发;MysqlDriver:连接数据库;Lombok简化java开发的一个插件点击GENERATE生成文件夹新建Maven工程子项目把src 文件夹 与 pom.xml 替换成刚刚生成的压缩包里面的相应内容即可下载包依赖的时候这里出现了报错,加上版本即可把之前的前端Vue工程整理到新建的vue文件夹中项目分层更加清晰了些把之前的启动路径改一原创 2021-12-31 14:16:14 · 1382 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(四)利用Element框架搭建页面主体部分表格与侧边栏
https://element-plus.gitee.io/zh-CN/component/menu.html导航栏部分选定menu菜单,选择竖型样式的复制一下 <el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" > <el-sub-menu原创 2021-12-29 19:53:09 · 2166 阅读 · 3 评论 -
使Element默认字体为中文
使用Element框架的时候,Element Plus 组件 默认 使用英语,如果你希望使用其他语言,你可以参考下面的方案。https://element-plus.gitee.io/zh-CN/guide/i18n.html参考国际化内容;在main.js文件里面引入包import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'并添加.use(ElementPlus原创 2021-12-29 16:47:30 · 975 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(三)使用idea进行页面搭建+Element框架
因为搭建一个后台管理系统,如果要手写CSS样式很繁琐,这里使用ELement框架安装Element npm install element-plus --save引入Elementimport ElementPlus from 'element-plus'import 'element-plus/dist/index.css'app.use(ElementPlus)测试是否引入成功引入成功...原创 2021-12-06 08:23:19 · 1194 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建
把(一)里面创建好的项目文件夹拖入到IDEA里面进行完上步操作后就可以快捷的启动项目了这里稍微修改一下可以让我们启动项目后,自动地打开页面原创 2021-12-06 00:01:31 · 2568 阅读 · 0 评论 -
从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installation.html#%E5%8F%91%E5%B8%83%E7%89%88%E6%9C%AC%E8%AF%B4%E6%98%8E一.首先安装Vue CLI这里安装是通过 npm 进行安装npm即 Node Package Manager,Node.js 环境中的软件包管理器。随 Node.js 一起被安装。需要先下载安装 Node.js下载地址安装后打开cmd输入node -v 查看版本n原创 2021-11-21 00:17:48 · 1243 阅读 · 0 评论