课堂测试

任务需求：

撰写一篇博客

需要网站系统开发需要掌握的技术；

本次课堂测试的源程序代码；

运行结果截图；

说明课堂测试未按时完成的原因。

列出你对这门课的希望和自己的目标，并具体列出你计划每周花多少时间在这门课上。

这里介绍一下怎样连接数据库，并用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实现网站登录界面的制作，并连接数据库的更多相关文章

  1. php注册、登录界面的制作

    当初我觉得一个网站上注册和登录这两个功能很神奇,后来自己研究一下发现其实道理很简单,接下来看一下怎么实现的吧.... 我实在我的电脑上建了几个文件: login.html (登录页面) registe ...

  2. html简约风用户登录界面网页制作html5-css-jquary-学习模版

    2018--12-12 喜迎双十二,咳咳,,,,我不是打广告哈,购物的节日也不要忘记学习. 大家好,我又来了. 今天抽出来空把自己的学习心得给大家分享,这是一个可开发可扩展的用户登录界面,用于开发学习 ...

  3. Android开发实例之miniTwitter登录界面的实现

    原文: http://www.jizhuomi.com/android/example/134.html 本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界 ...

  4. 利用Java EE里jsp制作登录界面

    jsp连接数据库.百度经验. 1.在新建的Project中右键新建Floder 2.创建名为lib的包 3.创建完毕之后的工程目录 4.接下来解压你下载的mysql的jar包,拷贝其中的.jar文件 ...

  5. 30分钟搞定后台登录界面（103个后台PSD源文件、素材网站）

    去年八月时要做一个OA系统为了后台界面而烦恼,后来写了一篇博客(<后台管理UI的选择>)介绍了选择过程与常用后台UI,令我想不到的时竟然有许多开发者与我一样都为这个事情而花费不少时间,最后 ...

  6. 一个简单的jsp+servlet登录界面的总结

    这个登录界面我是用eclipse+tomcat7来实现的(网上比较多都是用myeclipse来做的) 1.首先是关于servlet部署的问题 首先你的servlet类要写在WEB-INF的Class文 ...

  7. 软件工程概论 网站开发要掌握的技术 &登录界面

    1.网站系统开发需要掌握的技术 一.界面和用户体验(Interface and User Experience) 1.1 知道如何在基本不影响用户使用的情况下升级网站.通常来说,你必须有版本控制系统( ...

  8. 初识Jsp，JavaBean,Servlet以及一个简单mvc模式的登录界面

    1:JSP JSP的基本语法:指令标识page,include,taglib;page指令标识常用的属性包含Language用来定义要使用的脚本语言:contentType定义JSP字符的编码和页面响 ...

  9. 使用Axure RP原型设计实践03,制作一个登录界面的原型

    本篇体验做一个登录界面的原型. 登录页 首先在Page Style里为页面设置背景色. 如果想在页面中加图片,就把Image部件拖入页面,并设置x和y轴.双击页面中的Image部件可以导入图片.在Im ...

随机推荐

  1. centos 7 查看所有登录用户的操作历史

    2019-01-07 转自  https://www.cnblogs.com/kevingrace/p/7373146.html centos 7 查看所有登录用户的操作历史 在Linux系统的环境下 ...

  2. python描述符学习

    目录 一.对象属性的访问控制 二.描述符基本理解 三.基本使用 四.使用描述符完成property.classmethod.staticmethod自定义实现 1.property的自定义实现 2.c ...

  3. android中画弧函数canvas.drawArc()之理解

    在学习android中图形图像处理技术这部分内容时,对绘制圆弧函数canvas.drawArc()的用法.参数含义及画图原理很是不理解,在网上搜索了一些,加上自己的理解,在此做个小总结,作为学习过程中 ...

  4. 微服务Kong（三）——添加一个API

    在开始前,请确保您已经安装了KONG服务,并且已经启动了KONG服务. 在本节中,您可以学习到:如何在KONG层添加一个API.这是您使用KONG来管理您的API的第一步.对于此篇教程,我们将使用 h ...

  5. 关于delete和对象复制

    本码农的惯例,开篇废话几句... 前天小生又被虐了... 没办法,作为一个资深code user,我用代码的能力,解决问题的能力自问是不弱的... 但是自身的前端基础说实话还是不过硬,最明显的表现就是 ...

  6. mysql去除重复记录案例

    例1,表中有主键(可唯一标识的字段),且该字段为数字类型 1 测试数据 /* 表结构 */ DROP TABLE IF EXISTS `t1`; CREATE TABLE IF NOT EXISTS ...

  7. i.mx android6 输入子系统分析（未完）

    参考:http://blog.csdn.net/u010312937/article/details/53285286 https://www.jianshu.com/p/7fca94b330ea   ...

  8. [转]MONTHS_BETWEEN Function - Oracle to SQL Server Migration

    本文转自:http://www.sqlines.com/oracle-to-sql-server/months_between In Oracle, MONTHS_BETWEEN(date1, dat ...

  9. vuex源码分析3.0.1(原创)

    前言 chapter1 store构造函数 1.constructor 2.get state和set state 3.commit 4.dispatch 5.subscribe和subscribeA ...

  10. MyEclipse部署web项目的关键

    我自己的经验: 主要有3点: 自己的代码要正确 数据库服务确保已经启动 确保你的访问路径是正确的 1.自己的代码要正确 比如jdbc驱动,正确的写法:private static final Stri ...