使用IDEA学习JSP代码第006课

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

new337.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">
    <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>

</head>
<body>
    <div class="container">
        <div class="dropdown">
            <button type="button" class="btn btn-default" id="drop1" data-toggle="dropdown">
                下拉 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <br>
        <div class="dropup">
            <button type="button" class="btn btn-default" id="drop2" data-toggle="dropdown">
                上提 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <br>
        <div class="dropdown">
            <button type="button" class="btn btn-default" id="drop3" data-toggle="dropdown">
                下拉菜单 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-header">标题</li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li class="dropdown-header">标题</li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <br>
        <div class="dropdown">
            <button type="button" class="btn btn-default" id="drop4" data-toggle="dropdown">
                下拉菜单 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li class="dropdown-header">标题</li>
                <li><a href="#">选项</a></li>
                <li class="divider"></li>
                <li><a href="#">选项</a></li>
                <li class="dropdown-header">标题</li>
                <li><a href="#">选项</a></li>
                <li class="divider"></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <br>
        <div class="dropdown">
            <button type="button" class="btn btn-default" id="drop5" data-toggle="dropdown">
                下拉菜单 <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li class="disabled"><a href="#">禁用</a></li>
                <li class="disabled"><a href="#">禁用</a></li>
            </ul>
        </div>
        <br>
        <div class="btn-group">
            <button type="button" class="btn btn-default">新建</button>
            <button type="button" class="btn btn-default">修改</button>
            <button type="button" class="btn btn-default">删除</button>
        </div>
        <br>
        <div class="btn-toolbar">
            <div class="btn-group">
                <button type="button" class="btn btn-default">按钮1</button>
                <button type="button" class="btn btn-default">按钮2</button>
                <button type="button" class="btn btn-default">按钮3</button>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default">按钮1</button>
                <button type="button" class="btn btn-default">按钮2</button>
                <button type="button" class="btn btn-default">按钮3</button>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default">按钮1</button>
                <button type="button" class="btn btn-default">按钮2</button>
                <button type="button" class="btn btn-default">按钮3</button>
            </div>
        </div>
        <br>
        <div class="btn-group">
            <button type="button" class="btn btn-default">1</button>
            <button type="button" class="btn btn-default">2</button>
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    下拉 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">选项</a></li>
                    <li><a href="#">选项</a></li>
                    <li><a href="#">选项</a></li>
                </ul>
            </div>
        </div>
        <br>
        <div class="btn-group-vertical">
            <button type="button" class="btn btn-default">button</button>
            <button type="button" class="btn btn-default">button</button>
            <button type="button" class="btn btn-default">button</button>
            <button type="button" class="btn btn-default">button</button>
            <button type="button" class="btn btn-default">button</button>
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    下拉 <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#">选项</a></li>
                    <li><a href="#">选项</a></li>
                    <li><a href="#">选项</a></li>
                </ul>
            </div>
        </div>
        <br>
        <div class="btn-group btn-group-justified">
            <div class="btn-group"><button type="button" class="btn btn-default">按钮</button></div>
            <div class="btn-group"><button type="button" class="btn btn-default">按钮</button></div>
            <div class="btn-group"> <button type="button" class="btn btn-default">按钮</button></div>
        </div>
        <br>
        <div class="btn-group btn-group-justified" >
            <div class="btn-group" >
                <button type="button" class="btn btn-default">Left</button>
            </div>
            <div class="btn-group" >
                <button type="button" class="btn btn-default">Middle</button>
            </div>
            <div class="btn-group" >
                <button type="button" class="btn btn-default">Right</button>
            </div>
        </div>


    </div>
</body>
</html>

new338.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">
    <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>

</head>
<body>
    <div class="container">
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                default <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                primary <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                info <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                warning <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                danger <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                success <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <hr>
        <div class="btn-group">
            <button type="button" class="btn btn-default">default</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                 &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-primary">primary</button>
            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-success">success</button>
            <button type="button" class="btn btn-success dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-info">info</button>
            <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-warning">warning</button>
            <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <div class="btn-group">
            <button type="button" class="btn btn-danger">danger</button>
            <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
        <hr>
        <!-- Large button group -->
        <div class="btn-group">
            <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
                Large button <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>

        <!-- Small button group -->
        <div class="btn-group">
            <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
                Small button <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>

        <!-- Extra small button group -->
        <div class="btn-group">
            <button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
                Extra small button <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>

        <hr>
        <div class="btn-group dropup">
            <button type="button" class="btn btn-default">向上</button>
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                &nbsp;<span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
                <li><a href="#">选项</a></li>
            </ul>
        </div>
    </div>
</body>
</html>

虾米大王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
javaweb重定向——登录页面跳转到首页
龟的小号的博客
02-01 2万+
文章目录一、项目结构二、login.html三、ServletLogin.java四、loginError.jsp五、home.html六、部署和运行1、测试用例一（用户名错误）2、测试用例二（密码错误）3、测试用例二（账号信息正确） 一、项目结构 login.html用户信息错误，进行请求转发，跳转到loginError.html。 用户信息正确，进行重定向，跳转到home.html。 二、l...
java web 页面布局框架_jsp框架(jsp实现页面框架布局)
weixin_34510298的博客
03-07 7224
一直不太理解什么是框架，框架是jquery和javascript之间的这种关系吗？jsp有.可以这么说了，struts1,struts2,jsf 是用于结合前台展现的java框架Structs hibernate spring Struts Struts是一个基于Sun J2EE平台的MVC框架，主要是采用Servlet和JSP技术来实现的。Struts框架可分为以下四个主要部分，其中三个就和.j...
在登录页面设计中输入密码错误后弹框提示并返回到登录界面的代码实现
09-13 4万+
在做登录界面设计的时候，需要判断用户输入的用户名和密码是否正确，对的话就跳转到成功界面，不正确的话就弹框显示错误信息并返回到登录界面，下面给出的主要是servlet中的实现代码。 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOExcep
用户登陆---弹出登陆框 （jsp页面）
帅气Dee海绵宝宝
11-27 7693
效果图：还用到了 bootStrop的 页面的遮罩效果   jsp页面代码（login.jsp代码）我这里对密码进行了MD5加密防止抓包时候能看到用户的登陆密码 我给了一个固定的盐， 加盐的话自己后台的密码加盐是什么样的 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or...
用jsp实现简单登入注册界面功能（css美化）（软件idea）
热门推荐
程序猿追的博客
03-24 4万+
思路：创建登入界面（login），再创建登入成功与登入失败界面（loginsuccess与loginfail），再创建注册成功界面（registersuccess）与注册界面（register）以及总控制文件（check）通过form标签的action将他们连接起来。 第一步 首先我们来看看效果 登入界面（login） 登入成功与登入失败（loginsuccess与loginfail） 注册界面（register） 注册成功(registersuccess) 第二步 创建项目，再添加框
使用IDEA学习JSP代码第010课
虾米大王的学习历程
06-19 261
new345.jsp new346.jsp new347.jsp
学习_JSP
02-20
常见的JSP开发工具有Eclipse、IntelliJ IDEA、NetBeans等，它们提供了对JSP的语法高亮、自动完成和调试支持。 通过深入学习JSP，开发者能够构建功能丰富的、动态的Web应用，为用户提供交互式的体验。"Study_JSP-...
毕业设计基于jsp网上书店（源代码+论文）.zip
最新发布
05-13
六、进一步学习与优化 对于想要深入理解这个项目的学生，可以从以下几个方面进行研究和改进： - 安装和配置开发环境，运行项目并进行测试。 - 分析源代码，理解各个模块的功能和实现方式。 - 学习和实践MVC架构，...
IntelliJ IDEA2019实现Web项目创建示例
08-19
通过本示例，我们将一步步学习如何使用IntelliJ IDEA2019创建Web项目，并且介绍了相关的配置和设置。 二、 创建Web项目 1. 打开IntelliJ IDEA2019，点击界面上的Create New Project，选择Java Enterprise，配置JDK...
JSP网络购物中心毕业设计(源代码+报告).zip
02-20
3. **项目构建**: 使用IDE（如Eclipse或IntelliJ IDEA）导入源代码，配置好项目路径和数据库连接。 4. **部署运行**: 将项目部署到Tomcat服务器，启动服务器，通过浏览器访问指定URL。 **五、项目修改与扩展** 1. ...
基于JSP电子商务系统？（文档）.rar
10-22
在实际开发中，开发者会使用IDE如Eclipse或IntelliJ IDEA来编写JSP和Java代码，利用Maven或Gradle管理依赖。完成开发后，系统会被部署到Web服务器如Tomcat或Jetty上，为用户提供服务。 **六、总结** 基于JSP的电子...
IDEA中JSP创建和小案例
cgj-horizons
09-06 2533
JSP在被访问是，有JSP容器（Tomcat）将其转化为Java文件（Servlet），有容器（Tomcat）将其编译，最终对外提供服务的其实就是这个字节码文件。在jsp中， 中没有办法直接嵌套html代码，需要给他分割开， 本案例就是for循环嵌套html代码。由于JSP页面内，既可以定义HTML标签，又可以定义Java代码，造成一下问题。复杂度高，运行需要依赖各种环境，JRE，JSP容器，javaEE。这里要注意一下，你在使用List集合中，要完整的写。用于在JSP页面定义java代码。
使用IDEA学习JSP代码第018课
虾米大王的学习历程
07-19 97
代码】使用IDEA学习JSP代码第018课。
使用IDEA学习JSP代码第003课
虾米大王的学习历程
06-10 192
new331.jsp new332.jsp
jsp代码实例第351课
虾米大王的学习历程
02-25 7648
code351.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body&
jsp新代码第285课
虾米大王的学习历程
05-28 3421
new285.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta
springboot YAML配置
虾米大王的学习历程
08-02 3012
在Spring Boot中使用YAML虽然方便，但是YAML也有一些缺陷，例如无法使用@PropertySource注解加载YAML文件，如果项目中有这种需求，还是需要使用Properties格式的配置文件。YAML是JSON的超集，简洁而强大，是一种专门用来书写配置文件的语言，可以替代application.properties。此时可以将resources目录下的application.properties文件删除，完全使用YAML完成文件的配置。下面是项目具体情况截图。
java开发的小游戏 恐龙在奔跑
虾米大王的学习历程
09-18 2874
项目名称是Dinosaur 在src文件中，建立了4个包，依次是com.mr.main，com.mr.modle，com.mr.service，com.mr.view。 代码文件分别是Start.java，Dinosaur.java，Obstacle.java，FreshThread.java，MusicPlayer.java，ScoreRecorder.java，sound.java，BackgroundImage.java，GamePanel.java，MainFrame.java，Sc..
jsp代码实例第285课
虾米大王的学习历程
01-29 2691
code285.java package pack07; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest;
idea 注释jsp代码
03-27
以下是示例JSP代码注释的示例： ``` <%-- This JSP page displays a list of products for sale. --%> <!DOCTYPE html> <title>Product List <th>Product Name <th>Description <th>Price ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

虾米大王

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

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

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

打赏作者

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

抵扣说明：

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

余额充值