简单java web实现界面开发

有关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>

运行结果如下