Spring boot+Vue- - QixunQiu

创建项目，设置Maven

摘要：Maven配置依赖：点击查看代码 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchem 阅读全文

posted @ 2025-02-19 19:18 QixunQiu 阅读(19) 评论(0) 推荐(0)

Mybatisplus设置与添加依赖

摘要：Maven的依赖点击查看代码 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-spring-boot3-starter</artifactId> <version>3.5.7</version> </dep 阅读全文

posted @ 2025-02-19 19:20 QixunQiu 阅读(156) 评论(0) 推荐(0)

Mybatisplus自动生成代码

摘要：第一Maven中添加依赖点击查看代码  <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus-extension</artifactId> <version>3. 阅读全文

posted @ 2025-02-19 19:27 QixunQiu 阅读(23) 评论(0) 推荐(0)

Springboot增删改查

摘要：1）增加/新增点击查看代码 //新增 @PostMapping("/save") public boolean save(@RequestBody User user){ return userService.save(user); } 2）修改点击查看代码 //修改 @PostMapping( 阅读全文

posted @ 2025-02-20 19:21 QixunQiu 阅读(26) 评论(0) 推荐(0)

Spring boot分页

摘要：分页QueryPageParam 点击查看代码 package com.example.demo.common; import lombok.Data; import java.util.HashMap; @Data public class QueryPageParam { //默认 privat 阅读全文

posted @ 2025-02-20 19:33 QixunQiu 阅读(17) 评论(0) 推荐(0)

Spring boot结果封装

摘要：Result类点击查看代码 package com.example.demo.common; import lombok.Data; @Data public class Result { private int code;//200 //400 private String msg;//:"成功阅读全文

posted @ 2025-02-20 19:36 QixunQiu 阅读(33) 评论(0) 推荐(0)

Postman使用（测试后端代码可行性）

摘要：Postman官网：https://www.postman.com 新建conllection 新建Request 选择Post或者Get 填自己的测试网址填写自己的测试代码启动测试阅读全文

posted @ 2025-02-20 19:46 QixunQiu 阅读(17) 评论(0) 推荐(0)

前端Vue创建

摘要：一、创建Vue项目二、导入idea 复制景区三、设置main.js 点击查看代码 import Vue from 'vue' import App from './App.vue' import ElementUI from 'element-ui'; import 'element-ui/li 阅读全文

posted @ 2025-02-24 23:00 QixunQiu 阅读(10) 评论(0) 推荐(0)

Vue结合element使用

摘要：vue中可以使用element使得前端页面更加整洁，还可以简化前端开发首先通过node.js安装element npm i element-ui -S 通过https://element.eleme.cn/#/查询组件的作用。点击查看代码 <el-container style="height 阅读全文

posted @ 2025-03-04 21:38 QixunQiu 阅读(12) 评论(0) 推荐(0)

Vue3创建

摘要：1.创建 2.导入idea修改调试（修剪） (修改)HomeView.vue 点击查看代码 <template> <div> Hollow World </div> </template>  <script setup> </script> 阅读全文

posted @ 2025-03-09 21:39 QixunQiu 阅读(5) 评论(0) 推荐(0)

Vue3集成Element-Plus

摘要：1.下载element-plus 2.编写main.js 点击查看代码 import { createApp } from 'vue' import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' import 阅读全文

posted @ 2025-03-11 22:20 QixunQiu 阅读(73) 评论(0) 推荐(0)

Vue3 icon使用

摘要：icon使用：https://cn.element-plus.org/zh-CN/component/icon.html 1.安装icon 2.配置main.js 点击查看代码 import { createApp } from 'vue' import ElementPlus from 'elem 阅读全文

posted @ 2025-03-13 00:43 QixunQiu 阅读(126) 评论(0) 推荐(0)

Vue3 Router

摘要：1.index.js 点击查看代码 import { createRouter, createWebHistory } from 'vue-router' const router = createRouter({ history: createWebHistory(import.meta.env. 阅读全文

posted @ 2025-03-17 21:23 QixunQiu 阅读(8) 评论(0) 推荐(0)

个人学习注册登录与注册

摘要：前端Spring usercontorller 点击查看代码 package com.example.demo.controller; import com.example.demo.common.Result; import com.example.demo.entity.User; import 阅读全文

posted @ 2025-03-19 21:31 QixunQiu 阅读(31) 评论(0) 推荐(0)

实现添加每周任务

摘要：1.后端Spring WeeklyGoalController 点击查看代码 package com.example.demo.controller; import com.example.demo.entity.WeeklyGoal; import com.example.demo.service 阅读全文

posted @ 2025-03-20 23:10 QixunQiu 阅读(12) 评论(0) 推荐(0)

分页查询，树形查询前端Vue3

摘要：index.js <template> <el-config-provider> <router-view></router-view> </el-config-provider> </template> <script setup> import { ElConfigProvider } from 阅读全文

posted @ 2025-03-29 19:23 QixunQiu 阅读(17) 评论(0) 推荐(0)

分页查询，树形查询后端Spring

摘要：PolicyController package com.example.demo.controller; import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper; import com.baomidou.my 阅读全文

posted @ 2025-03-30 15:14 QixunQiu 阅读(26) 评论(0) 推荐(0)

个人作业老师登录的主页面与部分功能

摘要：Spring后端： DailySummaryController package com.example.demo.controller; import com.example.demo.entity.DailySummary; import com.example.demo.service.Dai 阅读全文

posted @ 2025-03-31 21:55 QixunQiu 阅读(9) 评论(0) 推荐(0)

高级检索

摘要：PolicyList.vue <template> <div class="policy-container"> <el-container> <el-aside width="250px"> <el-tree ref="treeRef" :data="typeTree" :props="defau 阅读全文

posted @ 2025-04-02 21:38 QixunQiu 阅读(14) 评论(0) 推荐(0)

三拍团队设备增删改查

摘要：DeviceController package com.example.demo.controller; import com.example.demo.common.Result; import com.example.demo.entity.Device; import com.example 阅读全文

posted @ 2025-04-22 23:16 QixunQiu 阅读(8) 评论(0) 推荐(0)

三拍：设备报修

摘要：DeviceFault package com.example.demo.entity; import com.baomidou.mybatisplus.annotation.IdType; import com.baomidou.mybatisplus.annotation.TableId; im 阅读全文

posted @ 2025-05-07 22:04 QixunQiu 阅读(6) 评论(0) 推荐(0)

三拍：巡检计划

摘要：InspectionPlanController package com.example.demo.controller; import com.example.demo.entity.InspectionOrder; import com.example.demo.service.Inspecti 阅读全文

posted @ 2025-05-08 20:28 QixunQiu 阅读(9) 评论(0) 推荐(0)

三拍：巡检工单

摘要：InspectionOrderController package com.example.demo.controller; import com.example.demo.entity.InspectionOrder; import com.example.demo.service.Inspect 阅读全文

posted @ 2025-05-08 20:32 QixunQiu 阅读(11) 评论(0) 推荐(0)

三拍：保养计划

摘要：MaintenancePlanController package com.example.demo.controller; import com.example.demo.entity.MaintenancePlan; import com.example.demo.service.Mainten 阅读全文

posted @ 2025-05-09 23:32 QixunQiu 阅读(11) 评论(0) 推荐(0)

三拍：保养工单

摘要：MaintenanceOrderController package com.example.demo.controller; import com.example.demo.entity.MaintenanceOrder; import com.example.demo.service.Maint 阅读全文

posted @ 2025-05-09 23:34 QixunQiu 阅读(12) 评论(0) 推荐(0)

三拍：检测计划

摘要：TestingPlanController package com.example.demo.controller; import com.example.demo.entity.TestingPlan; import com.example.demo.service.TestingPlanServ 阅读全文

posted @ 2025-05-10 22:18 QixunQiu 阅读(14) 评论(0) 推荐(0)

三拍：检测工单

摘要：TestingOrderController package com.example.demo.controller; import com.example.demo.entity.TestingOrder; import com.example.demo.service.TestingOrderS 阅读全文

posted @ 2025-05-10 22:24 QixunQiu 阅读(8) 评论(0) 推荐(0)

三拍：审批

摘要：<template> <div class="all-approve-container">  <el-card class="approve-card"> <template #header> <div class="card-header"> <span> 阅读全文

posted @ 2025-05-12 23:58 QixunQiu 阅读(17) 评论(0) 推荐(0)

三拍：工单汇总

摘要：<template> <div class="all-orders-container"> <el-card class="orders-card"> <template #header> <div class="card-header"> <span>工单管理</span> <div class= 阅读全文

posted @ 2025-05-13 11:00 QixunQiu 阅读(5) 评论(0) 推荐(0)

三拍：审批高级检索

摘要：由于一开始使用的是查询四个表的所有结果后进行过滤，因此在着使用过滤的方法不使用sql的模糊查询 <template> <div class="all-approve-container">  <el-card class="approve-card"> <te 阅读全文

posted @ 2025-05-19 11:07 QixunQiu 阅读(7) 评论(0) 推荐(0)

三拍：工单页高级检索

摘要：由于一开始使用的是查询四个表的所有结果后进行过滤，因此在着使用过滤的方法不使用sql的模糊查询 <template> <div class="all-orders-container"> <el-card class="orders-card"> <template #header> <div cl 阅读全文

posted @ 2025-05-16 20:36 QixunQiu 阅读(5) 评论(0) 推荐(0)

三拍：为照片添加地址水印

摘要：以维修工单为例这里调用高德地图的api（web服务） Ps:不能使用Web js 服务这个只能显示ip坐标，无具体中文显示，可读性差 <template> <div class="work-detail-container">  <audio id="notice-au 阅读全文

posted @ 2025-05-19 11:11 QixunQiu 阅读(19) 评论(0) 推荐(0)

三拍：巡检excle插入

摘要：Inspect.vue <script> export default { name: "Inspect" } </script> <template> <div class="inspect-container"> <el-card class="inspect-card"> <template 阅读全文

posted @ 2025-05-23 17:35 QixunQiu 阅读(7) 评论(0) 推荐(0)

三拍：保养，检测excle插入等功能

摘要：Maintenance.vue <template> <div class="maintenance-container"> <el-card class="maintenance-card"> <template #header> <div class="card-header"> <div cl 阅读全文

posted @ 2025-05-26 23:55 QixunQiu 阅读(11) 评论(0) 推荐(0)

期末测试

摘要：Inventory.sql CREATE TABLE Inventory ( ProductCode VARCHAR(50) PRIMARY KEY, StockQuantity INT, ProductName VARCHAR(100), Price DECIMAL(10, 2) ); INSER 阅读全文

posted @ 2025-06-05 23:59 QixunQiu 阅读(6) 评论(0) 推荐(0)

合集-Spring boot+Vue

公告