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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,684评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,143评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,214评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,788评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,796评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,665评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,027评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,679评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,346评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,664评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,766评论 1 331
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,412评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,015评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,974评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,203评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,073评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,501评论 2 343

推荐阅读更多精彩内容