JSP简单示例

前提假设你已经搭建好环境 Java开发工具(JDK) 以及 Web服务器:Tomcat尚未搭建环境 请查看 该文章 自行搭建 JSP 配置环境问题

首先我们创建一个 Dynamic Web Project, 项目名为 JSPDemo

1.png

然后在WebContent 鼠标右键 新建一个demo2.jsp 文件

2.jpg

代码如下

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <form action="beandemo.jsp" method="post">
        用户名:<input type="text" name="username">
        密码:<input type="password" name="password">
        <input type="submit" value="Submit">
    </form>
</body>
</html>

其实就是一个简单的账号密码的表单

3.png

我们再建一个 jsp 文件, 命名为 beandemo.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<jsp:useBean id="user1" class="cn.crabshell.pojo.user"></jsp:useBean>
<jsp:setProperty property="username" name="user1"/>
<jsp:setProperty property="password" name="user1"/>

<%=user1.getUsername() + " : " +user1.getPassword() %>
<%-- <jsp:getProperty property="username" name="user1"/> --%>

<%
    if(user1.checkLogin()){
        out.println("登录成功");
    }else{
        out.println("登录失败");
    }
%>
</body>
</html>

这个页面用于 显示用户登录的信息已经是否成功登录!

登录成功

4.png

登录失败

5.png

接下来我们要写一个user的类,位于 Java Resources下,当然你也可以给你的类设置一个包,本例子的 User 类位于这个包下

 package cn.crabshell.pojo;

因为本例子要和MySQL数据库链接, 我们还需要一个jar 包 mysql-connector-java-5.1.30-bin.jar我们把 下载好这个jar,先复制,然后在

WebContent -> WEB-INF -> lib,

在lib 那个文件夹 右键粘贴,就可以把这个jar包 复制到项目内;

6.png

现在就可以正式写 User 类

package cn.crabshell.pojo;

import java.sql.*;
public class User {
    
     /** 
     * @param args 
     */  
    //驱动程序就是之前在classpath中配置的JDBC的驱动程序的JAR 包中  
    public static final String DBDRIVER = "com.mysql.jdbc.Driver";  
    //连接地址是由各个数据库生产商单独提供的,所以需要单独记住  
    public static final String DBURL = "jdbc:mysql://localhost:3306/student";  
    //连接数据库的用户名  
    public static final String DBUSER = "root";  
    //连接数据库的密码  
    public static final String DBPASS = "";  
    
    
    private String username;
    private String password;
    public String getUsername() {
        return username;
    }
    public void setUsername(String username) {
        this.username = username;
    }
    public String getPassword() {
        return password;
    }
    public void setPassword(String password) {
        this.password = password;
    }
    
    
    public boolean checkLogin(){
        Connection conn = null; //表示数据库的连接对象  
        try {
            Class.forName(DBDRIVER);
        } catch (ClassNotFoundException e1) {
            // TODO Auto-generated catch block
            e1.printStackTrace();
        } //1、使用CLASS 类加载驱动程序  
        try {
            conn = DriverManager.getConnection(DBURL,DBUSER,DBPASS);
            String sql =  "select * from stuinfo where username=? and password=?";
            PreparedStatement ps = conn.prepareStatement(sql);
            ps.setString(1, username);
            ps.setString(2, password);
            ResultSet rs = ps.executeQuery();
            return rs.next();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } //2、连接数据库  
        System.out.println(conn);  
        try {
            conn.close();
        } catch (SQLException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        } // 3、关闭数据库 
        return false;
        
    }
}

代码已经完成,现在我们就来运行看看。右键你的项目

JSPDemo - > Run As -> Run on Server 
7.jpg

通过 Server runtime environment 右边的 Add...来添加你的tomcat服务器

8.png
9.jpg

配置完之后应该可以看到

10.jpg

现在我们在下方可以看到 Tomcat 以及 我们的示例项目

11.png

现在我们右键 Tomcat -> Start 来启动

12.png

启动之后,我们就可以在浏览器内输入:localhost:8080/JSPDemo/demo2.jsp可以看到如下界面

13.png

当输入 用户 hello 密码 world则会看到如下结果:

14.png

最后,数据库表设计如下,比较简单,只是 id, username, password

15.png
16.png

本项目例子下载 JSPDemo.zip

mysql-connector-java-5.1.30-bin.jar 下载 mysql-connector-java-5.1_.30-bin_.jar_.zip

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容