eclipse |
您所在的位置：网站首页 › web账号密码的代码怎么写的 › eclipse |
eclipse
|
目录 1.软件环境 2.创建Dynamic Web Project项目 3.导入JDBC jar包 4. 创建 JSP 页面 5. 创建 一个 包 写 java代码 6. 新建一个 Servlet 用于登录 7. 修改代码中的 数据库和数据库密码 8.注册 页面 JSP 9. 新建一个 Servlet 用于 注册用户 10.修改 web.xml 11.数据库建库（testdb）建表(user) 12.右键 项目 运行 13. 运行 截图 1.软件环境Eclipse Java EE IDE Java JDK Mysql Navicat Premium 15 Tomcat Mysql JDBC 驱动包 2.创建Dynamic Web Project项目
填写项目名称后 俩次 next ，然后 finish 项目结构：
打开 刚 创建的 Login.jsp 页面把 原有的代码 全选删掉 复制 以下 代码： 用户登录 .log_btn { margin-right: 12%; margin-left: 3%; } /* .argee_box { margin-right: 40%; } */ .box { background-color: RGBA(249, 249, 249, .7); } .outer_box { margin-top: 5%; } .navbar { padding: 30px; } 欢迎登陆 验证成功！ 请输入用户名！ 验证成功！ 请输入密码！ 同意协议 验证成功！ 同意协议才能提交。 登录 注册 5. 创建 一个 包 写 java代码
打开刚才创建的 Login1Servlet.java 全选 删掉 复制以下 代码： package com.zlj.servlet; import java.io.IOException; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class Login1Servlet */ @WebServlet("/LoginServlet") public class Login1Servlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public Login1Servlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub doPost(request, response); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub // 1. 设置 编码 （解决乱码为题） response.setContentType("text/html;charset=UTF-8"); request.setCharacterEncoding("UTF-8"); // 2. 获取 Username and password 表单属性值 String username = request.getParameter("username").trim(); String password = request.getParameter("password").trim(); boolean flag = false; // 3. 连接数据库 Connection conn = null; PreparedStatement pStatement = null; // /* * Statement 如果 sql 语句 只执行一次的话 就 创建 Statement 对象 如果 sql 语句中 带有参数 例如 预编译 where * username = ? and password = ?"; 那就创建 PreparedStatement 对象 */ ResultSet result = null; // 结果集 try { Class.forName("com.mysql.jdbc.Driver"); // 驱动 String url = "jdbc:mysql://localhost:3306/testdb"; conn = DriverManager.getConnection(url, "root", "zhoulijun"); // 4.在连接基础上 执行 sql 命令 ，并返回 执行结果 String strSql = "select username,password from user where username = ? and password = ?"; pStatement = conn.prepareStatement(strSql); // 预编译 pStatement.setString(1, username); // sql 语句中 username = ? pStatement.setString(2, password); // sql 语句中 password = ? result = pStatement.executeQuery(); // 执行查询 后 赋值 给 结果集 ResultSet result if (result.next()) { flag = true; } // 释放资源 result.close(); pStatement.close(); conn.close(); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } // 4. 根据 执行结果 作出 相应处理 if (flag) { // 如果 找到（flag == true） 说明 存在 既账户 表示 登陆成功 response.getWriter().println("尊敬的用户" + username + "您好！"); } else { response.getWriter().println("window.alert('用户名或密码 错误');window.location.href='Login.jsp'"); } } } 7. 修改代码中的 数据库和数据库密码
重复刚才的 步骤 再次 新建一个 JSP 页面 Register1.jsp 然后打开 全选 删掉 复制以下 代码 8.注册 JSP 页面 注册账号 function check(form) { /* if (form.username.value == "") { alert("用户名不能为空！"); return false; } if (form.password.value == "") { alert("密码不能不能为空！"); return false; } */ } (function() { 'use strict'; window.addEventListener('load', function() { // 获取表单验证样式 var forms = document.getElementsByClassName('needs-validation'); // 循环并禁止提交 var validation = Array.prototype.filter.call(forms, function(form) { form.addEventListener('submit', function(event) { if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } form.classList.add('was-validated'); }, false); }); }, false); })(); .box { background-color: RGBA(249, 249, 249, .8); } .log_btn { margin-right: 12%; margin-left: 2%; } 注册账号 验证成功！ 请输入用户名！ 验证成功！ 请输入密码！ 男 女 验证成功！ 请输入密保问题！ 验证成功！ 请输入密保答案！ 验证成功！ 请输入邮箱！ 同意协议 验证成功！ 同意协议才能提交。 提交 重置 9. 新建一个 Servlet 用于 注册用户重复 刚才 创建 Servlet 步骤 新建一个 Servlet 类名为 RegUser1Servlet 全选 删掉 复制 以下代码 package com.zlj.servlet; import java.io.IOException; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.SQLException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; /** * Servlet implementation class RegUser1Servlet */ @WebServlet("/RegUserServlet") public class RegUser1Servlet extends HttpServlet { private static final long serialVersionUID = 1L; /** * @see HttpServlet#HttpServlet() */ public RegUser1Servlet() { super(); // TODO Auto-generated constructor stub } /** * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse * response) */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.getWriter().append("Served at: ").append(request.getContextPath()); } /** * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse * response) */ protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub response.setContentType("text/html;charset=UTF-8"); request.setCharacterEncoding("UTF-8"); Connection conn = null; PreparedStatement pst = null; // 1. 获取 表单 属性值 String username = request.getParameter("uname").trim().toLowerCase(); String password = request.getParameter("password").trim(); String sex = request.getParameter("gender").trim(); String question = request.getParameter("mibaoque").trim(); String answer = request.getParameter("mibaopass").trim(); String email = request.getParameter("email").trim(); String strSql = "insert into user(username,password,sex,question,answer,email) values(?,?,?,?,?,?)"; int flag = 0; try { Class.forName("com.mysql.jdbc.Driver"); // 驱动 String url = "jdbc:mysql://localhost:3306/testdb"; conn = DriverManager.getConnection(url, "root", "zhoulijun"); pst = conn.prepareStatement(strSql); pst.setString(1, username); pst.setString(2, password); pst.setString(3, sex); pst.setString(4, question); pst.setString(5, answer); pst.setString(6, email); flag = pst.executeUpdate(); // executeUpdate 执行增删改 操作 pst.close(); conn.close(); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } if(flag > 0) { response.getWriter().println("window.alert('注册成功')"); } response.sendRedirect("Login.jsp"); } }修改 数据库 的名称 和 自己数据库的密码 10.修改 web.xml
打开 Navicat Premium 15 这边 创建数据库 名为 testdb 即可 数据表 名为 user 即可
end ------------------ 12.右键 项目 运行
13. 运行 截图
|
【本文地址】
今日新闻 |
推荐新闻 |