首页 > 其他分享 >在写springboot和vue时,需要改进的地方

在写springboot和vue时,需要改进的地方

时间:2023-12-04 11:22:05浏览次数:36  
标签:语句 vue springboot 路径 修改 改进 数据 id

后端Springboot

(1)需要更加熟练使用mysql语句,insert update delete select(查询)

(2)前后端跨域问题的解决:

 

(3)另外在使用delete语句时,可以在路径中直接添加id,实现通过id删除数据

①未在路径中添加id

 

 ②在路径中使用id

postman中样例:

 

 使用id作为路径参数的注意事项:要加一个注解    @Pathvariable    

这么用的好处:在前端vue中使用该路径时,直接将id加入路径即可,不需要再通过查询的方式往路径中传值-------可以减小前端使用axios调取路径的难度

(4)在update语句中,直接使用动态的mysql语句,通过一条语句实现对多种情况下数据的修改(在xml映射文件中实现)

 之后在前端调用update语句时,给需要修改的数据赋完值之后,将id和需要修改的数据包装在data数据中,将整体的数据在调用axios时传入,实现对后端数据库的修改(与添加数据的格式类似)

 

------------ 此处是通过jobid来修改员工的密码password-----------

 此处的form1即为包含了id和需要修改的信息的一个整体(json)传入后端

(5)使用select查询语句时,也去使用xml动态语句

 好处:通过一条select语句实现对所有数据的查询(像:通过id,通过name,通过id和name)其中涉及到模糊查询就是     变量名   like  concat(‘%’,变量名,‘%’)

 

 

 

前端Vue

(1)在写前端界面时,要先考虑清楚需要几个界面,哪几个界面可以共用一个vue文件,想清楚再下笔

(2)在写data()里面的数据时,最好给每个数据都加上注释,方便后续的修改,同时,对于每个按钮对应的method,最好使用其对应英文名称来写。

标签:语句,vue,springboot,路径,修改,改进,数据,id
From: https://www.cnblogs.com/lian369/p/17874524.html

相关文章

  • IDEA2023只能创建jdk17和21的springboot项目解决
    现象:解决:将serverurl修改即可https://start.spring.io--》https://start.aliyun.com可以对比下内容修改成功后就可以创建低版本jdk的springboot项目了......
  • 014 springboot2.7.10与swagger3.0.0出现的版本冲突问题,以及解决办法
    springboot2.7.10集成Swagger3.0.0过程中出现的错误提示翻译过来:解决办法:1.网上的解决办法1:在配置文件中添加以下内容spring:mvc:#解决springboot2.7.10与swagger3版本冲突的问题pathmatch:matching-strategy:ant_path_matcher 结果报错,springboot......
  • 【SpringBootWeb入门-1】SpringBootWeb快速入门
     SpringBootWeb快速入门①.创建springboot工程,并勾选web开发相关依赖。在项目新建,File->Project->SpringInitializr,模块填 springboot-web-quickstart   在这里要注意:IDEA2023创建spring工程是无法选择jdk8或者11,原因是spring2.X版本在2023年11月24日停止维护了,因此......
  • Jenkins自动化构建Vue项目的实践
    在现代的Web开发中,Vue.js已经成为一种非常流行的JavaScript框架。为了更高效地管理和部署Vue.js项目,使用自动化构建工具是至关重要的。Jenkins作为一款强大的持续集成和持续部署(CI/CD)工具,为我们提供了一种便捷的方式来自动化构建Vue.js项目。本文将介绍如何在Jenkins中配置和使用自......
  • vue 弹窗组件
    vue弹窗<el-dialog></el-dialog>可以在其中编写所需的弹窗显示的内容也可以在其中放组件标签作为弹窗放一个组件的话,例:<el-dialogv-model="addGoodsDialog":title="addGoodsTitle"width="60%"destroy-on-close="true":close-on-p......
  • vue 编辑器+使用场景+问题解决
    vue编辑器组件添加依赖"dependencies":{"@codemirror/autocomplete":"^6.4.2","@codemirror/commands":"^6.2.1","@codemirror/lang-javascript":"^6.0.2","@codemirror/lan......
  • vue 循环显示数据场景
    vue循环显示数据el-table中<template> <el-table:data="goodsList"> <el-table-columnprop="goodsName"label="商品名称"></el-table-column> <!--......--></el-table></template>......
  • SpringBoot 统一异常处理
    1.在SpringBoot中项目中常见的统一异常处理方式是:使用@RestControllerAdvice和@ExceptionHandler注解。项目中的所有类型异常都会被抛到统一异常处理类中统一处理。预期效果如下:2.新建一个异常类ParamValidException,继承RuntimeException.@DatapublicclassParamValidExcepti......
  • 基于uQRCode封装的Vue3二维码生成插件
    标题:基于uQRCode封装的Vue3二维码生成插件摘要:本文介绍了一种基于uQRCode封装的Vue3二维码生成插件,可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境,并且支持微信小程序。本文将详细介绍该插件的使用方法,并给出一个基于Vue3的示例。关......
  • 自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3)
    随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率......