在eclipse中基于JSP的用户注册登录界面

标签：for   image   页面   sep   ref   order   下载链接   orm   inpu   

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，用户登录的首页界面，代码如下：

登录窗口
用户名
密码
注册新用户

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

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

  
    This is my JSP page. 

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

Main Menu1 Menu2 Menu3 Menu4 Menu5 Menu6 Menu7 Menu8	登录成功 欢迎你，

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

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

注册窗口
用户名
密码
确认密码
Email
返回

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

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

在eclipse中基于JSP的用户注册登录界面

标签：for   image   页面   sep   ref   order   下载链接   orm   inpu   

原文地址：https://www.cnblogs.com/cainiao-chuanqi/p/12851783.html