架构实例之Demo_JSP

1、开发工具和开发环境

      开发工具： MyEclipse10，JDK1.6.0_13(32位)，Tomcat7.0（32位），mysql5.7.13

开发环境：WIN10

2、Demo_JSP实现功能

     用户登录、用户注册、退出登录。

3、Demo_JSP使用技术

    本实例使用了JSP、JDBC来实现用户登录、用户注册和退出登录功能。系统架构图如图一所示：

图一：Demo_JSP系统架构图

下面请看图二（Demo_JSP中JSP文件间逻辑关系图）：

图二：Demo_JSP中JSP文件间逻辑关系图

4、具体实现

（1）在MyEclipse中新建一个Web project项目，并命名为Demo_JSP；

（2）向Demo_JSP项目中导入mysql-connector-java-5.1.6-bin.jar，这个包是实现Java连接数据库功能的包（不会导入包的同学，可以百度哟）；

附：mysql-connector-java-5.1.6-bin.jar百度云下载链接：http://pan.baidu.com/s/1i5psdDF 密码：meyg

（3）在Demo_JSP项目中新建以下JSP文件：

1）login.jsp，用户登录的首页界面，代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>登录界面</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

    <form name="form1" action="login_action.jsp" method="post">

    <table width="200" border="1">

    <tr>

        <td colspan="2">登录窗口</td>

    </tr>

    <tr>

        <td>用户名</td>

        <td><input type="text" name="username" size="10"></td>

    </tr>

    <tr>

        <td>密码</td>

        <td><input type="password" name="password" size="10"></td>

    </tr>

    <tr>

        <td colspan="2"><input type="submit" name="submit" value="登录"> <a

            href="register.jsp">注册新用户</a></td>

    </tr>

</table>

</form>

  </body>

</html>

2）login_action.jsp，接收login.jsp页面中用户输入的用户名和密码，通过JDBC实现登录认证，具体代码如下：

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>

<%@ include file="inc.jsp"%>

<%

//get parameters

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

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

//check null

if (username == null || password == null) {

    response.sendRedirect("login.jsp");

}

//validate

boolean isValid = false;

String sql = "select * from userInfo where username='"+username+"' and password='"+password+"'";

try {

    Class.forName(drv).newInstance();

    Connection conn = DriverManager.getConnection(url, usr, pwd);

    Statement stm = conn.createStatement();

    ResultSet rs = stm.executeQuery(sql);

    if(rs.next())isValid = true;

    rs.close();

    stm.close();

    conn.close();

} catch (Exception e) {

    e.printStackTrace();

    out.println(e);

} finally {

}

if (isValid) {

    session.setAttribute("username", username);

    response.sendRedirect("welcome.jsp");

} else {

    response.sendRedirect("login.jsp");

}

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>My JSP 'login_action.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

  </body>

</html>

3）inc.jsp，存放数据库连接的地址，具体代码如下：

<%@ page language="java" import="java.util.*,java.sql.*" pageEncoding="UTF-8"%>

<%

String drv = "com.mysql.jdbc.Driver";

String url = "jdbc:mysql://localhost:3306/library_system";

String usr = "root";

String pwd = "root";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>My JSP 'inc.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

    This is my JSP page. <br>

  </body>

</html>

4）welcome.jsp，用户登录成功后的主界面，具体代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'welcome.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

    <table width="100%">

    <tr>

        <td><img src="data:images/picture_01.png"></td>

        <td><img src="data:images/picture_03.jpg" width="600" height="120"></td>

    </tr>

    <tr>

        <td colspan="2">

        <hr>

        </td>

    </tr>

    <tr>

        <td>

        <table>

            <tr>

                <td><a href="welcome.jsp">Main</a></td>

            </tr>

            <tr>

                <td><a href="menu1.jsp">Menu1</a></td>

            </tr>

            <tr>

                <td><a href="menu2.jsp">Menu2</a></td>

            </tr>

            <tr>

                <td><a href="menu3.jsp">Menu3</a></td>

            </tr>

            <tr>

                <td><a href="menu4.jsp">Menu4</a></td>

            </tr>

            <tr>

                <td><a href="menu5.jsp">Menu5</a></td>

            </tr>

            <tr>

                <td><a href="menu6.jsp">Menu6</a></td>

            </tr>

            <tr>

                <td><a href="menu7.jsp">Menu7</a></td>

            </tr>

            <tr>

                <td><a href="menu8.jsp">Menu8</a></td>

            </tr>

        </table>

        </td>

        <td>

        <form name="form1" action="logout.jsp" method="post">

        <table width="200" border="1">

            <tr>

                <td colspan="2">登录成功</td>

            </tr>

            <tr>

                <td>欢迎你，</td>

                <td><%=(String) session.getAttribute("username")%></td>

            </tr>

            <tr>

                <td colspan="2"><input type="submit" name="submit" value="退出"></td>

            </tr>

        </table>

        </form>

        </td>

    </tr>

</table>

  </body>

</html>

5）loginout.jsp，用户退出登录，返回登录主界面，具体代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

session.removeAttribute("username");

response.sendRedirect("login.jsp");

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <title>My JSP 'logout.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

  </body>

</html>

6）register.jsp，实现用户注册界面，具体代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'register.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

    <form name="form1" action="register_action.jsp" method="post">

    <table width="200" border="1">

    <tr>

        <td colspan="2">注册窗口</td>

    </tr>

    <tr>

        <td>用户名</td>

        <td><input type="text" name="username" size="10"></td>

    </tr>

    <tr>

        <td>密码</td>

        <td><input type="password" name="password1" size="10"></td>

    </tr>

    <tr>

        <td>确认密码</td>

        <td><input type="password" name="password2" size="10"></td>

    </tr>

    <tr>

        <td>Email</td>

        <td><input type="text" name="email" size="10"></td>

    </tr>

    <tr>

        <td colspan="2"><input type="submit" name="submit" value="登录"> <a

            href="login.jsp">返回</a></td>

    </tr>

</table>

</form>

  </body>

</html>

7）register_action.jsp，通过JDBC实现注册，并把数据写入数据库，具体代码如下：

<%@ include file="inc.jsp"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<%

//get parameters

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

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

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

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

//check null

if (username == null || password1 == null || password2 == null || !password1.equals(password2)) {

    response.sendRedirect("register.jsp");

}

//validate

boolean isValid = false;

String sql = "select * from userInfo where username='"+username+"'";

try {

    Class.forName(drv).newInstance();

    Connection conn = DriverManager.getConnection(url, usr, pwd);

    Statement stm = conn.createStatement();

    ResultSet rs = stm.executeQuery(sql);

    if(!rs.next()) {

        sql = "insert into userInfo(username,password,mail) values('"+username+"','"+password1+"','"+email+"')";

        stm.execute(sql);

        isValid = true;

    }

    rs.close();

    stm.close();

    conn.close();

} catch (Exception e) {

    e.printStackTrace();

    out.println(e);

}

if (isValid) {

    response.sendRedirect("login.jsp");

} else {

    response.sendRedirect("register.jsp");

}

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'register_action.jsp' starting page</title>

    <meta http-equiv="pragma" content="no-cache">

    <meta http-equiv="cache-control" content="no-cache">

    <meta http-equiv="expires" content="0">

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="This is my page">

    <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

  </head>

  <body>

  </body>

</html>

5、运行结果展示

（1）在浏览器中输入http://localhost:8080/Demo_JSP/login.jsp，将出现如下图三所示：

图三：登录界面

（2）点击注册新用户，将会出现如下图四所示：

图四：注册界面

（3）注册成功后，会自动返回到登录界面，然后输入用户名和密码，点击登录将出现如下图五所示：

图五：登录后的welcome.jsp界面

附：Demo_JSP项目实例源码百度云下载链接：http://pan.baidu.com/s/1mifI8nI 密码：j3wp;   本实例所使用数据库建表sql语句文件下载链接：http://pan.baidu.com/s/1eS0n9aM 密码：7ttd

架构实例之Demo_JSP的更多相关文章

  1. 架构实例之Demo_JSP_JavaBean

    架构实例之Demo_JSP_JavaBean 1.开发工具和开发环境      开发工具: MyEclipse10,JDK1.6.0_13(32位),Tomcat7.0(32位),mysql5.7.1 ...

  2. 架构实例之SpringTest

    架构实例之SpringTest 1.开发工具和开发环境       开发工具: MyEclipse10,JDK1.6.0_13(32位),Tomcat7.0(32位),mysql5.7.13 开发环境 ...

  3. 架构实例之Demo_JSP_JavaBean_Servlet

    架构实例之Demo_JSP_JavaBean_Servlet 1.开发工具和开发环境       开发工具: MyEclipse10,JDK1.6.0_13(32位),Tomcat7.0(32位),m ...

  4. 【DDD】领域驱动设计实践 —— 架构风格及架构实例

    概述 DDD为复杂软件的设计提供了指导思想,其将易发生变化的业务核心域放置在限定上下文中,在确保核心域一致性和内聚性的基础上,DDD可以被多种语言和多种技术框架实现,具体的框架实现需要根据实际的业务场 ...

  5. JavaWeb学习之三层架构实例（三）

    引言 通过上一篇博客JavaWeb学习之三层架构实例(二)我们基本上已经实现了对学生信息列表的增删改查操作(UI除外),但是不难看出,代码冗余度太高了,尤其是StudentDao这个类,其中的增删改查 ...

  6. JavaWeb学习之三层架构实例（二）

    引言 这个实例是上一个实例JavaWeb学习 三层架构实例(一)的加强版,实现的是在前端对数据库中student表的 增.删.改.查 操作.关于三层组成云云,这里就不再叙述. 实例 效果图 先来看一下 ...

  7. linux驱动由浅入深系列：高通sensor架构实例分析之二(驱动代码结构)【转】

    本文转载自:https://blog.csdn.net/radianceblau/article/details/73498303 本系列导航: linux驱动由浅入深系列:高通sensor架构实例分 ...

  8. linux驱动由浅入深系列：高通sensor架构实例分析之三(adsp上报数据详解、校准流程详解)【转】

    本文转载自:https://blog.csdn.net/radianceblau/article/details/76180915 本系列导航: linux驱动由浅入深系列:高通sensor架构实例分 ...

  9. java：Session（概述，三层架构实例（实现接口封装JDBC），Session实现简单购物车实例）

    1.Session概述: Session:在计算机中,尤其是在网络应用中,称为“会话控制”.Session 对象存储特定用户会话所需的属性及配置信息.这样,当用户在应用程序的 Web 页之间跳转时,存 ...

随机推荐

  1. 移动端click事件延迟300ms问题

    因为历史原因,移动端点击事件会有300ms延迟,来判断用户是连续双击缩放还是点击跳转.即如果300ms内连续点击两次,则会理解为对页面进行缩放操作(当然前提是移动端页面设置为可缩放的):在一次点击之后 ...

  2. wpf模仿QQ表情

    效果图: style: <Style x:Key="LBXITEM_VERTICAL" TargetType="ListBoxItem"> < ...

  3. BZOJ 1044 木棍分割 解题报告（二分+DP）

    来到机房刷了一道水(bian’tai)题.题目思想非常简单易懂(我的做法实际上参考了Evensgn 范学长,在此多谢范学长了) 题目摆上: 1044: [HAOI2008]木棍分割 Time Limi ...

  4. POJ 2115 C Looooops扩展欧几里得

    题意不难理解,看了后就能得出下列式子: (A+C*x-B)mod(2^k)=0 即(C*x)mod(2^k)=(B-A)mod(2^k) 利用模线性方程(线性同余方程)即可求解 模板直达车 #incl ...

  5. spring入门（四）【面向切面编程】

    开发过程中很多时候会用到日志.事务等操作,这些操作如果要写在业务代码中会相当麻烦,这时就会用到面向切面编程(AOP),AOP作为一种编程思想,和OOP有着不同的侧重点,面向对象侧重于万事万物皆对象,而 ...

  6. 帆布指纹识别（canvas fingerprinting）

    广告联盟或许网站运营者都希望能够精准定位并标识每一个个体,通过对用户行为的分析(浏览了哪些页面?搜索了哪些关键字?对什么感兴趣?点了哪些按钮?用了哪些功能?看了哪些商品?把哪些放入了购物车等等),为用 ...

  7. 如何配置Log4Net使用Oracle数据库记录日志

    最近在做一个项目的时候,需要增加一个日志的功能,需要使用Log4Net记录日志,把数据插入到Oracle数据库,经过好久的研究终于成功了.把方法记录下来,以备以后查询. 直接写实现方法,分两步完成: ...

  8. Atitit.提升 升级类库框架后的api代码兼容性设计指南

    Atitit.提升 升级类库框架后的api代码兼容性设计指南 1. 增加api直接增加,版本号在注释上面增加1 2. 废弃api,使用主见@dep1 3. 修改api,1 4. 修改依赖import, ...

  9. karma的基础应用之与fis结合

    一.介绍 1. karma是单元测试运行框架,可以集成jasmine断言库,也支持babel. 2.fis是百度前端团队开源推出的前端工程化管理工具. 二.karma的基础应用 1.karma的基础a ...

  10. js 强转规范解读

    js的强转是我们很容易遇到坑的一个地方 比如 == 会产生很有意思的事情(使用===还是最佳实践的)  或者+new Date()一个当前的数字时间戳  这里面都涉及到强转  下面分享下学习强转的过程 ...