创建一个简单的jsp跳转界面

于 2018-07-11 11:19:33 发布
阅读量5.6k 收藏 16
点赞数 1
文章标签： jsp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42169450/article/details/80994621
版权

创建环境：eclipse+maven+tomcat+mysql

一：在eclipse下一次点击file-->new-->other-->maven-->maven project-->

      如下图：勾选前两项

      

    点击next,页面如下所示：

     

     Group id 和Artifact id 自己设定，Packaging将jar改为war,点击Finish,完成第一步。

二：新生成的web 项目会自动生成一个pom.xml文件，没有配置的，直接用下面的代码替换里面的代码：

      

     

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>
    <groupId>cn.nc</groupId>
    <artifactId>crm</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
   <properties>
        <!-- 统一源码的编码方式 -->
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <!-- 统一各个框架版本 -->
        <struts.version>2.5.10</struts.version>
        <spring.version>4.3.8.RELEASE</spring.version>
        <hibernate.version>5.1.7.Final</hibernate.version>
    </properties>
    <dependencies>
        <!--使用jsp的时候-->
        <dependency>
	    	<groupId>javax.servlet</groupId>
	    	<artifactId>servlet-api</artifactId>
	    	<version>2.5</version>
	    	<scope>provided</scope>
	    </dependency>
	     <!--使用jsp的时候-->
	    <dependency>
	    	<groupId>javax.servlet.jsp</groupId>
	    	<artifactId>jsp-api</artifactId>
	    	<version>2.0</version>
	    	<scope>provided</scope>
	    </dependency>
        <!-- Junit依赖 -->
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
            <scope>test</scope>
        </dependency>
        <!-- Spring 核心依赖 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-core</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <!-- Spring web依赖 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-web</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <!-- Spring整合ORM框架依赖 -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-orm</artifactId>
            <version>${spring.version}</version>
        </dependency>
        <!-- Struts2 核心依赖 -->
        <dependency>
            <groupId>org.apache.struts</groupId>
            <artifactId>struts2-core</artifactId>
            <version>${struts.version}</version>
        </dependency>
        <!-- Struts2和Spring整合依赖 -->
        <dependency>
            <groupId>org.apache.struts</groupId>
            <artifactId>struts2-spring-plugin</artifactId>
            <version>${struts.version}</version>
        </dependency>
        <!-- Hibernate 核心依赖 -->
        <dependency>
            <groupId>org.hibernate</groupId>
            <artifactId>hibernate-core</artifactId>
            <version>${hibernate.version}</version>
        </dependency>
        <!-- MySQL 依赖 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version>5.1.42</version>
        </dependency>
        <!-- C3P0 依赖 -->
        <dependency>
            <groupId>com.mchange</groupId>
            <artifactId>c3p0</artifactId>
            <version>0.9.5</version>
        </dependency>
        <!-- AspectJ依赖 -->
        <dependency>
            <groupId>org.aspectj</groupId>
            <artifactId>aspectjweaver</artifactId>
            <version>1.8.10</version>
        </dependency>
        <!-- SLF4J依赖 -->
        <dependency>
            <groupId>org.slf4j</groupId>
            <artifactId>slf4j-log4j12</artifactId>
            <version>1.7.25</version>
        </dependency>
    </dependencies>
   <build>
 	<finalName>crm</finalName>
	<pluginManagement>
		<plugins>  <!--  ctrl+shirt+/ -->
		      <!-- 打包时跳过单元测试 -->
            <!-- <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-surefire-plugin</artifactId>
                <version>2.19.1</version>
                <configuration>
                    <skipTests>true</skipTests>
                </configuration>
            </plugin> -->
			<plugin>
				<groupId>org.apache.maven.plugins</groupId>
				<artifactId>maven-compiler-plugin</artifactId>
				<version>3.2</version>
				<configuration>
					<source>1.8</source>
					<target>1.8</target>
					<encoding>UTF-8</encoding>
					<showWarnings>true</showWarnings>
				</configuration>
			</plugin>
			<plugin>
				<groupId>org.apache.tomcat.maven</groupId>
				<artifactId> tomcat7-maven-plugin</artifactId>
				<configuration>
					<path>/</path>
					<port>8090</port>
				</configuration>
			</plugin>
		</plugins>
	</pluginManagement>
  </build>
 </project>

然后点击webapp,在里面创建一个WEB-INF文件夹，在其中新建一个web.xml文件，内容为：


<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5">
  <servlet>
    <servlet-name>loginServlet</servlet-name>
    <servlet-class>cn.nc.web.servlet.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>loginServlet</servlet-name>
    <url-pattern>/loginServlet</url-pattern>
  </servlet-mapping>
</web-app>

好了，现在基本配置已经完成，现在来编写代码了。

三：首先编写一个网页的登陆界面的代码，命名为login.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>
  <title>登录</title>
</head>
<body>
     <form action="/loginServlet" method="get">
            姓名：<input type="text" name="name"/><br>
            密码：<input type="password" name="pwd"/></br>
            登录：<input type="submit" name="提交"/>
        
     </form>
       
</body>
</html>

在创建一个实体类User:

package cn.nc.bean;

import java.io.Serializable;

public class User implements Serializable {

	private Integer id;
	private String name;
	private String pwd;

	public Integer getId() {
		return id;
	}

	public void setId(Integer id) {
		this.id = id;
	}

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getPwd() {
		return pwd;
	}

	public void setPwd(String pwd) {
		this.pwd = pwd;
	}
	
	public User(){
		
	}

	public User(String name, String pwd) {
		super();
		this.name = name;
		this.pwd = pwd;
	}

}

然后在mysql里

 创建数据库:
      create database logindb;
      
   创建表 
     create table t_login(
       id int not null,
       name varchar(200),
       pwd varchar(20));
           
  插入几条数据
     insert into t_login values(1,'jimmy','123456');
     insert into t_login values(1,'john','123456');   

四：创建一个Jdbcutils类：

package cn.nc.utils;

import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;



public class JdbcUtils {
   
	/**
	 * 创建jdbc的连接
	 * @return
	 */
	public static Connection getConnection(){
		 try{
			 Class.forName("org.gjt.mm.mysql.Driver");
			 return DriverManager.getConnection("jdbc:mysql://localhost:3306/logindb","root","123456");
		 }catch(Exception e){
			 e.printStackTrace();
			 throw new RuntimeException("创建连接失败");
		 }
	}
	/**
	 * 释放相应的资源
	 */
	public  void release(ResultSet rs ,Connection conn,PreparedStatement pstmt){
		       if(rs!=null){
		    	   try {
					rs.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
		       }
		       if(conn!=null){
		    	   try {
					conn.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
		       }
		       if(pstmt!=null){
		    	   try {
					pstmt.close();
				} catch (SQLException e) {
					e.printStackTrace();
				}
		       }
		
	}
  
	 
	
}
五：连接数据库，创建一个UserDao类，用于操纵数据库： 
package cn.nc.dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;

import cn.nc.bean.User;
import cn.nc.utils.JdbcUtils;

public class UserDao {
   
	public boolean isExist(User user){
		Connection connection =null;
		PreparedStatement pstmt = null;
		ResultSet rs =null;
		try{ 
			//��ȡconnection
			 connection = JdbcUtils.getConnection();
			//����sql���
			String sql ="select *  from t_login where name=? and pwd =?";
			pstmt  = connection.prepareStatement(sql);
			pstmt.setString(1,user.getName());
			pstmt.setString(2,user.getPwd());
			rs = pstmt.executeQuery();
			if(rs.next()){
				return true;
			}else{
				return false;
			}
		}catch(Exception e){
			throw new RuntimeException(e);
		}
		 
	  }
}
六：创建一个loginservlet类，用于逻辑处理： 
package cn.nc.web.servlet;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cn.nc.bean.User;
import cn.nc.dao.UserDao;

public class LoginServlet extends HttpServlet{

	  public void doGet(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{
		  UserDao userDao = new UserDao();
		  //���е�name
		  String name = request.getParameter("name");
		  //���е�pwd
		  String pwd = request.getParameter("pwd");
		  User user = new User(name,pwd);
		  boolean exist = userDao.isExist(user);
		  //�����ѯ�������и��û�
		  if(exist){
			  //ҳ����ת��main.jsp
			  request.getRequestDispatcher("/main.jsp").forward(request,response);
		  }else{
			  //����,ҳ�治��ת
			  request.getRequestDispatcher("/login.jsp").forward(request,response);
		  }
	  }
	  
//	  public void dPost(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{
//		     this.doGet(request, response);
//	  }
//	  
}

七：创建一个main.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>
  <title>登录成功啦</title>
</head>
<body>
      恭喜你，啦啦啦啦啦
</body>
</html>

八：所有代码已经打完，现在我们来测试下这个界面：

点击pom.xml-->run as-->Maven build-->tomcat7:run


出现以下信息，说明运行成功：


八：在浏览器下输入http://localhost:8090/login.jsp

运行如下所示：


输入数据库创建的正确的用户名和密码：


点击提交：出现以下界面：


那么，恭喜你，已经成功。

一只小程序员啊
关注
  • 1
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JSP简单页面跳转
weixin_45875198的博客
09-28 290
# 1:登录页面代码 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYP
简单的jsp登录页面跳转功能
热门推荐
小爽哒哒哒的博客
10-17 1万+
文件共有四个web.xml、login.jsp、logout.jsp、welcome.jsp四个文件 测试环境：Tomcat 6.0.x 假设项目名称是LoginSample，我的目录结构是这样的 ...\webapps\LoginSample\WEB-INF\web.xml ...\webapps\LoginSample\login.jsp ...\webapps\
一个简单JSP页面
08-23
一个简单的JSP页面，是软件自动生成的，主要看看格式
jsp学习的简单代码（一）
wp10ls的专栏
11-23 360
<br />jsp源码：模拟登录系统<br />============================<br />1.log.html<br />============================<br /><form action="log.jsp" method="post"><br />          用户名：<input type="text" name="name"><br><br />          密码：<input type="password" name="pwd"><br
简单的jsp源码
02-03
其实jsp挺简单的，都是一些基于标签的代码，简单易学好上手。
一个简单的jsp程序
Sunshine
06-26 1952
这是一个简单的JSP页面 <% int i,sum=0; for( i=1;i<=100;i++){ sum=sum+i; } %> 1到100的连续和是： 将该文件保存为example1.jsp 保存到Tomcat 中RooT目录中，然后运行在浏览器中输入 http://localhos
JSP登陆代码 JSP做的一个简单的登录界面
05-03
JSP登陆代码 JSP做的一个简单的登录界面JSP登陆代码 JSP做的一个简单的登录界面JSP登陆代码 JSP做的一个简单的登录界面
纯jsp登录界面自动跳转
06-19
通过以上步骤，我们可以创建一个简单的JSP登录系统，当用户输入正确的凭证后，系统会自动将其重定向到欢迎页面。然而，这只是一个基础示例，实际的登录系统还需要考虑更多因素，如密码加密、验证码、记住密码、多次...
jsp.rar_jsp 登录界面_jsp界面
09-14
总的来说，这个"jsp.rar_jsp 登录界面_jsp界面"的资源可以帮助初学者理解如何利用JSP构建一个简单的登录界面，并处理用户的登录请求。通过学习这个例子，开发者可以了解到JSP的基本语法、内置对象的使用，以及如何...
ajax 提交数据到后台jsp页面及页面跳转问题
11-30
` 这里`openPage`是一个假设存在的函数，用于打开一个新的页面，其参数可能包括标题、内容、URL等。 关于页面跳转，Ajax本身并不支持直接的页面重定向，因为它的设计目的是异步更新部分页面内容。但可以在Ajax请求...
一个简单的jsp网页(初学者作品)
05-05
初学网页制作时,用MyEsclipse制作的一个简单网页.主要有用户注册、登录、管理员登录、管理等功能。
简单的jsp网页设计
12-15
这是一个简单的jsp网页，里面包含了大多数jsp的类和方法
一个简单的jsp源代码1
05-08
一个简单实用的jsp源代码，对初学者来说和还是不错的例子。
一个简单的JSP程序
10-23
代码不全，有需要可以补充，登陆地址：http://localhost:8111/jspbbs/User/login.jsp
一个简单的jsp实例网页
06-25
可以让你轻松的了解jsp，一个简单的网页，可以通过它学习相关的jsp的基础知识。有了这个开端，接下来的jsp的开发，应用就会比较简单了，完全有用的开始程序！
创建一个简单jsp-servlet应用程序.doc
03-09
### 创建一个简单的JSP-Servlet应用程序 #### 一、概述 本文档主要介绍如何构建一个基本的JSP-Servlet Web应用程序。通过本教程，读者将了解JSP与Servlet的基本概念，以及如何结合这两种技术来搭建一个四层架构的...
Jsp，JavaBean,Servlet组建一个mvc模式的登录界面
09-22
### 使用JSP、JavaBean与Servlet构建MVC模式下的登录界面 ...综上所述，通过使用JSP、JavaBean和Servlet技术，我们可以按照MVC架构模式构建一个完整的登录系统。这种模式使得代码更加模块化、易于维护和扩展。
一个简单的jsp 页面
12-05 188
<%@ page 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....
简单的jsp
学习日记
12-07 1109
看一个简单的jsp程序:helloworld.jsp#vim /usr/tomcat5.5/webapps/ROOT/myjsp/helloworld.jspJsp-----helloworld!---显示时间Hello World!现在的时间是://利用Javas标准库显示时间  Date date = new Date();  out.println(date);%>保存.用浏览器打开相应的U
帮我用jsp写一个登录界面
最新发布
06-07
好的，以下是一个简单的登录界面的 JSP 代码： ``` <!DOCTYPE html> 登录 登录 用户名： <input type="text" id="username" name="username" required><br> 密码： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值