随笔分类 - IT / Java / SpringBoot
摘要：一、ElementUI图标 按照官网这两步，注册所有图标，然后就能直接使用 1.安装后在vue/package.json里能看到包 2.注册所有图标 3.点击自动复制，直接就能使用 4.效果： 二、聊天室 后端： 1.pom里导入websocket依赖 2.新增com/example/demo/co
阅读全文
摘要：一、Echarts官网导入，并编写静态统计页面 Echarts官网地址： https://echarts.apache.org/examples/zh/index.html 整体思路，参照官网先做个静态页面，然后后台请求数据，赋值到对应的属性 1. 在vue项目目录下执行 npm i echarts
阅读全文
摘要：后端 1. 新增logs表和实体类，新增com/example/demo/mapper/LogsMapper.java，新增com/example/demo/controller/LogsController.java package com.example.demo.controller; imp
阅读全文
摘要：1. 对之前的代码改造，之前将user存储到sessionStorage，改成存储到localStorage，全局搜索修改 之前Result.code等于0代表success，改成200代表success， vue文件全局搜索修改 一、前端部分 1. 改造request.js，登录时将user已经存
阅读全文
摘要：一、导出功能 1. User.vue 增加导出按钮，导出方法，这里还增加多选功能，批量删除功能 2. 导出方法里调用后端/user/export路径，非必传2个参数search和ids，实现全量到处、搜索条件导出、多选导出，使用hutool工具类 批量删除后台方法 pom.xml里引入poi依赖包
阅读全文
摘要：1. 进入支付宝开放平台https://open.alipay.com/，选择网页应用开发，一路设置下一步创建完成，创建后生成、设置密钥，控制台可以看到创建的应用和沙箱环境 2. 使用natapp创建公网访问地址，详见：https://www.cnblogs.com/xiexieyc/p/18312
阅读全文
摘要：效果 一、后端 1. 新建表category 2.新建entity，com/example/demo/entity/Category.java 3.新建Mapper，com/example/demo/mapper/CategoryMapper.java 4.新建Controller，com/exam
阅读全文
摘要：1. 改造vue/src/views/Book.vue 【1】增加批量删除按钮，table列表里第一列为多选 【2】增加ids，存储选择的数据id数组 【3】handleSelectionChange方法用来多选后将数据id存储到ids中，deleteBatch方法是点击批量删除按钮时调用后台的批量
阅读全文
摘要：一、1对多查询 1. 增加mapper/User.xml文件，文件内容如下，book表增加user_id字段与user表的id匹配 2.com/example/demo/mapper/UserMapper.java接口增加如下方法与User.xml对应 3. 优化User和Book实体类 4. 优化
阅读全文
摘要：本次演示的验证码功能只涉及前端，而且功能简单 1. 新建vue/src/components/ValidCode.vue <template> <div class="ValidCode disabled-select" :style="`width:${width}; height:${heigh
阅读全文
摘要：一、配置优化 1. 新增vue/public/static/config.js文件配置服务端ip地址，在index.html中引入，views里使用这个地址拼接url 富文本编辑器同步修改 2.新增application-prod.properties，配置如下内容，区分测试环境和正式环境的数据库和
阅读全文
摘要：一、第一种方法，直接通过权限判断菜单是否显示 1.user表增加role，entity同步增加 2.controller增加通过id获取user信息并返回的方法 3.增加如下从session获取user的id，并重新从后台再获取一遍确保正确 控制菜单，系统管理只有管理员（role=1）时才能看到 效
阅读全文
摘要：1. 复制书籍管理，生成新闻管理 数据库建表 create table news ( id int auto_increment comment 'ID' primary key, title varchar(255) not null comment '标题', content text not
阅读全文
摘要：1. 新增com/example/demo/controller/FileController.java package com.example.demo.controller;import cn.hutool.core.io.FileUtil;import cn.hutool.core.util.
阅读全文
摘要：1.改造登录vue/src/views/LoginView.vue，登陆后存储user信息到sessionStorage，进入到login页面移除sessionStorage里的user 2.改造vue/src/components/Header.vue，从sessionStorage中获取user
阅读全文
摘要：1.修改vue布局，app.vue为入口，只引入路由，路由控制页面显示 改造后app.vue 新增layout.vue 修改/router/index.js，默认访问路径 / 对应layout.vue，layout里的路由是嵌套路由，/home匹配到HomeView.vue 新增vue/src/vi
阅读全文
摘要：1.使用axios与后台交互，安装axios，npm i axios -S 2.创建request.js，封装axios方法，在HomeView里完善save方法，将form传到后台，测试发现报错，出现跨域问题 import axios from 'axios' const request = ax
阅读全文
摘要：1.创建springboot项目，进入https://start.spring.io生成 也可使用https://start.aliyun.com阿里云的镜像和脚手架（一开始第二步用官网生成的springboot包没好使，报错连接到仓库超时，后来想着用阿里的仓库试试也没弄成功，最后重新安装了mave
阅读全文
摘要：本项目主要涉及到的技术介绍： 前端：vue项目：vue3.2.13版本，整合element-plus、axios（请求后台）、wangeditor（富文本编辑）、支付宝付款，包括页面框架布局、路由、登录、验证码、跨域请求处理、分页查询、增删改查、文件上传下载、页面权限控制、1对多查询、批量删除、树形
阅读全文
摘要：1.克隆项目，打开项目 2.改造成模块，entrance不是加粗，说明不是模块，需要改成模块 3.添加mysql驱动、mybatis、数据库连接池，定义版本，刷新maven 4.启动，报错 5.增加数据库配置 6.编译、启动、验证 7.service模块创建接口和实现类，controller调用se
阅读全文
