随笔分类 - IT
摘要:1. springboot+vue前后端分离项目 详细开发过程:springboot+vue前后端分离项目-项目搭建1 - 少年阿川 - 博客园 (cnblogs.com) 源码位置:xiexieyc/springboot+vue前后端分离项目 (gitee.com) 主要技术如下: 前端:vue项
阅读全文
摘要:效果 一、后端 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. 进入mysql服务器,mysql -u root -p 登录myql服务,SELECT user, host FROM mysql.user;看到root只允许localhost本机连接 2. 执行use mysql; update user set host = '%' where user
阅读全文
摘要:查看版本: firewall-cmd --version 显示状态: firewall-cmd --state 查看所有打开的端口: firewall-cmd --zone=public --list-ports firewall-cmd --zone=public --add-port=80/tc
阅读全文
摘要:1. 官网下载安装包,官网地址:https://www.oracle.com/cn/java/technologies/downloads/#jdk21-windows 2. java -version检查现有jdk版本 3. 修改环境变量 4. java -version检查jdk版本,未生效 输
阅读全文
摘要:1.官网下载地址https://nginx.org/en/download.html,下载后是nginx-1.26.1.tar.gz,文件传到服务器上 2.解压缩,tar -zxvf nginx-1.26.1.tar.gz(本来想着下载解压缩就能用,结果没有启动文件,查看官网用yum安装,和这个安装
阅读全文
摘要:1.xftp下载网址:https://www.xshell.com/zh/free-for-home-school/,下载后下一步安装即可 2.ip addr show查看ip地址,配置xftp连接服务器,找到对应路径传输文件
阅读全文
摘要:1.官网地址:https://www.oracle.com/cn/java/technologies/downloads/#java21,本次下载的是jdk21,x64 Compressed Archive版本 2.下载后传输到服务器,新建java路径 3. 使用命令tar -zxvf jdk-21
阅读全文
摘要:一、配置优化 1. 新增vue/public/static/config.js文件配置服务端ip地址,在index.html中引入,views里使用这个地址拼接url 富文本编辑器同步修改 2.新增application-prod.properties,配置如下内容,区分测试环境和正式环境的数据库和
阅读全文
摘要:1.官网地址:https://dev.mysql.com/doc/refman/8.0/en/linux-installation-rpm.html,进入后翻译成中文显示 2. 查看支持的平台,有我在用的CentOS8 3.CentOS8,yum --version检查linux已经支持yum,使用
阅读全文
摘要:1.下载VMware(个人使用版),官网下载,需要先用邮箱注册,下载地址:https://support.broadcom.com/group/ecx/productdownloads?subfamily=VMware%20Workstation%20Pro 2.下载镜像dvd类型的,华为云官网下载
阅读全文
摘要:一、第一种方法,直接通过权限判断菜单是否显示 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
阅读全文