网页注册信息添加到数据库中 并查看数据库所有信息

<%@page import="com.bank.shuyinghengxie.service.BankServiceDAO"%>
<%@ 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>Insert title here</title>
</head>
<body>
<form action="sucessreg.jsp" method="post">
姓名<input type="text" name="id"><br>
密码<input type = "password"  name="password"><br>
<input type ="submit" value= "提交" >

</form>

</body>
</html>
<%@page import="com.bank.shuyinghengxie.Impl.BankPeopleImpl"%>
<%@page import="java.util.List"%>
<%@page import="java.net.URLDecoder"%>
<%@page import="com.bank.shuyinghengxie.service.BankServiceDAO"%>
<%@ 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>Insert title here</title>
</head>
<body>



<%
        String id = request.getParameter("id") ;

        String password = request.getParameter("password") ;

        id = new String(id.getBytes("ISO-8859-1") , "UTF-8" ) ; //转码
        
        if(id != null && id != "" && password != null && password != "")
        {
            BankServiceDAO c = new BankServiceDAO() ;

            c.getAccount( id, password ) ;
            
            out.write("注册成功") ;
        }
        else
        {
            out.write("注册失败") ;
        }
        
%>
<%
BankServiceDAO c = new BankServiceDAO() ;

List<BankPeopleImpl> list = c.showAll() ;

%>
    <table width="800" align="center" border="1px" bordercolor="#FF0000" cellpadding="0px" cellspacing="0">
        <tr align="center">
            <td>姓名</td>
            <td>卡号</td>
            <td>余额</td>
            <td>密码</td>
        </tr>
        <% 
        for(BankPeopleImpl b: list)
        {
            
            String a = b.getName() ;
            String f = b.getCardID() ;
            double d = b.getBalance() ;
            String e = b.getPassword() ;
            %>
            <tr align="center">
            <td><%out.print(a); %></td>
            <td><%out.print(f) ;%></td>
            <td><%out.print(d) ; %></td>
            <td><%out.print(e) ; %></td>
        </tr>
            <%
        }
        %>
    </table>



</body>
</html>

 

转载于:https://www.cnblogs.com/20gg-com/p/6013444.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是一个基于Node.js和MySQL的注册登录网页的代码示例,包括了用户信息添加数据库的实现。请注意,此代码示例仅提供参考,具体实现过程还需要考虑安全性、效率等方面的问题。 1. 创建数据库 首先,您需要创建一个名为"user"的数据库,包含一个名为"user_info"的表,用于存储用户信息。表可以包含以下字段:id(自增长主键)、username(用户名)、password(密码)等。示例的SQL语句如下: ``` CREATE DATABASE user; USE user; CREATE TABLE user_info ( id INT(11) NOT NULL AUTO_INCREMENT, username VARCHAR(50) NOT NULL, password VARCHAR(100) NOT NULL, PRIMARY KEY (id) ); ``` 2. 创建注册登录页面 使用HTML和CSS来创建注册登录页面,包括用户名、密码等输入框和注册、登录按钮。 ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册登录页面</title> </head> <body> <h1>注册</h1> <form id="register-form"> <label> 用户名: <input type="text" name="username" required> </label> <br> <label> 密码: <input type="password" name="password" required> </label> <br> <button type="submit">注册</button> </form> <hr> <h1>登录</h1> <form id="login-form"> <label> 用户名: <input type="text" name="username" required> </label> <br> <label> 密码: <input type="password" name="password" required> </label> <br> <button type="submit">登录</button> </form> </body> </html> ``` 3. JavaScript实现 使用JavaScript来处理表单数据,可以通过AJAX请求将表单数据发送到服务器端。在服务器端,使用Node.js来处理请求。对于注册请求,服务器端需要将用户名和密码存储到数据库,使用MySQL模块连接数据库,通过执行SQL语句实现数据的插入。对于登录请求,服务器端需要将用户名和密码与数据库存储的信息进行比较,如果匹配成功,则返回认证令牌,否则返回相应的错误信息。 ``` // 引入所需模块 const http = require('http'); const url = require('url'); const fs = require('fs'); const mysql = require('mysql'); // 创建数据库连接 const db = mysql.createConnection({ host: 'localhost', user: 'root', password: 'password', database: 'user' }); // 创建HTTP服务器 const server = http.createServer((req, res) => { const { pathname, query } = url.parse(req.url, true); if (pathname === '/') { // 返回注册登录页面 fs.readFile('./index.html', (err, data) => { if (err) { res.writeHead(500, {'Content-Type': 'text/plain'}); res.end('Internal Server Error'); } else { res.writeHead(200, {'Content-Type': 'text/html'}); res.end(data); } }); } else if (pathname === '/register') { // 处理注册请求 const { username, password } = query; db.query('INSERT INTO user_info SET ?', { username, password }, (err, result) => { if (err) { res.writeHead(400, {'Content-Type': 'text/plain'}); res.end('Bad Request'); } else { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('OK'); } }); } else if (pathname === '/login') { // 处理登录请求 const { username, password } = query; db.query('SELECT * FROM user_info WHERE username = ?', [username], (err, results) => { if (err) { res.writeHead(400, {'Content-Type': 'text/plain'}); res.end('Bad Request'); } else if (results.length === 0) { res.writeHead(401, {'Content-Type': 'text/plain'}); res.end('Unauthorized'); } else { const user = results[0]; if (user.password === password) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('OK'); } else { res.writeHead(401, {'Content-Type': 'text/plain'}); res.end('Unauthorized'); } } }); } else { // 返回404错误 res.writeHead(404, {'Content-Type': 'text/plain'}); res.end('Not Found'); } }); // 启动服务器 server.listen(3000, () => { console.log('Server is running at http://localhost:3000'); }); ``` 4. 实现安全性 为了保证用户信息的安全性,需要对密码进行加密处理。可以使用bcrypt等加密工具对密码进行哈希处理,将哈希后的密码存储到数据库,以保护用户的隐私信息。 ``` // 引入所需模块 const bcrypt = require('bcrypt'); // 处理注册请求 const { username, password } = query; bcrypt.hash(password, 10, (err, hash) => { if (err) { res.writeHead(400, {'Content-Type': 'text/plain'}); res.end('Bad Request'); } else { db.query('INSERT INTO user_info SET ?', { username, password: hash }, (err, result) => { if (err) { res.writeHead(400, {'Content-Type': 'text/plain'}); res.end('Bad Request'); } else { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('OK'); } }); } }); // 处理登录请求 const { username, password } = query; db.query('SELECT * FROM user_info WHERE username = ?', [username], (err, results) => { if (err) { res.writeHead(400, {'Content-Type': 'text/plain'}); res.end('Bad Request'); } else if (results.length === 0) { res.writeHead(401, {'Content-Type': 'text/plain'}); res.end('Unauthorized'); } else { const user = results[0]; bcrypt.compare(password, user.password, (err, same) => { if (same) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('OK'); } else { res.writeHead(401, {'Content-Type': 'text/plain'}); res.end('Unauthorized'); } }); } }); ``` 以上是一个基于Node.js和MySQL的注册登录网页的代码示例,通过AJAX请求将表单数据发送到服务器端,实现了用户信息添加数据库的功能。希望对您有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值