使用IDEA学习JSP代码第023课

最新推荐文章于 2023-09-20 13:56:23 发布
最新推荐文章于 2023-09-20 13:56:23 发布
阅读量136 收藏
点赞数
分类专栏： Java 文章标签： intellij-idea 学习 bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/modern358/article/details/125192970
版权

new383.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(function () {

            //add
            $("#btnAdd").click(function () {
               var name = $("#name").val();
               var age = $("#age").val();
               var email = $("#email").val();

               var $tr = $("<tr><td>" + name +"</td><td>"
                   + age +"</td><td>"
                   + email+"</td><td><a href='new383.jsp?id=004'>Delete</a></td></tr>");
               $tr.appendTo($("#table1"));

               $tr.find("a").click(function () {
                   var $tr = $(this).parent().parent();
                   var name = $tr.find("td:first").text();
                   if(confirm("你确定删除["+name+"]吗？"))
                   {
                       $tr.remove();
                   }
                   return false;
               });

            });

            $("a").click(function () {
                var $tr = $(this).parent().parent();
                var name = $tr.find("td:first").text();
                if(confirm("你确定删除["+name+"]吗？"))
                {
                    $tr.remove();
                }
                return false;
            });
        });
    </script>


</head>
<body>
    <div class="container">
        <table class="table table-bordered table-condensed" id="table1">
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Email</th>
                <th>Operation</th>
            </tr>
            <tr>
                <td>tom</td>
                <td>33</td>
                <td>tom@11.com</td>
                <td><a href="new383.jsp?id=001">Delete</a></td>
            </tr>
            <tr>
                <td>marry</td>
                <td>22</td>
                <td>marry@22.com</td>
                <td><a href="new383.jsp?id=002">Delete</a></td>
            </tr>
            <tr>
                <td>tony</td>
                <td>44</td>
                <td>tony@33.com</td>
                <td><a href="new383.jsp?id=003">Delete</a></td>
            </tr>
        </table>
        <br>
        <br>
        <form class="form-horizontal" action="" method="post" onsubmit="return false">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">Name</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" placeholder="Name">
                </div>
            </div>
            <div class="form-group">
                <label for="age" class="col-sm-2 control-label">Age</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="age" placeholder="Age">
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="email" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default" id="btnAdd">添加</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>

new384.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>bootstrap + jsp 的使用</title>
    <link rel="stylesheet" href="../other/boot/css/bootstrap.min.css">
    <script type="text/javascript" src="../other/jQuery/jQuery-3.4.1.js"></script>
    <script type="text/javascript" src="../other/boot/js/bootstrap.min.js"></script>

    <script type="text/javascript">
        $(function () {

            function deleteFunc(){
                var $tr = $(this).parent().parent();
                var name = $tr.find("td:first").text();
                if(confirm("你确定删除["+name+"]吗？"))
                {
                    $tr.remove();
                }
                return false;
            }

            //add
            $("#btnAdd").click(function () {
               var name = $("#name").val();
               var age = $("#age").val();
               var email = $("#email").val();

               var $tr = $("<tr><td>" + name +"</td><td>"
                   + age +"</td><td>"
                   + email+"</td><td><a href='new383.jsp?id=004'>Delete</a></td></tr>");
               $tr.appendTo($("#table1"));

               $tr.find("a").click(deleteFunc);

            });

            $("a").click(deleteFunc);
        });
    </script>


</head>
<body>
    <div class="container">
        <table class="table table-bordered table-condensed" id="table1">
            <tr>
                <th>Name</th>
                <th>Age</th>
                <th>Email</th>
                <th>Operation</th>
            </tr>
            <tr>
                <td>tom</td>
                <td>33</td>
                <td>tom@11.com</td>
                <td><a href="new383.jsp?id=001">Delete</a></td>
            </tr>
            <tr>
                <td>marry</td>
                <td>22</td>
                <td>marry@22.com</td>
                <td><a href="new383.jsp?id=002">Delete</a></td>
            </tr>
            <tr>
                <td>tony</td>
                <td>44</td>
                <td>tony@33.com</td>
                <td><a href="new383.jsp?id=003">Delete</a></td>
            </tr>
        </table>
        <br>
        <br>
        <form class="form-horizontal" action="" method="post" onsubmit="return false">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">Name</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="name" placeholder="Name">
                </div>
            </div>
            <div class="form-group">
                <label for="age" class="col-sm-2 control-label">Age</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="age" placeholder="Age">
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                    <input type="text" class="form-control" id="email" placeholder="Email">
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                    <button type="submit" class="btn btn-default" id="btnAdd">添加</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>

虾米大王
关注
专栏目录
第二课 IDEA 的使用
EarthAngela的博客
04-28 1642
1、idea快捷键 IDEA 介绍 IDEA 全称IntelliJ IDEA(/inteli’dʒei ai’diə/)，是捷克共和国的JetBrains软件公司基于Java语言开发的一款Java IDE， 提供社区版本以及商业版本。通过插件扩展，可提供对其它编程语言的支持。 IntelliJ IDEA是一个纯Java Swing应用程序，所有自定义组件（如编辑器选项卡）都是手动创建的，没有使用第...
JavaWeb（IDEA+Maven）开发3：Cookie、Session、JSP
qq_35834876的博客
03-03 607
1.Cookie、Session 1.1、会话 **会话：**用户打开一个浏览器，点击了很多超链接，访问多个web资源，关闭浏览器，这个过程可以称之为会话。 **有状态会话：**一个同学来过教室，下次这个同学再来教室，我们会知道，这个同学曾经来过，称之为有状态会话。 你能怎么证明你是学生？ 你 学校 学费发票 学校给你发票 学生登记 学校证明你来过了 一个网站，怎么证明宁你来过？ 客户端 服务端 服务端给客户端一个信件，客户端下次访问服务端带上信件就可以了 服务器登记你来
使用IDEA学习JSP代码第028课
虾米大王的学习历程
08-10 168
代码】使用IDEA学习JSP代码第028课。
IDEA首次使用jstl编写jsp
weixin_57270084的博客
06-19 139
额
准备我们心爱的IDEA写Jsp
最新发布
m0_74154295的博客
09-20 1234
JSP全称Java Server Pages，是一种动态网页开发技术。它使用JSP标签在HTML网页中插入Java代码。标签通常以结束。 JSP是一种Java servlet，主要用于实现Java web应用程序的用户界面部分。网页开发者们通过结合HTML代码、XHTML代码、XML元素以及嵌入JSP操作和命令来编写JSP。 JSP通过网页表单获取用户输入数据、访问数据库及其他数据源，然后动态地创建网页。 JSP标签有多种功能，比如访问数据库、记录用户选择信息、访问JavaBeans组件
使用IDEA学习JSP代码第025课
虾米大王的学习历程
08-05 109
代码】使用IDEA学习JSP代码第025课。
通过find()方法获取table中选中tr中input值
chp891202的博客
06-15 3万+
点击选中行中其中一个input框，获取本行中另外一个input字段值： <input name='' onclick='check(this)'> function check( o){ //获取上上级tr 的demo var tr = o.parentNode.parentNode; 通过find()方法获取tr行中字段值 1、根据name取值： var ...
IDEA使用过程中的痛点
12-04
#### 痛点十三：不会自动刷新HTML/JSP资源 IDEA默认不会自动刷新浏览器中的HTML或JSP文件，需要手动触发。 **解决办法**： 1. 安装Live Edit插件或其他自动刷新工具。 2. 配置IDEA自动编译设置。 #### 痛点十四：...
【JavaWeb】Servlet系列 --- 使用IDEA工具开发Servlet（保姆级开发步骤）
weixin_46312449的博客
11-28 611
其实开发步骤和纯文本编辑器差不多，只是在IDEA中建了对应的项目/文件，这些操作需要留心！
IDEA+Java+SSM+Jsp+Mysql实现Web商品信息管理系统
Cx330_0217的博客
04-11 1464
一、系统介绍 1.开发环境 开发工具：IDEA2018 JDK版本：Jdk1.8 Mysql版本：8.0.13 2.技术选型 Java+SSM+Bootstrap+Jsp+Mysql 3.系统功能 1.登录系统，注册系统。 2.管理员商品信息的增删改查，包含图片上传功能。 图片上传位置：out\artifacts\Commodity_war_exploded\upload 4.数据库文件 /* Navicat Premium Data Transfer Source Server ...
使用Jquery在JSP页面中弹出对话框
小超
07-13 1462
大家好，这是本人自进入新公司后，随着做
jQuery对select的操作
LuckFairyLuckBaby的博客
08-06 410
1.jQuery获取Select选择的Text和Value: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的text var checkVa...
IDEA搭建JSP环境
ldj0821的博客
01-03 1万+
一、前期准备 JDK11、Tomcat10、IDEA 二、操作步骤 1.打开IDEA->File->Project新建一个Java项目
记一次Idea中在html引入了Jquery，却还是提示“unresolved function or method $()”的解决方法
听风动的博客
03-31 1万+
我在我的Html中引入了我的Jquery <link rel="stylesheet" th:src="@{/icon.css}"> <link rel="stylesheet" th:src="@{/easyui.css}"> <script type="text/javascript" th:src="@{/jquery.min.js}...
JS中find方法的使用
热门推荐
m0_59168984的博客
11-26 11万+
JS中find方法的使用
jQuery事件多次绑定与解绑
xiaouncle的博客
10-18 1090
jQuery事件绑定很常见，相信大家经常会用到click、focus、blur等事件，但是如果对控件的某个事件绑定多个方法会是怎样的结果呢，覆盖、累加、或其他效果？今天我就来验证一下这个疑问并说说如何解绑。 一、jQuery事件多次绑定 <head> <script src="~/Scripts/jquery-1.8.2.min.js"></script...
JS中find方法
菜鸟搬砖记
09-20 9万+
用法 find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 如果没有符合条件的元素返回 undefined find() 对于空数组，函数是不会执行的。 find() 并没有改变数组的原始值。 array.find(function(currentValue, index, arr),thisValue)，其中currentValue为当前项，index为当前索...
java js find函数,javascript 函数原型-JSP教程,Java技巧及代码
weixin_28956207的博客
03-13 232
string .length 汉字为两个字符处理.tlength——————————————————————————–/*this following code are designed and writen by windy_sk you can use it freely, but u must held all the copyright items!*///测字符串实际长度string.p...
idea 注释jsp代码
03-27
JSP（Java Server Pages）是一种用于创建动态网页的Java技术。注释是在JSP页面中添加注释的一种方法，以便在阅读和维护代码时提供额外的信息。JSP注释使用HTML注释标记“<!-- -->”来定义，可以在标记中添加任何有意义的文本，包括代码的用途、作者、日期等等。以下是示例JSP代码注释的示例： ``` <%-- This JSP page displays a list of products for sale. --%> <!DOCTYPE html> <html> <head> <title>Product List</title> </head> <body> <%-- Loop through the list of products and display them in a table. --%> <table> <thead> <tr> <th>Product Name</th> <th>Description</th> <th>Price</th> </tr> </thead> <tbody> <%-- Use JSP code to retrieve product information from a database. --%> <% for (Product p : productList) { %> <tr> <td><%= p.getName() %></td> <td><%= p.getDescription() %></td> <td><%= p.getPrice() %></td> </tr> <% } %> </tbody> </table> </body> </html> ``` 在这个例子中，有两个注释标记被用来提供有用的信息。第一个注释是在JSP页面上方，用于描述页面的目的。第二个注释是在循环中使用的，以帮助读者理解代码的功能。这些注释不会影响页面的运行，但它们可以提供信息和帮助，使代码更容易阅读和维护。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

虾米大王

有你的支持，我会更有动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值