jsp+postgresql学习笔记（1）用户登录与注册
前期准备：
- tomcat的安装与配置（略）
- jdk的安装与配置（略）
- eclipse软件安装与配置（略）
- webstrom软件或IDEA的安装与配置（大概用了IDEA就不需要eclipse了，但是怎么都没办法调试jsp所以还是放弃了，哈哈哈，tomcat部署https://segmentfault.com/a/1190000006130006）
- postgresql+QGIS+uDig+GeoServe安装与配置（略）
- tomcat配置postgresql（略）
- 土方计算的算法整理（见随笔）
- 构建项目测试数据库（用户表users如下所示）注意事项：数据库名、表名、字段名等尽量使用英文字符
登录界面-详细过程
1登录界面，jsp连接postgresql数据库
Html中使用表单提交用户名、登录密码等数据，<from>标签中的action表示数据提交给LoadFile.jsp，因为注册按钮需要另外提交给Lodin.jsp，所以注册按钮应在<from>标签之外。
（界面做的比较丑，还没进行美化，此处只附登录<div>代码，至于样式自己设置就好啦，不再上传了）
Html 登录 代码：
<!-- -3.1-登录-->
<div id="load" align="center">
<br><p align="center"><strong>用户登录 </strong></p>
<form name="form" action="../jsp/LoadFile.jsp" method="post">
<br><p><strong>工号:</strong><input class="inputText" name="num" type="text" placeholder="请输入您的工号！"/></p>
<br><p><strong>密码:</strong><input class="inputText" name="userpassword" type="password" placeholder="请输入您的密码！"/></p>
<br><p><input type="submit" class="log" name="submit" value="登录"></p>
</form>
<br>
<p><input class="log" name="login" type="button" value="注册" onclick=login();></p>
<br>
</div>
LoadFile.jsp中主要定义了登录行为。
首先连接数据库，url为 jdbc:postgresql://localhost:5432（接口）/EC System （数据库名称）；username为数据库所有者（下图为数据库属性页面）；password为数据库登录密码。
其次，用户登录。先检测用户输入的用户名是否正确，使用sql语句在数据库表中查询用户名字段，如果用户名正确再检查密码，否则，就输出用户名错误。检查密码时应为逻辑与，即用户名密码同时存在才可以。
本表工号为主键，因此登录时用户名为工号。
LoadFile.jsp 登录 代码
<%@ page contentType = "text/html; charset=utf-8"%>
<%@ page import="java.sql.*"%>
<html>
<head>
</head>
<body>
<div style=text-align:center>
<%
Class.forName("org.postgresql.Driver");
Connection connect = DriverManager.getConnection("jdbc:postgresql://localhost:5432/EC System","postgres","123569");
/* //登录JDBC链接数据库 */ /* load */
String num = request.getParameter("num");
session.setAttribute("username",num);
String userpassword = request.getParameter("userpassword"); Statement pme = connect.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
/* //createStatement()创建一个 Statement对象来将 SQL语句发送到数据库。从数据库里面取东西对比 */
String rs = "select * from users where workid = '"+num+"'";
ResultSet s = pme.executeQuery(rs);
if(s.next()){
Statement stmt = connect.createStatement(ResultSet.TYPE_SCROLL_SENSITIVE,ResultSet.CONCUR_UPDATABLE);
String sql = "select * from users where workid='"+num+"'and password='"+userpassword+"'";
ResultSet i = stmt.executeQuery(sql);
/* //查询返回的结果集 */
if(i.next()){
out.println("<script language = 'javaScript'> alert('登录成功！');</script>");
response.setHeader("refresh","1;url = ../html/NewFile1.html");/* //刷新，一秒跳到其他页面 */
}/* 登录 */
else{
out.println("ERROR");
out.println("<script language = 'javaScript'> alert('密码错误，请重新登录！');</script>");
response.setHeader("refresh","1;url = ../html/EC-Home.html");
}
stmt.close();
}else{
out.println("ERROR");
out.println("<script language = 'javaScript'> alert('用户名不存在，请重新输入！');</script>");
response.setHeader("refresh","1;url = ../html/EC-Home.html");
} pme.close();
connect.close();
%>
</div>
</body>
<html>
注册界面Html代码
<!-- -3.1-登录-->
<div id="login" align="center">
<p align="center"><strong>用户注册 </strong></p>
<form action="../jsp/Login.jsp" method="post" onsubmit = "return validate();">
<table frame=void width=800px border="1" align="center">
<tr>
<td class="td1"><strong>姓名:</strong></td>
<td class="td2"><input id="name" name="name" type="text" class="inputText" placeholder="请输入您的真实姓名！" onfocus="YHMonfocu()" onblur="YHMonblus()" required/><span id="YHMerror"></span></td>
</tr>
<tr>
<td class="td1"><strong>工号:</strong></td>
<td class="td2"><input id="workid" name="workid" type="text" class="inputText" placeholder="请输入您的工号！" onfocus="GHMonfocu()" onblur="GHMonblus()" required/><span id="GHMerror"></span></td>
</tr>
<tr>
<td class="td1"><strong>职务:</strong></td>
<td class="td2">
<select id="position" name="position" onfocus="ZWMonfocu()" onblur="ZWMonblus()" required>
<option value="" style="display: none;color: #555">请选择您的职务！</option>
<option value="VIP" >负责人</option>
<option value="GIP" >普通成员</option>
</select>
<span id="ZWMerror"></span>
</td>
</tr>
<tr>
<td class="td1"><strong>密码:</strong></td>
<td class="td2"><input id="password" name="password" type="password" class="inputText" placeholder="请输入您的密码！" onfocus="MMonfocu()" onblur="MMonblus()" required/><span id="MMerror"></span></td>
</tr>
<tr>
<td class="td1"><strong>再次输入密码:</strong></td>
<td class="td2"><input id="confirmPassword" name="confirmPassword" type="password" class="inputText" placeholder="请确认您的密码！" onfocus="QRMMonfocu()" onblur="QRMMonblus()" required/><span id="QRMMerror"></span></td>
<!-- //建立表格显示登录界面 -->
</tr>
<tr>
<td class="td1"> </td>
<td class="td2">
<input type="submit" name="submit" class="submitBtn" value="注册" >
</td>
<!-- //设置登录的按钮跳转界面 -->
</tr>
</table>
</form>
</div>
loadsql.js注册信息校检代码
/* JavaScript校验要求：
1.每一项都必须填写内容或者做出选择，不能存在空项；+++++++++
2.姓名：不为空+++++++
3.职业：GIP/VIP
3.工号：只能包含英文字母大小写和数字，长度为8个字符；++++++++
3.密码：必须包含英文字母大小写和数字，长度为8个字符；++++++
4.确认密码：必须与密码相同；
5.如果用户没有按照以上要求输入信息，则当光标离开该项时，在该项的右侧用红色字体给出相应的提示信息。++++++*/
// 姓名name
var registerbtn = document.getElementById("submit");
var Name_state = false;
var workid_state = false;
var position_state = false;
var password_state = false;
var confirmPassword_state = false; function YHMonblus(){
var name = document.getElementById("name");
if(name.value.length==0){
console.log(name.value);
document.getElementById('YHMerror').innerText="请输入您的真实姓名！";
Name_state = false;
}
else {
document.getElementById('YHMerror').innerText ="";
Name_state = true;
}
checkform();
}
function YHMonfocu(){
document.getElementById('YHMerror').innerText ="";
}
/*工号workid*/
function GHMonblus(){
var workid=document.getElementById("workid");
// var reN =/^\d{6,18}$/;
var re = /^(?=.*\d)(?=.*[a-zA-Z])[\da-zA-Z]{8}$/;
if(workid.value==""){
document.getElementById('GHMerror').innerText="请输入您的工号！";
workid_state = false;
}
else if(workid.value.length != 8){
console.log(workid.value);
document.getElementById('GHMerror').innerText="格式错误,长度应为8个字符！";
workid_state = false;
}
else if(!re.test(workid.value)){
document.getElementById('GHMerror').innerText="格式错误,必须包含英文字母和数字！";
workid_state = false;
}
else {
document.getElementById('GHMerror').innerText ="";
workid_state = true;
}
checkform();
}
function GHMonfocu(){
document.getElementById('GHMerror').innerText ="";
}
// 职务position
function ZWMonblus(){
var position = document.getElementById("position");
console.log(position.value);
if(position.value==""){
document.getElementById('ZWMerror').innerText="请选择您的职务！";
position_state = false;
}
else {
document.getElementById('ZWMerror').innerText ="";
position_state = true;
}
checkform();
}
function ZWMonfocu(){
document.getElementById('ZWMerror').innerText ="";
}
//密码password
function MMonblus(){
var password=document.getElementById("password");
var re = /^(?=.*\d)(?=.*[a-zA-Z])[\da-zA-Z]{8}$/;
// var reg=/[A-Za-z].*[0-9]|[0-9].*[A-Za-z]/;
if(password.value==""){
document.getElementById('MMerror').innerText="请输入密码！";
password_state = false;
}
else if(password.value.length != 8){
document.getElementById('MMerror').innerText="格式错误,密码长度为8位！";
password_state = false;
} else if(!re.test(password.value)){
document.getElementById('MMerror').innerText="格式错误,必须包含英文字母和数字！";
password_state = false;
}
else {
document.getElementById('MMerror').innerText ="";
password_state = true;
}
checkform();
}
function MMonfocu(){
document.getElementById('MMerror').innerText ="";
} // 确认密码confirmPassword
function QRMMonblus(){
var password=document.getElementById("password");
var confirmPassword=document.getElementById("confirmPassword");
if(confirmPassword.value==""){
document.getElementById('QRMMerror').innerText="请输入确认密码！";
confirmPassword_state = false;
}
else if(password.value != confirmPassword.value){
document.getElementById('QRMMerror').innerText="两次密码输入不一致！";
confirmPassword_state = false;
}
else {
document.getElementById('QRMMerror').innerText ="";
confirmPassword_state = true;
}
checkform();
}
function QRMMonfocu(){
document.getElementById('QRMMerror').innerText ="";
} function checkform() {
if (!(Name_state && workid_state && position_state && password_state && confirmPassword_state)) {
registerbtn.setAttribute("disabled", "");
$("#submit").removeClass("readySubmit");
} else {
registerbtn.removeAttribute("disabled");
$("#submit").addClass("readySubmit");
}
}
function validate() {
return confirm("确定提交注册信息?");
}
Login.jsp 注册 代码
原理，将注册信息在js中检查，符合标准后，传入jsp，插入数据库，检索成功即可注册成功，否则返回重新注册。
调试多次，发现，插入数据时与查询数据代码并不类似。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
/* //createStatement()创建一个 Statement对象来将 SQL语句发送到数据库。从数据库里面取东西对比 */
/* login */ Class.forName("org.postgresql.Driver");
Connection connect = DriverManager.getConnection("jdbc:postgresql://localhost:5432/EC System","postgres","123569");
/* load */
String sql = "insert into users (name,password,workid,position) values (?,?,?,?)";
PreparedStatement stmt=connect.prepareStatement(sql);
request.setCharacterEncoding("UTF-8");
String name = request.getParameter("name");/* 使用 request.getParameter() 方法来获取表单参数的值 */
String password = request.getParameter("fipassword");
String workid = request.getParameter("workid");
String position = request.getParameter("position");
stmt.setString(1,name);
stmt.setString(2,password);
stmt.setString(3,workid);
stmt.setString(4,position);
int n=stmt.executeUpdate();
if(n==1){
out.println("TRUE");
out.println("<script language = 'javaScript'> alert('注册成功，请重新登录！');</script>");
response.setHeader("refresh","1;url = ../html/EC-Home.html");
}else{
out.println("ERROR");
out.println("<script language = 'javaScript'> alert('注册失败，请按要求填写信息，重新注册！');</script>");
response.setHeader("refresh","1;url = ../html/Login.html");
}
stmt.close();
connect.close();
%>
</body>
</html>
jsp+postgresql学习笔记（1）用户登录与注册的更多相关文章
- PostgreSQL学习笔记(九) 用户、角色、权限管理
PostgreSQL是一个多用户数据库,可以为不同用户指定允许的权限. 角色PostgreSQL使用角色的概念管理数据库访问权限. 根据角色自身的设置不同,一个角色可以看做是一个数据库用户,或者一组数 ...
- mysql颠覆实战笔记(三)-- 用户登录(二):保存用户操作日志的方法
版权声明:笔记整理者亡命小卒热爱自由,崇尚分享.但是本笔记源自www.jtthink.com(程序员在囧途)沈逸老师的<web级mysql颠覆实战课程 >.如需转载请尊重老师劳动,保留沈逸 ...
- mysql颠覆实战笔记(二)-- 用户登录(一):唯一索引的妙用
版权声明:笔记整理者亡命小卒热爱自由,崇尚分享.但是本笔记源自www.jtthink.com(程序员在囧途)沈逸老师的<web级mysql颠覆实战课程 >.如需转载请尊重老师劳动,保留沈逸 ...
- Django：学习笔记(9)——用户身份认证
Django:学习笔记(9)——用户身份认证 User
- Django实战(一)-----用户登录与注册系统5（图片验证码）
为了防止机器人频繁登录网站或者破坏分子恶意登录,很多用户登录和注册系统都提供了图形验证码功能. 验证码(CAPTCHA)是一种区分用户是计算机还是人的公共全自动程序. 可以防止恶意破解密码.刷票.论坛 ...
- 使用PHP实现用户登录和注册的功能
登陆界面 login.php <form action="logincheck.php" method="post"> 用户名:<input ...
- Django用户登录与注册系统
一.创建项目 1.1.创建项目和app python manage.py startproject mysite_login python manage.py startapp login 1.2.设 ...
- Django实战(一)-----用户登录与注册系统2（数据模型、admin后台、路由视图）
使用Django开发Web应用的过程中,很多人都是急急忙忙地写视图,写前端页面,把最根本的模型设计给忽略了. 模型中定义了数据如何在数据库内保存,再直白点说就是数据表的定义.这部分工作体现在Djang ...
- Java入门：用户登录与注册模块1（实践项目）——分析
任务描述:用户登录与注册是大多数软件都拥有的一个模块.请编写一个控制台程序,实现用户的登录与注册功能,并且用户能够修改自己信息. [需求分析]由于本程序是一个演示程序,用户的信息我们做简化处理,仅包括 ...
随机推荐
- Python 中文分词(结巴分词)
特点: 支持三种分词模式: 精确模式,试图将句子最精确地切开,适合文本分析: 全模式,把句子中所有的可以成词的词语都扫描出来, 速度非常快,但是不能解决歧义: 搜索引擎模式,在精确模式的基础上,对长词 ...
- ajax php 验证注册用户名是否存在
1.在"test"数据库中,建立一张名为"user"的表. sql语句: create table `user`( `id` ) not null auto_i ...
- tensorflow-用DASC结合Inception-v3对imagenet2012聚类实现
一.目的 以imagenet2012作为数据集,用Inception-v3对图像提取特征作为输入,来训练一个自编码器. 以上作为预训练模型,随后在该自编码器的基础上,中间加入一个自表示层,将最终学习到 ...
- webpack(3)-管理资源
管理资源:(file-loader 和 url-loader 可以接收并加载任何文件,然后将其输出到构建目录) 加载css:style-loader.css-loader 以style的形式插入到he ...
- git提交代码时，Unstaged changes如何过滤.class .log等文件
在项目下创建一个.gitignore文件,内容如下: 可以在文件目录中加入这个文件,也可以在eclipse中项目下加入此文件 /target/表示忽略target文件夹下的内容 .class 表示忽略 ...
- CDI services--Decorators(装饰器)
1.Decorators装饰器综述 拦截器是一种强大的方法在应用程序捕捉运行方法和解耦.拦截器可以拦截任何java类型的调用. 这使得拦截器适合解决事务管理,安全性,以及日记记录. 本质上说,拦截器并 ...
- Mybatis 元素内容必须由格式正确的字符数据或标记组成
一个web应用,框架为SpringMVC Spring Mybatis ,昨天写了一下午的代码,因为逻辑较大,期间也没测,打算写完这个功能点在进行测试,谁知道写完的时候,tomcat根本启动不起来了, ...
- Qt如何在QTabWidget上绘图
Qt绘图事件必须在paintEvent事件下绘图,这样导致我们在向Qt设计师界面上拖拽的控件绘图时,造成了很大的麻烦. 我们不能在拖拽的控件上写paintEvent函数,但是可以自定义一个类,继承某一 ...
- 《ASP.NET Core In Action》读书笔记系列，这是一个手把手的从零开始的教学系列目录
最近打算系统学习一下asp.net core ,苦于没有好的中文书藉,只好找来一本英文的 <ASP.NET Core In Action>学习.我和多数人一样,学习英文会明显慢于中文.希 ...
- QLayout删除所有布局
Qt 的 QLayout 文档里是这么写的,但其实不完整,参看我最下面的代码. [pure virtual] QLayoutItem *QLayout::takeAt(int index) Must ...