06 2022 档案
springboot导出excel
摘要：1.pom.xml中配置 <!--hutool 配置开始--> <dependency> <groupId>cn.hutool</groupId> <artifactId>hutool-all</artifactId> <version>5.7.20</version> </dependency>
阅读全文
vue之使用axios使用
摘要：1.安装： 进入到工程根目录下，然后 运行命令安装： npm i axios -S 2.在src/util/request.js： import axios from 'axios' //导入const request = axios.create({ //创建一个request对象 baseURL
阅读全文
vue 2 element-ui 适配移动端
摘要：1.npm install lib-flexible 2.然后在main里引入组件 ： import 'lib-flexible/flexible.js' 3.npm install postcss-plugin-px2rem --save 4.然后在vue.config.js（在项目根目录下，没有
阅读全文
element -table中显示图片
摘要：1.table显示图片： <el-table-column min-width="55" prop="spliderimgurl" label="照片"> <template slot-scope="scope"> <img :src="scope.row.spliderimgurl" style=
阅读全文
home.vue修改表格的渲染，分页处将后台请求接口传入页面
摘要：home.vue代码： <template> <el-container style="min-height: 100vh;"> <el-aside :width="sideWidth + 'px'" style="background-color: rgb(238, 241, 246); box-
阅读全文
spring boot 设置跨域访问
摘要：1.CorsConfig.java package com.example.demo.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.C
阅读全文
el-table中添加 编辑和删除等按钮
摘要：1.添加代码： <el-table-column lable="操作"> <template slot-scope="scope"> <el-button type="success">编辑 <i class="el-icon-edit"></i></el-button> <el-button ty
阅读全文
el-main中增加新增，删除等按钮
摘要：1.增加代码： <!--两个div层之间都用margin，则会自动隔开--> <div style="margin: 10px 0px"> <el-button type="primary">新增 <i class="el-icon-circle-plus-outline"></i></el-but
阅读全文
header-cell-class-name的使用
摘要：1.el-table中使用： <el-table :data="tableData" border stripe :header-cell-class-name="headerBg"> 2.在return中返回： export default { name: 'Home', data(){ cons
阅读全文
el-table上增加一个搜索框
摘要：添加代码： <div style="padding: 10px 0px"> <!--prefix-icon="el-icon-user",表示加一个搜素图标,设置在头--> <!--suffix-icon="el-icon-tickets"",表示加一个搜素图标,设置在尾--> <!--placeh
阅读全文
el-table控件下增加分页代码
摘要：el-table控件下增加分页代码 <div style="padding: 10px 0px"> <!--内边距空一些--> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :
阅读全文
mybatis之sql执行有数据但返回结果为null
摘要：https://www.jb51.net/article/240696.htm https://blog.csdn.net/YLXSXM/article/details/121166059 原因：数据库中的字段有下划线，而定义的类中的查询字段没有自动匹配大小驼峰和下划线 解决：可以将查询的字段别名，
阅读全文
SpringBoot之swagger
摘要：1.pom.xml文件配置 <!--swagger 配置开始--> <dependency> <groupId>io.springfox</groupId> <artifactId>springfox-swagger2</artifactId> <version>2.9.2</version> </
阅读全文
springboot编写快捷键
摘要：ctrl+D :快速复制上次复制的内容，快速复制一行 alt+insert : 出现get和set alt+shift+enter: 导包 ctrl+alt+o ：删除无用的包 alt+shift+enter: 创建一个方法
阅读全文
10-idea手动配置run vue
摘要：需要手动添加一个 run/debug configuration 配置。 创建方法 顶部菜单 - Run - Edit Configuration 在弹出窗口中，点击左上角的 +，选择 npm 选择 vue 项目所在目录，并在 Command 中填写 run ,在Script中填写 serve 如图
阅读全文
9-写一个最简单的测试接口
摘要：DemoApplication.java package com.example.demo; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.Spring
阅读全文
8-spring项目配置数据库链接并建立数据库
摘要：application.properties： spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver spring.datasource.url=jdbc:mysql://localhost:3308/qing?serverTime
阅读全文
7-idea 手动配置运行 spring 项目
摘要：需要手动添加一个 run/debug configuration 配置。 创建方法 顶部菜单 - Run - Edit Configuration 在弹出窗口中，点击左上角的 +，选择 Maven 选择 Spring Boot 项目所在目录，并在 Command Line 中填写 spring-bo
阅读全文
6-pom里配置阿里云仓库
摘要：pom.xml <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance
阅读全文
3-vue后台整体布局完善
摘要：3-vue后台整体布局完善 3-Vue后台整体布局完善 1.整体变成一个盒装的 2.在app.vue中要设置一个min-height为100vh 3.在home.vue中的改造 修改gloable.css为 *{ margin: 0; padding: 0; box-sizing: border-b
阅读全文
2-VUE布局
摘要：VUE布局 VUE布局-2 vue后台主体框架搭建 1.Home.vue引用Container 布局容器 代码 Home.vue <template> <div> <el-container style="height: 500px; border: 1px solid #eee"> <el-asi
阅读全文
1-vue+elementUI+sprintboot-项目前的准备
摘要：vueelementUIsprintboot vue+elementUI+sprintboot 所需软件 版本检测 安装 idea jdk 1.8 mysql 5.7+ navicat node.js 14.16.0 postman redis java -version 检查jdk版本，即java
阅读全文
