註冊功能實現後臺資料庫新增使用者資訊

阿新 • • 發佈：2019-01-18

程式碼：

一.前端介面的優化

zhuce.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>註冊頁面</title>
<link href="CSS/zhuce.css" rel="stylesheet" type="text/css">
</head>
<body background="img/body.jpg">
  <div id="container">
  　 <div id="top">
      <span id="tit_name">會員註冊</span>
     </div>
     
     <div id="left">
       <img src="img/fruit.jpg" width="100%" height="100%"  alt="水果盛宴"/>
     </div>
     
     <div id="loginbox">
      <form method="post" action="Register">
        <p style="font-size:16px; font-weight:bold">會員名稱：</p>
        <input type="text" style="width:350px; height:50px; border:1px solid #CCC" id="username" name="username" /><br/>
        <span style="border:2px solid #CCC; background:#F66; line-height:26px; font-size:14px" id="userNameSpan">使用者名稱不能為空！</span>
        <p style="font-size:16px; font-weight:bold">登陸密碼：</p>
        <input type="password" style="width:350px; height:50px; border:1px solid #CCC" id="passwordone" name="passwordone" /><br/>
        <span style="border:2px solid #CCC; background:#F66; line-height:26px; font-size:14px" id="userNameSpan">密碼長度不能小於6位！</span>
        <p style="font-size:16px; font-weight:bold">確認密碼：</p>
        <input type="text" style="width:350px; height:50px; border:1px solid #CCC" id="passwordtwo" name="passwordtwo" />
        <p style="font-size:16px; font-weight:bold">電子郵箱：</p>
        <input type="text" style="width:350px; height:50px; border:1px solid #CCC" id="mail" name="email" /><br/>
        <span style="border:2px solid #CCC; background:#F66; line-height:26px; font-size:14px" id="userNameSpan">請填寫有效的電子郵箱！</span>
        <p style="font-size:16px; font-weight:bold"></p>    
        <input type="submit" style="width:150px; height:60px; background:#06F"  value="提交註冊" id="buttontwo" name="buttontwo" /><br/>
        <p style="font-size:20px; font-weight:bold">我已註冊，直接 <a href="denglu.jsp"><input type="button" style="width:100px; height:60px; background:#06F"  value="登 陸" id="buttonone" name="buttonone"/> </a></p>
        
        </form>
     </div>
      
  </div>
</body>
</html>

zhuce.css

@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
body {
    text-align: center;
    font-size: 12px;
    font-family: "宋體",Tahoma, Arial, Helvetica, sans-serif;
    color: #333;
}
#container{  
    margin:0px auto;  
    width:1500px;  
    height:1130px;  
    text-align:left;  
    background:#FFF;   
	border: 10px solid #0F0;   
}  
#top{
	height:30px;
	width:100%;
	line-height: 30px;
    border-bottom: 1px solid #cacaca;
	clear: both;
    padding: 25px 0 0;
}
#tit_name 
{
    display: block;
    float: left;
    padding: 0 10px;
    line-height: 30px;
    border-bottom: 1px solid #31e02c;
    font-size: 14px;
    font-weight: bold;
}
#left{
	height:1000px;
	width:900px;
    float: left;
    display: inline;
}
#loginbox 
{
    float: left;
    margin-top:100px;
    width: 400px;
    padding: 50px;
    border: 1px solid #069;
}
#username{
    height: 32px;
    line-height: 32px;
    text-indent: 2px;
    border: 1px solid #666;
    background: #fff;
}

實現的介面

二.後端功能的實現

DButil.java

package Servlet;
import java.sql.DriverManager;
import java.sql.SQLException;
import com.mysql.jdbc.Connection;

public class DButil 
{
	private static String driver;
	private static String url;
	private static String username;
	private static String password;
	
	static {
		driver="com.mysql.jdbc.Driver";
		url="jdbc:mysql://localhost:3306/test";
		username="root";
		password="root";
	}
	
	 /*
	  * 開啟資料庫
	  */
	
	public static Connection open() 
	{
			try {
				System.out.println("資料庫連線成功！"); 
				Class.forName(driver);
				return (Connection) DriverManager.getConnection(url,username,password);
			} catch (Exception e) {
				// TODO Auto-generated catch block
				System.out.println("資料庫連線失敗！"); 
				e.printStackTrace();
			}
		return null;
	}
	
	/*
	 * 關閉資料庫
	 */
	 public static void close(Connection conn)  
     {  
         if(conn!=null)  
         {  
             try
             {  
                 conn.close();  
             } catch (SQLException e) {  
                 // TODO Auto-generated catch block  
                 e.printStackTrace();  
             }  
         }  
     }  
}

Customer.java

package Servlet;

public class Customer {
 String username;
 String password;
 String email;
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 String getEmail() {
	return email;
}
public void setEmail(String email) {
	this.email = email;
}

}

CustomerDAO.java

package Servlet;
import java.util.List;

public interface CustomerDAO {
	  public void add(Customer c);//新增使用者
	  public void update(Customer c);//修改使用者
	  public List<Customer> query();//查詢返回所有使用者
}

CustomerDAOer.java

package Servlet;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

import com.mysql.jdbc.Connection;
import com.mysql.jdbc.PreparedStatement;
import com.mysql.jdbc.Statement;

public class CustomerDAOer implements CustomerDAO {

	public void add(Customer c) {
		// TODO Auto-generated method stub
		 String sql="insert into user(username,password,email) values(?,?,?)";
	        Connection conn=DButil.open();
	        try {
				PreparedStatement pst=(PreparedStatement) conn.prepareStatement(sql);
				pst.setString(1,c.getUsername());
				pst.setString(2,c.getPassword());
				pst.setString(3,c.getEmail());
				
				pst.executeUpdate();
			} catch (SQLException e) {
				// TODO Auto-generated catch block
				e.printStackTrace();
			}    
	        finally{
	        	DButil.close(conn);
	        }
	}

	@Override
	public void update(Customer c) {
		// TODO Auto-generated method stub
		String sql="update user set password=? where username=?";
        Connection conn=DButil.open();
        try {
			PreparedStatement pst=(PreparedStatement) conn.prepareStatement(sql);
			pst.setString(2,c.getPassword());
			pst.setString(3,c.getEmail());
			pst.setString(1,c.getUsername());
			
			pst.executeUpdate();
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
        
        finally{
        	DButil.close(conn);
        }
	}

	@Override
	public List<Customer> query() {
		String sql="select * from user";
        Connection conn=DButil.open();
        try {
			Statement stmt=(Statement) conn.createStatement();
			ResultSet rs=stmt.executeQuery(sql);
			List<Customer> list=new ArrayList<Customer>();
			while(rs.next())
			{
				String username=rs.getString(1);
				String password=rs.getString(2);
				String email=rs.getString(3);
				Customer c=new Customer();
				
				c.setUsername(username);
				c.setPassword(password);
				c.setEmail(email);
				
				list.add(c);
			}
			return list;
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
       
        finally{
        	DButil.close(conn);
        }
		return null;
	}

}

package Servlet;

import java.io.IOException;
import java.io.PrintWriter;

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

public class Register extends HttpServlet {
	private static final long serialVersionUID = 1L;
       
    public Register() {
        super();
        // TODO Auto-generated constructor stub
    }
    
	protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		  doPost(request, response);  
	}

	protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		// TODO Auto-generated method stub
		request.setCharacterEncoding("utf-8");  
        response.setCharacterEncoding("utf-8");  
        response.setHeader("Content-Type","text/html; charset=utf-8");  
        
        String username=request.getParameter("username");  
        String passwordone=request.getParameter("passwordone");  
        String passwordtwo=request.getParameter("passwordtwo");  
        String email=request.getParameter("email");  
        
        PrintWriter out=response.getWriter(); 
        if(username!=""&&passwordone.equals(passwordtwo)&&email!="")
        {
        	String password=passwordone;
        	out.println("恭喜您！註冊成功");
        	CustomerDAO dao=new CustomerDAOer();//呼叫介面讀取方法來例項化
        	Customer c=new Customer();
    		c.setUsername(username);
    		c.setPassword(password);
    		c.setEmail(email);
    		dao.add(c);
        }
        else
        {
        	out.println("您輸入的資訊有誤，請重新輸入！");	
        }
	}

}

提交註冊資訊後的介面

看看後臺的資料庫(最後一個即是剛註冊的使用者)，說明使用者註冊成功了！

註冊功能實現後臺資料庫新增使用者資訊

程式碼：一.前端介面的優化 zhuce.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE

實現登入註冊功能（連線資料庫）的JSP小專案

一、實現登入功能首先用sublime製作有表單檢查功能的login.html，程式碼具體如下：為了簡潔，我在Eclipse裡將CSS的引用方式改為鏈入式了，而接下來是在sublime剛做好後的程式碼截圖：然後將<form>改為<formaction="chk

用servlet實現一個註冊功能，後臺獲取資料

用servlet實現一個註冊的小功能，後臺獲取資料。註冊頁面：　　註冊頁面程式碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

部落格專案之前端開發—註冊功能實現

1、前端註冊功能實現　　在service/user.js中增加reg註冊函式　　　　 1 import axios from "axios" 2 import { observable } from "mobx"; 3 import store from 'store' 4

javaweb簡單的登入註冊功能實現

下面是使用者登入註冊流程圖登陸介面 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPat

django 用戶註冊功能實現

info pre host mage ref 圖片 url 連接不上 reg 增加views的類 class RegisterView(View): def get(self, request): return render(request,

django 使用者註冊功能實現

增加views的類 class RegisterView(View): def get(self, request): return render(request, 'register.html', {}) 增加urls.py的url url(r'^register/$', Re

yii2專案實戰-使用者管理之登入與註冊功能實現

作者：白狼出處：http://www.manks.top/document/yii2-user.html 本文版權歸作者，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連線，否則保留追究法律責任的權利。上一章節我們講述瞭如何通過新建

一 CRM 註冊功能實現

登陸 service cti 用戶密碼 strong 跳轉 ice ber port 前端：登陸頁面按鈕跳轉到註冊頁面 dao: 配置連接池配置session工廠，Hibernate核心配置，映射配置UserDao，註入session工廠 UserDao:繼承Hib

javaEE之jsp+JavaBean實現登入+註冊+留言功能（外掛資料庫）

javaEE之jsp+JavaBean實現登入+註冊+留言功能（外掛資料庫）實現效果 #UserBean.java package nmx; public class UserBean { private String username; private Stri

使用mybatis開發Dao的原始方法，實現根據使用者id查詢一個使用者資訊、根據使用者名稱稱模糊查詢使用者資訊列表、新增使用者資訊等功能

1.需求　　將下邊的功能實現Dao：　　　　根據使用者id查詢一個使用者資訊　　　　根據使用者名稱稱模糊查詢使用者資訊列表　　　　新增使用者資訊 2. 原始Dao開發方法需要程式設計師編寫Dao介面和Dao實現類 3.User.xml對映檔案的內容為： <?xml versi

java利用jdbc連線Mysql資料庫——實現登入註冊功能

實現功能如下： ①0選中註冊，若使用者名稱相同則註冊失敗，重新選擇 ②若使用者名稱不存在則儲存到資料庫 ③1選中登入，若使用者名稱和密碼符合時，登入成功。程式碼如下： package com.lucfzy; import java.sql.Connection; imp

很全面的登陸註冊介面實現，包括頁面顯示和後臺資料庫互動（寫了我一下午）

1.login.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/c

Eclipse使用（七）—— 使用Eclipse建立JavaWeb專案並使用JDBC連線資料庫實現簡單的登陸註冊功能

一、建立資料庫表（這裡使用的是Mysql5.7） DDL語句如下： CREATETABLE `tb_user` ( `u_id` int(11) NOTNULL AUTO_INCREMENT COMMENT '使用者編號', `u_username

IDEA 2018搭建SSM框架實現登入、註冊、刪除使用者、修改個人資訊、退出登入等功能

1.先來看一下完成的效果圖：註冊賬號：登入賬號：首頁展示：修改賬號：顯示所有賬號資訊（點選按鈕可刪除該條資訊）：2.使用idea新建一個Maven webapp專案記得打鉤：取名字：設定版本號：OK！3.搭建目錄結構4.設定，讓IDEA識別目錄的作用5.相關程式碼的編寫cha

vue-cli,vue-axios登入註冊例項 (後臺flask實現，資料庫sqlite3)並在iphone模擬器中執行

最近在學vue，看一個教程，教程中用vue-resource發請求，不過因為這個外掛已經不更新了所以我改用vue-axios，教程的後臺是用php寫的，原始碼我沒有看，我自己用flask實現了一個後臺先用vue -cli建立專案 vue init webpack lo

Java web專案01 停車管理系統實現新增使用者資訊功能(四)

(一)編寫一個新增使用者介面 <%@include file="/common/sub_header.jsp"%> <%@ page language="java" import

asp.net mvc 註冊中的郵箱激活功能實現

名稱 work 點擊 rom urn 內容 string 電子郵件 amp 基本流程圖註冊頁面就不再寫出，現在將發送郵件的代碼粘貼出來 public ActionResult SendEmial() { int

用php+mysql+ajax實現淘寶客服或阿裏旺旺聊天功能之後臺頁面

聯系人 http esc hold 聊天內容 12px onclick onf pda 在上一篇隨筆中，我們已經看了如何實現前臺的對話功能；前臺我限定了店主只有一人，店鋪只有一個，所有比較單一，但後臺就不一樣了，而後臺更像是我們常見的聊天軟件；當然，前臺也應該實現這種效果，

android-servlet-mysql實現登錄註冊功能

final 選擇 alt sta 姓名 delete byte[] dsta pstmt 安卓項目圖：安卓端Get請求服務端登錄代碼： import java.io.BufferedReader;import java.io.InputStream;import

註冊功能實現後臺資料庫新增使用者資訊

相關推薦