简单java web实现界面开发

时间:2024-03-04 17:24:30

有关javaweb的一个简单的登陆界面开发 这里使用的工具是eclipse、sql 2016、tomcat8

开发前需要在eclipse中完成tomcat和SQL的连接配置,这里tomcat在web项目运行时会自动的启动,下边介绍开发步骤

一、web项目的建立

打开eclipse点解File->New—>Dynamic Web Project

 进入以下界面,输入项目名称

 

点击next

再点击next,进入下一界面

将箭头指向的位置选中,点击finish及完成Web项目的创建

 

三、数据库建表

打开数据库右击数据库新建数据库

点击新建好的数据库,右击表->新建->表

 

 

 

 

 

在这里输入列名,选择好数据类型

打开后输入信息

保存及完成数据库表的建立

四、数据库连接

将sqljdbc4.jar文件拖入WEB-INF中

 

五、添加JSP文件

右击WebContent

Finish完成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=ISO-8859-1">
<title>Insert title here</title>
</head> 
<body>

<center>
<form action="check.jsp" method="post">//执行check.jsp文件
用户:<input type="text" name = "username"><br> 密码:<input type="password" name="pass"><br> <input type="submit" value="登陆"> </form> </center> </body> </html>

运行,可完成界面的创建

输入一下代码

<%@ page language="java" import="java.sql.*" 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>
    <%
      String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";
      String dbURL="jdbc:sqlserver://localhost:1433;DatabaseName=hh";
      String userName="sa";//数据库的登陆账号密码
      String userPwd="g15034014195";

    Class.forName(driverName);
    Connection dbConn=DriverManager.getConnection(dbURL,userName,userPwd);
    String sql = "select * from log where [user]=? and [pass]=?";//user pass代表数据库中所创建的列名
PreparedStatement pstmt = dbConn.prepareStatement(sql); request.setCharacterEncoding("UTF-8");
String user
= request.getParameter("username");
String pass
= request.getParameter("pass"); pstmt.setString(1, user);
pstmt.setString(
2, pass);
ResultSet rs
= pstmt.executeQuery();
if(rs.next()) { %><center><h1>登陆成功!</h1></center><% } else { %><center><h1>登陆失败!</h1></center><% } %> </body> </html>

运行结果如下