Jsp实现Javaweb页面

最新推荐文章于 2023-06-10 18:23:30 发布

之墨_

最新推荐文章于 2023-06-10 18:23:30 发布

阅读量3.1k

点赞数 4

分类专栏： Java 文章标签： java jsp

本文链接：https://blog.csdn.net/weixin_56462041/article/details/118398297

版权

Java 专栏收录该内容

21 篇文章 1 订阅

订阅专栏

jsp实现简单web页面

首先要给我们的idea配置好tomcat

~~（汤姆猫？）~~

1. 进入官网http://tomcat.apache.org/
在这里插入图片描述
~~（我不记得我下载的是什么版本了，但是最新版应该没有问题）~~
2、找到目录bin下的startup.bat，点击启动Tomcat；shutdown.bat：关闭Tomcat

3、最后我们打开Tomcat，在浏览器键入 http://localhost:8080 进入如下页面则表示安装成功
在这里插入图片描述
当然，这些操作完成后并不能直接使用（/(ㄒoㄒ)/~~）。还需要配置变量~这个就不写出来了QAQ

JSP编写规则

在传统的HTML页面文件中嵌入脚本语言和JSP标签就构成了一个JSP页面文件
主要以下五个部分👇

HTML页面内容
JSP注释
JSP指令
JSP脚本元素
JSP动作元素

一、JSP注释（两种）

HTML注释，可以在客户端显示
表示形式： <! - - 注释内容 - - >

JSP注释，发送到服务器端，在客户端不能显示
表示形式： <%- - 注释内容 - -%>

二、JSP指令（三类）

①page指令
页面指令
用来定义JSP页面的全局属性
作用于整个JSP页面
page指令用来指定所使用的脚本语言、导入指定的类及软件包等

<%@ page language="java" contentType="text/html;charest=GBK"%>
<%@ page import="java.util.*, java.io.*, java.awt.*"%>

②include指令
文件加载指令
用于在JSP文件中插入一个包含文本或代码的文件
文件插入后与原来的JSP文件合并成一个新的JSP页面
如果被插入的文件发生了变化，则包含这个文件的JSP文件需要被重新编译

<%@ include file="baozi.txt"%>
<%@ include file="baozi.html"%>
<%@ include file="baozi.jsp"%>

③taglib指令
引用标签库并设置标签库的前缀
这个指令允许JSP页面使用用户自定义的标签
可以为标签库命名，标签在这个库中定义
2个属性：uri用来指定标签文件或标签库的存放位置，prefix用来指定该标签库所使用的前缀

三、JSP脚本元素（三类）：

脚本元素
JSP中使用最频繁的元素
通过JSP脚本可以将Java代码嵌入到HTML页面中
所有可执行的Java代码，都可以通过JSP脚本来实现

①JSP声明语句

用于声明变量和方法
使用JSP声明语句声明变量时需要在”<%!”和”%>”标记之间放置Java变量的声明语句
变量的类型可以是Java语言中所提供的任意数据类型
使用JSP声明语句声明的变量将来会转换成Servlet类中的成员变量
这些变量在整个JSP页面中都有效因此也被称为JSP页面的成员变量声明的方法在整个JSP页面有效方法内声明的变量只在方法内有效

引用一个其他博主的例子：

<%@ page language="java"contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>
    <title>JSP声明语句示例</title>
</head>
<!--JSP声明语句  -->
<%!
    public int a;            //声明整型变量a
    public String printStr(){    //声明方法printStr
        return "JSP method";
}
%>
<body>
<%
    out.println("a="+a);        //输出a值
    a++;                //a自增
%>
<br>       
<%
    out.println(printStr());    //调用printStr()方法，输出其返回值
%>
</body>
</html>

运行结果是这样的：
在这里插入图片描述

②JSP表达式

在”<%=”和”%>”标记之间插入一个表达式
这个表达式必须能够求值
计算结果以字符串的形式发送到客户端显示出来
JSP表达式的值会作为HTML页面的内容
如果表达式的值是一个字符串，则将表达式的值直接显示在页面上，否则会先将表达式转换为字符串

引用：

<%@ page language="java"contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>
        <title>JSP 表达式</title>
</head>
<body>
    <%!
        String str="JSP expression";        //声明变量str
    %>
    <!--JSP表达式-->
    <%=str%>   
</body>
</html>

运行结果：
在这里插入图片描述

③JSPScriptlet

一段Java代码。当需要使用Java实现一些复杂的操作或控制时，JSP表达式往往不能满足要求，此时就需要用到JSP Scriptlet
在JSP Scriptlet里声明的变量是局部变量，调用JSP Scriptlet时，会为局部变量分配内存空间，调用结束便释放变量占有的空间

引用：

<%@ page language="java"contentType="text/html" pageEncoding="UTF-8"%>
<html>
    <head>
        <title>JSP Scriptlet</title>
    </head>
    <body>
    <%
        String str="JSP Scriptlet";     //声明字符串
        out.println(str);                  //输出字符串的值
    %>
    </body>
</html>

运行结果：
在这里插入图片描述

Jsp编写的web网页实例

一个注册页面，用cookies进行网页信息存储
代码实现：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>初始页面</title>
        <script type="text/javascript">
            function re()
            {
                document.frmLogin.action="register.jsp";
                document.frmLogin.submit();
            }
        </script>
    </head>
<body >
<%!
String username,password;
%>
<%
    Cookie[] cookies=request.getCookies();
    if(cookies!=null){
        for(Cookie cookie:cookies){
            if(cookie.getName().equals("userName")){
                username=cookie.getValue();
            }
            else if(cookie.getName().equals("passWord")){
                password=cookie.getValue();
            }
        }
    }
%>

<fieldset>
    <table style="background:url(img/背景3.png) "width="2000" height = "400" >
        <tr height = "170">
            <td width="570px"> </td>
            <td> </td>
        </tr>
        <tr>
            <td> </td>
            <td>
                <table>

                    <tr>
                        <td><label for="username">用户名：</label></td>
                        <td><input type="text" name="userName"  id="username" placeholder="name" size="20" maxlength="20" value="<%=(username==null?"":username)%>"/></td>
                        <td > </td>
                        <td> </td>
                    </tr>
                    <tr>
                        <td><label for="password">密  码：</label></td>
                        <td><input type="password" name="passWord" id="password" placeholder="password" size="20" maxlength="20" value="<%=(password==null?"":password)%>" /></td>
                        <td> </td>
                        <td> </td>
                    </tr>
                    <tr>
                    </tr>
            </table>
            </td>
            <form method ="POST" action="isLogin.jsp" name="frmLogin"  >
        <tr>
            <td> </td>
            <td><table>
                <tr>
                    <td><input type="submit" name="login" value="登录" ></td>
                    <td><input type="button" name="button" value="注册" onclick="re()"></td>
                    <td><input type="reset" name="rs" value="重置"></td>
                </tr>
                </tr>
            </table>
            </td>
    </table>
</fieldset>
</form>
</body>
</html>

在这里插入图片描述

之墨_

关注

4
点赞
踩
14

收藏

觉得还不错? 一键收藏
打赏
0
评论
Jsp实现Javaweb页面

jsp实现简单web页面首先要给我们的idea配置好tomcat（汤姆猫？）**1. 进入官网http://tomcat.apache.org/（我不记得我下载的是什么版本了，但是最新版应该没有问题）2、找到目录bin下的startup.bat，点击启动Tomcat；shutdown.bat：关闭Tomcat3、最后我们打开Tomcat，在浏览器键入 http://localhost:8080 进入如下页面则表示安装成功当然，这些操作完成后并不能直接使用（/(ㄒoㄒ)/~~）。还需要配
复制链接

扫一扫