SpringMvc+Spring+MyBatis+Maven+Ajax+Json注解开发

简介: 本文章的目标 完成对数据库中表的一条记录进行修改MySql的Sql语句:UPDATE `demossmtest`.`orders` SET `name` = '电脑AS', `foondname` = '华为OS', `ordertime` = '2022.6.9', `count` = 3456, `price` = 3452.09, `amount` = 1234.09 WHERE `id` = 6

本文章的目标 完成对数据库中表的一条记录进行修改

MySql的Sql语句:

UPDATE `demossmtest`.`orders` 
SET 
`name` = '电脑AS', 
`foondname` = '华为OS', 
`ordertime` = '2022.6.9',
 `count` = 3456, 
`price` = 3452.09,
 `amount` = 1234.09 
WHERE 
`id` = 6

修改的思想分析总结:

  1. 首先用户要将你要修改的是哪条记录的参数发到服务器中
  2. 服务器利用SSM三层原理最终将其告诉数据库中
  3. 我查到的每一条记录 的存放方式是 Map<String, Object>
  4. 返回的类型为 Map<String, Object> 方法名称(转入的参数)  Map<String, Object> getInfoById(int id);
  5. 将修改的信息经过层层返回最终到控制层
  6. 将修改信息如何展示在页面上这里需要你的前端基础  Html css javascript jquery Ajax Json
  7. 将浏览器修改后的信息返回到服务器 中到数据库中完成数据的修改
  8. 将修改的信息利用Map封装起来  所以 返回的类型为 int方法名称(转入的参数)  int updateInfo(Map<String, Object> map);
  9. 思考你要修改的是一条记录 而一条记录利用的是 Map<String, Object> 存放 返回一条记录的值为 int 类型
  10. 所以接口定义下面方案  int updateInfo(Map<String, Object> map);

修改页面的效果前后展示:

网络异常,图片无法展示
|

1

网络异常,图片无法展示
|

2

网络异常,图片无法展示
|

3

网络异常,图片无法展示
|

4

网络异常,图片无法展示
|

5

代码操作一:显示修改信息的数据展示在页面中

网络异常,图片无法展示
|

1

//    定义方法修改页面 转入参数id
        function update(id) {
            confirm("开始修改页面信息")
            alert("请用户开始操作页面即将跳到修改的数据页面")
            location.href = "update1.do?id=" + id;
        }

网络异常,图片无法展示
|

2

<script src="js/jquery-3.2.1.min.js"></script>
    <script>
        $(function () {
            $.ajax({
                url: "Update2.do",
                type: "GET",
                data: "",
                //将所有的修改的值展示到表格中
                success: function (json) {
                    $("input[name='name']").val(json.name)
                    $("input[name='foondname']").val(json.foondname)
                    $("input[name='price']").val(json.price)
                    $("input[name='count']").val(json.count)
                    $("input[name='ordertime']").val(json.ordertime)
                    $("input[name='amount']").val(json.amount)
                },
                error: function () {
                    alert("连接数据库失败")
                },
                dataType: "json"
            })
        })
    </script>

网络异常,图片无法展示
|

3

网络异常,图片无法展示
|

4

网络异常,图片无法展示
|

5

网络异常,图片无法展示
|

6

代码操作二修改信息返回到数据库中完成真正的修改

<div align="center">
    <h1>淘宝页面修改页面的内容管理</h1>
    <form action="update3.do" method="get">
        <table>
            <tr>
                <td>用户名:</td>
                <td><input type="text" name="name"></td>
            </tr>
            <tr>
                <td>商品名称:</td>
                <td><input type="text" name="foondname"></td>
            </tr>
            <tr>
                <td>商品单价:</td>
                <td><input type="text" name="price"></td>
            </tr>
            <tr>
                <td>商品数量:</td>
                <td><input type="number" name="count"></td>
            </tr>
            <tr>
                <td>订单更新时间:</td>
                <td><input type="text" name="ordertime"></td>
            </tr>
            <tr>
                <td>金额</td>
                <td><input type="text" name="amount"></td>
            </tr>
            <tr>
                <th colspan="2"><input type="submit" value="完成修改信息"></th>
            </tr>
        </table>
    </form>
</div>
@RequestMapping("/update3.do")
    public String update3(
                          @RequestParam String name,
                          @RequestParam String foondname,
                          @RequestParam String ordertime,
                          @RequestParam int count,
                          @RequestParam double price,
                          @RequestParam double amount,
                          HttpSession  session) {
        Map<String, Object> map = new HashMap<>();
        int id = (int) session.getAttribute("id");
        map.put("id",id);
        map.put("name",name);
        map.put("foondname",foondname);
        map.put("ordertime",ordertime);
        map.put("count",count);
        map.put("price", price);
        map.put("amount",amount);
        int i = service.update3(map);
        return "Service.html";
    }
package Com.Orders.Service;
import java.util.List;
import java.util.Map;
/**
 * 业务逻辑层的接口
 */
public interface IOrderService {
    List<Map<String, String>> getList();
    Map<String, Object> update2(int id);
    int update3(Map<String, Object> map);
}
@Override
    public int update3(Map<String, Object> map) {
        return dao.update3(map);
    }

网络异常,图片无法展示
|

7

@Update("UPDATE `demossmtest`.`orders` SET  name = #{name}, foondname = #{foondname}, ordertime = #{ordertime}, count = #{count}, price = #{price}, amount =#{amount} where id = #{id}")
    int update3(Map<String, Object> map)

总结核心:两条Sql语句的实现:

网络异常,图片无法展示
|

@Update("UPDATE `demossmtest`.`orders` SET  name = #{name}, foondname = #{foondname}, ordertime = #{ordertime}, count = #{count}, price = #{price}, amount =#{amount} where id = #{id}")
    int update3(Map<String, Object> map);
  1. 首先用户要将你要修改的是哪条记录的参数发到服务器中
  2. 服务器利用SSM三层原理最终将其告诉数据库中
  3. 我查到的每一条记录 的存放方式是 Map<String, Object>
  4. 返回的类型为 Map<String, Object> 方法名称(转入的参数)  Map<String, Object> getInfoById(int id);
  5. 将修改的信息经过层层返回最终到控制层
  6. 将修改信息如何展示在页面上这里需要你的前端基础  Html css javascript jquery Ajax Json
  7. 将浏览器修改后的信息返回到服务器 中到数据库中完成数据的修改
  8. 将修改的信息利用Map封装起来  所以 返回的类型为 int方法名称(转入的参数)  int updateInfo(Map<String, Object> map);
  9. 思考你要修改的是一条记录 而一条记录利用的是 Map<String, Object> 存放 返回一条记录的值为 int 类型
  10. 所以接口定义下面方案  int updateInfo(Map<String, Object> map)
相关文章
|
1月前
|
前端开发 Java Apache
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
本文详细讲解了如何整合Apache Shiro与Spring Boot项目,包括数据库准备、项目配置、实体类、Mapper、Service、Controller的创建和配置,以及Shiro的配置和使用。
314 1
Springboot整合shiro,带你学会shiro,入门级别教程,由浅入深,完整代码案例,各位项目想加这个模块的人也可以看这个,又或者不会mybatis-plus的也可以看这个
|
1月前
|
Java 关系型数据库 MySQL
springboot学习五:springboot整合Mybatis 连接 mysql数据库
这篇文章是关于如何使用Spring Boot整合MyBatis来连接MySQL数据库,并进行基本的增删改查操作的教程。
79 0
springboot学习五:springboot整合Mybatis 连接 mysql数据库
|
1月前
|
Java 数据库连接 API
springBoot:后端解决跨域&Mybatis-Plus&SwaggerUI&代码生成器 (四)
本文介绍了后端解决跨域问题的方法及Mybatis-Plus的配置与使用。首先通过创建`CorsConfig`类并设置相关参数来实现跨域请求处理。接着,详细描述了如何引入Mybatis-Plus插件,包括配置`MybatisPlusConfig`类、定义Mapper接口以及Service层。此外,还展示了如何配置分页查询功能,并引入SwaggerUI进行API文档生成。最后,提供了代码生成器的配置示例,帮助快速生成项目所需的基础代码。
|
1月前
|
Java 数据库连接 Maven
Spring整合Mybatis
Spring整合Mybatis
|
Java Apache Maven
【Spring】Maven的安装
【Spring】Maven的安装
141 0
【Spring】Maven的安装
|
Java Maven Spring
【Spring】Maven的安装
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 首先,先介绍下Maven是啥吧。 Apache Maven 是一个软件项目管理工具,基于项目对象模型(Project Object Model,POM)的概念,Maven可用来管理项目的依赖、编译、文档等信息。
753 0
|
2月前
|
SQL 监控 druid
springboot-druid数据源的配置方式及配置后台监控-自定义和导入stater(推荐-简单方便使用)两种方式配置druid数据源
这篇文章介绍了如何在Spring Boot项目中配置和监控Druid数据源,包括自定义配置和使用Spring Boot Starter两种方法。
|
1月前
|
人工智能 自然语言处理 前端开发
SpringBoot + 通义千问 + 自定义React组件:支持EventStream数据解析的技术实践
【10月更文挑战第7天】在现代Web开发中,集成多种技术栈以实现复杂的功能需求已成为常态。本文将详细介绍如何使用SpringBoot作为后端框架,结合阿里巴巴的通义千问(一个强大的自然语言处理服务),并通过自定义React组件来支持服务器发送事件(SSE, Server-Sent Events)的EventStream数据解析。这一组合不仅能够实现高效的实时通信,还能利用AI技术提升用户体验。
166 2
|
12天前
|
缓存 IDE Java
SpringBoot入门(7)- 配置热部署devtools工具
SpringBoot入门(7)- 配置热部署devtools工具
26 2
 SpringBoot入门(7)- 配置热部署devtools工具
|
9天前
|
存储 运维 安全
Spring运维之boot项目多环境(yaml 多文件 proerties)及分组管理与开发控制
通过以上措施,可以保证Spring Boot项目的配置管理在专业水准上,并且易于维护和管理,符合搜索引擎收录标准。
21 2

推荐镜像

更多
下一篇
无影云桌面