用jsp实现网站登录界面的制作，并连接数据库
课堂测试
任务需求：
撰写一篇博客
需要网站系统开发需要掌握的技术；
本次课堂测试的源程序代码；
运行结果截图；
说明课堂测试未按时完成的原因。
列出你对这门课的希望和自己的目标，并具体列出你计划每周花多少时间在这门课上。
这里介绍一下怎样连接数据库，并用jsp制作一个简单的登录界面
1.首先需要搭建好环境，有Tomcat，eslipse,jdk等，并配置好环境变量，并安装好数据库，这里我使用的数据库是mysql数据库，并下载了一个MySQL的图形界面的软件，当上面的准备工作完成后就可以开始做了。
2.（1）首先应该连接好数据库
这是数据库的图形显示界面，
（2）打开后首先创建一个mysql新连接。
（3）然后在这个界面设置好这个连接点的名字，还有密码，密码需要记住，在以后打开mysql后连接数据库的的时候需要输入，其他的内容不需要修改，完成后点击确定即可。
（4）在这个连接点的wzw1下新建一个表
（5）新建表以后需要在表格中填入信息，因为我们用到的是用户的用户名和密码，所以建立user和password
（6）点击添加字段
（7）添加字段以后然后继续填入信息
（8）然后点击保存，在弹出的界面中输入表的名字
（9）我新建的表名是wzw2，打开然后看到这个界面，说明，建表成功
这样，你就完成了mysql的对于建立登陆界面的初级设置。
3，接下来，打开eslipse，新建一个这样的工程
会出现如下界面
第一次打开需要配置好tomcat
然后输入工程名，点击finish即可
4.建立好工程后，从你的mysql-connector-java下找到下图所示的文件，将他复制下来
打开创建的工程，在文件名为WebContent下的WEB—INF下的lib文件下，粘贴复制的内容，这样就可以把mysql和这个工程相连接，如下图所示
这样就连接成功了
5.然后可以新建一个jsp文件
输入自己想命名的文件名，点击finish
打开jsp文件会出现如下界面，需要将charset=ISO-8859-1改为charset=utf-8
写jsp文件需要了解一些html的编写语法，下面是我的代码
<%@ 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">
<script>
function $(id) {
return document.getElementById(id); //这个是返回一个id格式命名的对象，比如说下面的用户名标签里面的id是“user”，那么返回的就是user这个对象，
//返回的对象可以留给下面的check（）方法使用
}
function check(){//check（）方法是用来判断是否跳转到下一个jsp界面。
var user=$("user").value;
var psd=$("psd").value;//用user和psd获取对象的信息
$("userinfo").innerHTML="";
$("psdinfo").innerHTML="";//用userinfo和psdinfo来书写提示内容，例如没有输入用户名这个提示信息，没有输入密码等，
if(user=="")//如果用户名为空，将userinfo的内容赋为如下内容，即可以显示提示信息
{
$("userinfo").innerHTML="用户名不能为空";
$("user").focus();
return false;//这时候不能跳转页面，所以返回为false
}
if(psd=="")
{
$("psdinfo").innerHTML="密码不能为空";//同上
$("psd").focus();
return false;
}
return true;
}
//script之中写的是Java的内容，下面的是
</script>
<title>登录</title>
</head>
<body background=file:///E:/工作目录/myJavaweb/1.jpg>
<center>
<form action ="loginResultre.jsp" method="post" onsubmit="return check()">//这个标签是用来引用下一个jsp文件，引用方式是通过看check（），如果是true就进入下一个界面，否则就停在这个界面。
<table>
<tr><td>用户名</td><td><input name="userName" id="user"><span id="userinfo"></span></td></tr>
<tr><td>密码</td><td><input type="password"name="userword" id="psd"><span id="psdinfo"></span></td></tr>
<tr><td><input type="submit" value="登录"></td></tr>
</table>
</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>登录结果</title>
</head>
<body>
<%//这个《%是用来编译Java内容
Connection conn = null;
PreparedStatement pstmt = null;
ResultSet rs = null;//定义好链接，执行，和结果
String driverName = "com.mysql.jdbc.Driver";
String userName = "root";//数据库的名
String userPwd = "199762";//数据库密码
String dbName = "wzw1";//数据表的名字
String url1 = "jdbc:mysql://localhost:3306/" + dbName;
String url2 = "?user=" + userName + "&password=" + userPwd;
String url3 = "&useUnicode=true&characterEncoding=UTF-8";//规定好字符集
String url = url1 + url2 + url3;//将上面三条的信息总起来
request.setCharacterEncoding("UTF-8");//规定好字符集
Class.forName(driverName);//连接数据库
conn = DriverManager.getConnection(url);//把信息传过来
String sql = "select * from wzw1 where user=? and password=?";//查询的命令
pstmt = conn.prepareStatement(sql);//执行
String user = request.getParameter("userName");//获取上一个页面的信息
String password = request.getParameter("userPwd");
pstmt.setString(1, user);//对两个内容进行处理
pstmt.setString(2, password);
rs = pstmt.executeQuery();//查询
if(rs.next()) {
%><center><h1>用户 <%=rs.getString("user")%>登陆成功！</h1></center>
<%}
else {
%><center><h1>用户名或密码错误！</h1></center>
<%}
if(rs != null) {
rs.close();
}
if(pstmt != null) {
pstmt.close();
}
if(conn != null) {
conn.close();//这里哪里出现问题了，就关掉那个变量
}
%>
</body>
</html>
结果截图：
主页：
登录后的结果
如果输入为空，则提示。
课堂测试未完成的原因：暑假里用的时间不够多，没有认真对待。
希望和目标：希望能利用Java技术实现网页的动态设计，理解Java算法，完成老师交给的任务。
计划花在软件工程上的时间：周一到周五：每天一小时，周六日：每天四个小时。
合计13小时。
用jsp实现网站登录界面的制作，并连接数据库的更多相关文章
- php注册、登录界面的制作
当初我觉得一个网站上注册和登录这两个功能很神奇,后来自己研究一下发现其实道理很简单,接下来看一下怎么实现的吧.... 我实在我的电脑上建了几个文件: login.html (登录页面) registe ...
- html简约风用户登录界面网页制作html5-css-jquary-学习模版
2018--12-12 喜迎双十二,咳咳,,,,我不是打广告哈,购物的节日也不要忘记学习. 大家好,我又来了. 今天抽出来空把自己的学习心得给大家分享,这是一个可开发可扩展的用户登录界面,用于开发学习 ...
- Android开发实例之miniTwitter登录界面的实现
原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界 ...
- 利用Java EE里jsp制作登录界面
jsp连接数据库.百度经验. 1.在新建的Project中右键新建Floder 2.创建名为lib的包 3.创建完毕之后的工程目录 4.接下来解压你下载的mysql的jar包,拷贝其中的.jar文件 ...
- 30分钟搞定后台登录界面（103个后台PSD源文件、素材网站）
去年八月时要做一个OA系统为了后台界面而烦恼,后来写了一篇博客(<后台管理UI的选择>)介绍了选择过程与常用后台UI,令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间,最后 ...
- 一个简单的jsp+servlet登录界面的总结
这个登录界面我是用eclipse+tomcat7来实现的(网上比较多都是用myeclipse来做的) 1.首先是关于servlet部署的问题 首先你的servlet类要写在WEB-INF的Class文 ...
- 软件工程概论 网站开发要掌握的技术 &登录界面
1.网站系统开发需要掌握的技术 一.界面和用户体验(Interface and User Experience) 1.1 知道如何在基本不影响用户使用的情况下升级网站.通常来说,你必须有版本控制系统( ...
- 初识Jsp，JavaBean,Servlet以及一个简单mvc模式的登录界面
1:JSP JSP的基本语法:指令标识page,include,taglib;page指令标识常用的属性包含Language用来定义要使用的脚本语言:contentType定义JSP字符的编码和页面响 ...
- 使用Axure RP原型设计实践03,制作一个登录界面的原型
本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Im ...
随机推荐
- (转)DB2和 Oracle的并发控制（锁）比较
DB2和 Oracle的并发控制(锁)比较 牛 新庄2005 年 12 月 26 日发布 原文:https://www.ibm.com/developerworks/cn/data/library/t ...
- springboot: mybatis逆向工程
第一步: pom文件配置 黄线的部分是所要配置的 <?xml version="1.0" encoding="UTF-8"?> <projec ...
- 【文档】二、Binlog结构和内容概述
binlog是一系列文件,这些文件包含了Mysql服务实例中数据的变化. binlog包含一系列二进制日志文件,还包含一个索引文件. 每个日志文件包含了一个4字节的魔法数,后面跟着描述数据变化的事件内 ...
- 用idea搭建一个简单的SSM的Demo
1.新建一个maven web app项目 结构如下 resources的资源文件如下 applicationContext.xml 的配置 <?xml version="1.0&q ...
- 《python灰帽子》学习笔记:调试器设置
一.构造 C 数据类型 C Type | Python Type | ctypes Type ____________________________________________________ ...
- 通过面试题，让我们来了解Collection
前言 欢迎关注公众号:Coder编程 获取最新原创技术文章和相关免费学习资料,随时随地学习技术知识!** 本章主要介绍Collection集合相关知识,结合面试中会提到的相关问题进行知识点的梳理.希望 ...
- 事务控制语句,begin,rollback,savepoint,隐式提交的SQL语句
事务控制语句 在MySQL命令行的默认设置下,事务都是自动提交的,即执行SQL语句后就会马上执行COMMIT操作.因此开始一个事务,必须使用BEGIN.START TRANSACTION,或者执行SE ...
- ThreadPoolExecutor 异常
通过execute提交的任务,能将该任务抛出的异常交给未捕获异常处理器处理,而通过submit提交的任务,无论是抛出的未检查异常还是已检查异常,都将被认为是任务返回状态的一部分.如果一个由submit ...
- EF4.4增删改查实例
第一.先创建一个名为Store数据库,将下面脚本代码执行创建表: USE [Store] GO /****** Object: Table [dbo].[Category] Script Date: ...
- C语言读写配置文件--转载
http://www.oschina.net/code/snippet_4873_2503 [].[代码] CException.h 跳至 [] [] [] /******************** ...