SpringMvc+Spring+MyBatis+Maven+Ajax+Json注解开发 利用Maven的依赖导入不使用架包模式 (实操十二)

简介: SpringMvc+Spring+MyBatis+Maven+Ajax+Json注解开发 利用Maven的依赖导入不使用架包模式 (实操十二)

SpringMvc+Spring+MyBatis+Maven+Ajax+Json注解开发 利用Maven的依赖导入不使用架包模式 (实操十一)_星辰镜的博客-CSDN博客


上面的博客是环境配置和Mysql的操作

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

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

修改的思想分析总结:

首先用户要将你要修改的是哪条记录的参数发到服务器中


服务器利用SSM三层原理最终将其告诉数据库中

我查到的每一条记录 的存放方式是 Map<String, Object>


返回的类型为 Map<String, Object> 方法名称(转入的参数)  Map<String, Object> getInfoById(int id);


将修改的信息经过层层返回最终到控制层


将修改信息如何展示在页面上这里需要你的前端基础  Html css javascript jquery Ajax Json

将浏览器修改后的信息返回到服务器 中到数据库中完成数据的修改


将修改的信息利用Map封装起来  所以 返回的类型为 int方法名称(转入的参数)  int updateInfo(Map<String, Object> map);

思考你要修改的是一条记录 而一条记录利用的是 Map<String, Object> 存放 返回一条记录的值为 int 类型

所以接口定义下面方案  int updateInfo(Map<String, Object> map);

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


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

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

 <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>




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

<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);
    }

@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);

首先用户要将你要修改的是哪条记录的参数发到服务器中

服务器利用SSM三层原理最终将其告诉数据库中

我查到的每一条记录 的存放方式是 Map<String, Object>

返回的类型为 Map<String, Object> 方法名称(转入的参数)  Map<String, Object> getInfoById(int id);

将修改的信息经过层层返回最终到控制层


首先用户要将你要修改的是哪条记录的参数发到服务器中

服务器利用SSM三层原理最终将其告诉数据库中

我查到的每一条记录 的存放方式是 Map<String, Object>

返回的类型为 Map<String, Object> 方法名称(转入的参数)  Map<String, Object> getInfoById(int id);

将修改的信息经过层层返回最终到控制层


相关文章
|
2月前
|
Java Kotlin 索引
学习Spring框架特性及jiar包下载
Spring 5作为最新版本,更新了JDK基线至8,修订了核心框架,增强了反射和接口功能,支持响应式编程及Kotlin语言,引入了函数式Web框架,并提升了测试功能。Spring框架可在其官网下载,包括文档、jar包和XML Schema文档,适用于Java SE和Java EE项目。
38 0
|
3月前
|
Java Apache Maven
Java/Spring项目的包开头为什么是com?
本文介绍了 Maven 项目的初始结构,并详细解释了 Java 包命名惯例中的域名反转规则。通过域名反转(如 `com.example`),可以确保包名的唯一性,避免命名冲突,提高代码的可读性和逻辑分层。文章还讨论了域名反转的好处,包括避免命名冲突、全球唯一性、提高代码可读性和逻辑分层。最后,作者提出了一个关于包名的问题,引发读者思考。
126 0
Java/Spring项目的包开头为什么是com?
|
3月前
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目,包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件,以及项目的运行结果。
268 0
idea+maven+tomcat+spring 创建一个jsp项目
|
5月前
|
Java 持续交付 项目管理
Maven是一款基于Apache许可的项目管理和构建自动化工具,在Java开发中极为流行。
Maven是一款基于Apache许可的项目管理和构建自动化工具,在Java开发中极为流行。它采用项目对象模型(POM)来描述项目,简化构建流程。Maven提供依赖管理、标准构建生命周期、插件扩展等功能,支持多模块项目及版本控制。在Java Web开发中,Maven能够自动生成项目结构、管理依赖、自动化构建流程并运行多种插件任务,如代码质量检查和单元测试。遵循Maven的最佳实践,结合持续集成工具,可以显著提升开发效率和项目质量。
67 1
|
5月前
|
XML JSON Java
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
本文介绍了如何使用IntelliJ IDEA和Maven搭建一个整合了Struts2、Spring4、Hibernate4的J2EE项目,并配置了项目目录结构、web.xml、welcome.jsp以及多个JSP页面,用于刷新和学习传统的SSH框架。
162 0
使用IDEA+Maven搭建整合一个Struts2+Spring4+Hibernate4项目,混合使用传统Xml与@注解,返回JSP视图或JSON数据,快来给你的SSH老项目翻新一下吧
|
5月前
|
前端开发 Java 测试技术
单元测试问题之在Spring MVC项目中添加JUnit的Maven依赖,如何操作
单元测试问题之在Spring MVC项目中添加JUnit的Maven依赖,如何操作
|
6月前
|
JavaScript Java 数据安全/隐私保护
基于SpringBoot+Vue毕业生信息招聘平台系统【源码+论文+演示视频+包运行成功】_基于spring vue的校园招聘系统源码(2)
基于SpringBoot+Vue毕业生信息招聘平台系统【源码+论文+演示视频+包运行成功】_基于spring vue的校园招聘系统源码
157 0
基于SpringBoot+Vue毕业生信息招聘平台系统【源码+论文+演示视频+包运行成功】_基于spring vue的校园招聘系统源码(2)
|
6月前
|
JSON 数据格式
MysbatisPlus-核心功能-IService开发基础业务接口,MysbatisPlus_Restful风格,新增@RequestBody指定是为了接收Json数据的,使用swagger必须注解
MysbatisPlus-核心功能-IService开发基础业务接口,MysbatisPlus_Restful风格,新增@RequestBody指定是为了接收Json数据的,使用swagger必须注解
|
6月前
|
JavaScript 开发工具 数据安全/隐私保护
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
164 0