StringBoot+Mybatis的增删改查(四)

2023-11-04

整体项目链接地址:

StringBoot+Mybatis的增删改查(一)
StringBoot+Mybatis的增删改查(二)
StringBoot+Mybatis的增删改查(三)
StringBoot+Mybatis的增删改查(四)
StringBoot+Mybatis的增删改查(五)

六、数据项操作页面
1、show_detail.html(数据项查询)

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--/*@thymesVar id="detail" type="com.xxx.entity.Detail"*/-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/beautify.css" type="text/css"/>
</head>
<body>
<div align="center">
    <br><br><h2>零件信息表</h2><br><br>
    <a href="insertDetail1">添加</a>
    <table border="1" align="center" cellspacing="0">
        <tr>
            <td>序号</td>
            <td>编码</td>
            <td>名称</td>
            <td>状态</td>
            <td>顺序</td>
            <td>操作</td>
        </tr>
        <tr th:each ="detail:${detail}">
            <td th:text = "${detail.id}"> </td>
            <td th:text = "${detail.did}"> </td>
            <td th:text = "${detail.d_name}"> </td>
            <td th:text = "${detail.d_state}"> </td>
            <td th:text = "${detail.d_order}"> </td>
            <td>
                <a th:href="@{getDetailById(id=${detail.id})}">修改|</a>
                <a th:href="@{deleteDetailById(id=${detail.id})}" >删除</a>
            </td>
        </tr>
    </table>
</div>
</body>
</html>

2、insert_detail.html(数据项添加)

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/beautify.css" type="text/css"/>
</head>
<body>
<div align="center">
    <br><br><h2>添加零件信息</h2><br><br>
    <div>
        <form action="insertDetail" enctype="multipart/form-data">
            编码:<input name="did" type="text" ><br>
            名称:<input name="d_name" type="text" ><br>
            状态:<input name="d_state" type="text" ><br>
            描述:<input name="d_order" type="text" ><br>
            <br><br>
            <input type="submit" value="添加"/>
        </form>
    </div>
</div>
</body>
</html>

3、update_detail.html(数据项修改)

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--/*@thymesVar id="detail" type="com.xxx.entity.Detail"*/-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/beautify.css" type="text/css"/>
</head>
<body>
<div align="center">
    <br><br><h2>修改零件信息</h2><br><br>
    <div>
        <form th:action="@{updateDetailById(detail)}" enctype="multipart/form-data">
            <input type="hidden" name="id" th:value="${detail.id}"/>
            编码: <input name="did" type="text" th:value="${detail.did}"><br>
            名称: <input name="d_name" type="text" th:value="${detail.d_name}"><br>
            状态: <input name="d_state" type="text" th:value="${detail.d_state}"><br>
            描述: <input name="d_order" type="text" th:value="${detail.d_order}"><br>
            <br><br>
            <input type="submit" value="保存数据">
        </form>
    </div>
</div>
</body>
</html>

后续在我Java专栏里。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

StringBoot+Mybatis的增删改查(四) 的相关文章

随机推荐

  • 连接git仓库失败解决办法

    问题出现 首先是我在本地建了个项目 写完了之后呢打算用sourceTree推到gitlab的仓库里 奈何这gitlab仓库怎么也连接不上 基于我是第一次使用sourceTree 想着是不是啥东西没配置好 结果各种捣鼓发现gitee和gith
  • vertx文章系列--响应式Mysql操作入门体验

    官网地址 https vertx io 中文文档 https vertx china gitee io Mysql驱动连接练习 https vertx china gitee io docs vertx mysql client java
  • CVPR2018-SRMD-Kai Zhang

    https github com cszn SRMD https github com 2wins SRMD pytorch 创新点 1 设计了一个非盲单一 CNN 网络SRMD 针对多个退化模型 模型的输入除了LR图 还有 degrati
  • Unity UI上的物体跟随场景物体位置变化而变化(人物血条/称号)

    首先看下UI上物体的位置计算 UI上的物体 以下用 血条 代称 这个很简单 无非就是坐标转换 把人物的世界坐标转到屏幕坐标 代码如下 public Transform target public Transform hpSp public
  • Linux系统安装Java

    1 下载JDK 下载网址 https www oracle com technetwork java javase downloads index html 下拉 找到jdk8 使用Xshell远程连接虚拟机 2 先新建一个文件夹 目录是
  • oracle 分区表插入数据_Oracle数据库分区表整理笔记

    关键词 partition 分区subpartition 辅助分区已经存在的表没有方法可以直接转化为分区表 分区索引 一 分区表类型 1 范围分区 1 1 按指定要求划分 假设有一个CUSTOMER表 表中有数据200000行 我们将此表通
  • JS reduce 用法

    定义 reduce 方法接收一个函数作为累加器 数组中的每个值 从左到右 开始缩减 最终计算为一个值 语法 array reduce function total currentValue currentIndex arr initialV
  • HEVC对场编码的支持

    HEVC值得注意的是它没有提供专用于隔行视频的工具 而是将隔行视频的一帧看作两个独立的场 对各个场数据分别进行编码 简化了编码器的实现 这也是因为随着数字视频技术的快速发展 视频的隔行扫描方式日渐式微 https blog csdn net
  • vue+element-ui实现表格里嵌套表格

    效果图 点击某行数据展开另一个嵌套在里面的table 核心代码 从后台请求的数据格式 代码实现
  • table 表格合并

    table 表格合并 开发工具与关键技术 DW JavaScript 作者 刘东标 撰写时间 2019 03 14 div div span colspan和rowspan这两个属性用于创建特殊的表格 span span colspan用来
  • JAVA查搜索文件内容

    上周突然遇到了个要查找历史sql的中是否包含某个字段的问题 Everting虽然可以查找某个后缀的文件 可是并不能搜索文件内容 所以就花费一点功夫自己写一个了 使用起来还是非常方便 1 单文件查找内容 2 单文件夹下读取所有文件 并查找内容
  • 【时间序列预测算法】——ARIMA 算法介绍及代码实现

    基本概念 一阶差分 时间序列在t 与t 1 时刻函数值的差值 提升时序数据的平稳性 ARIMA算法对数据平稳性有要求 二阶差分 在一阶差分的基础上再做一次 一般时序数据最多做两阶 再多则预测意义不大 自回归模型 f t
  • Google Protocol Buffer持久化框架分析

    一 三大主流开源持久化框架介绍 1 1 Google Protocol Buffer protocol buffer是google 的一种数据交换的格式 它独立于语言 独立于平台 google 提供了三种语言的实现 java c 和 pyt
  • The type or namespace name ‘MenuItemAttribute‘ could not be found类似报错处理方法

    类似报错主要是使用了UnityEditor相关的API 解决方法的话 只要将相关脚本放进Asset下的Editor文件夹之中即可 并不涉及其他的逻辑 只与UnityEditor相关 否则在打包的时候还可能会发生类似的报错
  • KEIL编译报错 Error: L6220E: Load region LR_IROM1 size (65552 bytes) exceeds limit (65536 bytes)……

    问题描述 STM32F103CBT6 KEIL编译报错 Error L6220E Load region LR IROM1 size 65552 bytes exceeds limit 65536 bytes Region contains
  • 7107小时时,加入创业公司(没有股份,当作经验吧)

    只是第一个项目是web项目 与vr无关 所以此项目耗费时间不计入1万小时之内 也不算是第五个项目 不过也算是里程碑 至少2017年有稳定项目来源了吧 主要也是学经验 以后如果开自己的公司的话 能有所借鉴 还是要努力的 才能多接触各方面 主要
  • windows 10 vs2017 x264的编译和使用测试

    做了一次更新 工具改成vs2019了 x264这个sdk非常棒 主页 x264 the best H 264 AVC encoder VideoLANhttps www videolan org developers x264 html 在
  • 01. Web漏洞靶场的搭建

    01 Web漏洞靶场的搭建 Web漏洞靶场的搭建 上 什么是Web安全 什么是Web Web是互联网的总称 全称为World Wide Web 缩写WWW 即全球广域网 也称为万维网 它是一种基于超文本和HTTP的 全球性的 动态交互的 跨
  • Vue3正式发布那么久了,你认识Pinia了吗?

    个人简介 个人主页 前端杂货铺 学习方向 主攻前端方向 正逐渐往全干发展 个人状态 研发工程师 现效力于中国工业软件事业 人生格言 积跬步至千里 积小流成江海 推荐学习 前端面试宝典 Vue2 Vue3 Vue2 3项目实战 Node js
  • StringBoot+Mybatis的增删改查(四)

    整体项目链接地址 StringBoot Mybatis的增删改查 一 StringBoot Mybatis的增删改查 二 StringBoot Mybatis的增删改查 三 StringBoot Mybatis的增删改查 四 StringB