基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

2024-03-08 1310阅读

温馨提示:这篇文章已超过381天没有更新,请注意相关的内容是否还可用!

拓展学习——用XML方式写动态SQL实现数据库更新操作 

前情回顾

前一章节我们学习了使用注解方式实现后端数据库增删改查操作

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(二)

本节课程接着拓展一下用xml配置文件方式来实现对数据库更新操作,其他增删查操作同理。 


目录

拓展—学习用XML方式写动态SQL实现数据库更新操作 

前情回顾

一、准备工作

1、先把MyBatisX插件安装好

 2、如下图在mapper包下创建User.xml文件

3、在.xml文件中添加如下代码 

        3.1命名空间后名字的获得办法:

4、然后我们接着在标签中添加SQL语句

4.1、这里由于版本和idea的语法检查规则,我的表名爆红,

4.2、解决办法:把数据库添加到idea里面:

        4.2.1、先去yml文件里把这串路径复制一下

         4.2.2、再按下图步骤操作

       4.2.3、粘贴

        4.2.4、显示连接成功画面:​编辑

        4.2.5、 点击刷新按钮

 5、注释UserMapper中的sql语句

二、postman测试

1、点击运行,启动项目

2、打开postman测试

3、输入访问路由,添加json语句,

4、点击send,返回影响行数

三、总结


一、准备工作

1、先把MyBatisX插件安装好

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

 2、如下图在mapper包下创建User.xml文件

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

3、在.xml文件中添加如下代码 




        3.1命名空间后名字的获得办法:

        (1)按照下图步骤复制路径         

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三) 基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

         (2)复制好的路径粘贴在如下图红线的引号里:基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

4、然后我们接着在标签中添加SQL语句

    
        update sys_user
        
            
                username=#{username},
            
            
            
                password=#{password},
            
            
                nickname=#{nickname},
            
            
                email=#{email},
            
            
                phone=#{phone},
            
            
                address=#{address}
            
        
        
            id=#{id}
        
    

4.1、表名爆红

         这里由于版本和idea的语法检查规则,我的表名爆红;

4.2、解决办法

        把数据库添加到idea里面:

        4.2.1、先去yml文件里把这串路径复制一下

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

         4.2.2、再按下图步骤操作
基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)        4.2.3、粘贴

        把刚刚复制的路径粘贴在圈1的位置,圈儿2是自己的数据库账号密码,圈3自定义名字,填好了先点击圈4,看到步骤4.2.4中的窗口再点击圈5、6。

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)         4.2.4、显示连接成功画面:基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)
        4.2.5、 点击刷新按钮

        可以看到xml文件中爆红和警告全部消失

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三) 5、注释掉UserMapper中的sql语句(或者删除)

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

二、postman测试

1、点击运行,启动项目

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

2、打开postman测试

3、输入访问路由,添加json语句,

4、点击send,返回影响行数

        证明我们的Xml配置生效 

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)

5、再查看数据库数据:也被修改成功 

基于SpringBoot+Vue+ElementUI+Mybatis前后端分离管理系统超详细教程(三)


三、总结

        经过前面几个章节的学习我们掌握了:

        1、如何使用Vue快速搭建前台工程化项目,并结合elementUI优化了界面;

        2、还学会了使用注解、xml配置两种方式对后端进行数据库CRUD操作;

        3、第四章节我们接着学习前后端跨域连接,这样就架起了前后端交互的桥梁。

VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]