服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)
2017-03-24 17:32
1166 查看
前一段时间写了一个应用,里面需要用户的登录注册。由于以前没有涉及过这方面的知识,所以走了很多弯路。花了好几天才完成了用户的登录。犯错的原因一是对于工程的目录结构不了解,而是对于各个部分的作用不了解。这周我们老师刚好讲到web服务器的搭建,听完他说得才知道以前自己搭建的那一个是多么烂。
好了,开始正题:
(一):工程的创建
首先打开eclipse,如图所示,创建一个动态的web工程
选择Tomcat的版本,以及设置Tomcat所在路径(如果Tomcat之前没有安装,请先完成安装与配置再往下进行,我下载的是第九版,第八版要更稳定一些,如果还没有下载,建议选择第八版)
点击finish,然后我们来到下面这个界面
一直点击next直到这个界面,在这个界面里,我们勾选上生成web.xml
文件的复选框。
到这里,我们已经完成工程的创建了。
(二):编写login.html文件
首先在WebContent目录下新建一个文件,命名为login.html,下面是login.html的代码,不会html的直接复制就好了。
下面是login.html的效果图
(三):创建servlet
创建servlet需要下载servlet-api.jar包,下面是资源的下载链接,解压之后,我们把jar文件拷到WebContent目录下的lib文件夹,或者添加到编译路径里面。
点击下载
在java Resource新建一个servlet,命名为LoginServlet
这个servlet只是把我们输入的用户名在控制台打印出来。
在login.html中,我们开始没有填写action的值,现在把它填写上我们:LoginServlet
填写的这个字段是从servlet里面得到的
(四):更改web.xml里面的内容,把欢迎文件列表改为我们的login.html
如下:
到这里我们的最初的服务器大致搭建完成,运行程序启动服务器,打开浏览器输入对应的url,
可以直接从自己的程序里面复制链接(我把端口号更改为了9594,原本是8080)
在浏览器中显示如图:
点击登录,查看eclipse的控制台输出内容:
我们可以看到用户名已经被打印出来了。
补充:最初学习的时候,总是不清楚工程的目录结构,下面我把自己的工程目录结构贴出来
这是我们搭建服务器的最基础的版本,后面将会具体再添加其他内容。
好了,开始正题:
(一):工程的创建
首先打开eclipse,如图所示,创建一个动态的web工程
选择Tomcat的版本,以及设置Tomcat所在路径(如果Tomcat之前没有安装,请先完成安装与配置再往下进行,我下载的是第九版,第八版要更稳定一些,如果还没有下载,建议选择第八版)
点击finish,然后我们来到下面这个界面
一直点击next直到这个界面,在这个界面里,我们勾选上生成web.xml
文件的复选框。
到这里,我们已经完成工程的创建了。
(二):编写login.html文件
首先在WebContent目录下新建一个文件,命名为login.html,下面是login.html的代码,不会html的直接复制就好了。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>用户登录</title> <style type="text/css"> dd,dt{ margin:0; } </style> </head> <body> <div id="login" style="margin:300px auto auto auto;width:300px;border: 3px solid red" > <form id="form1" name="form1" method="post" action=""><!-- 先空着action,后面我们需要填写对应的servlet--> <dl> <dt style="text-align: center;margin-bottom: 15px;" >用户登录</dt> <dd style="text-align: center;margin-bottom: 10px;"><input type="text" name="userName" placeholder="请输入用户名" required="required" autofocus="autofocus" class="input-size" /></dd> <dd style="text-align: center;"><input type="password" name="password" placeholder="请输入密码" required="required" class="input-size" /></dd> <dd></dd> <dd style="text-align: center;margin-top: 15px;"><input type="submit" value="登 录" class="btn-submit" /></dd> </dl> </form> </div> </body> </html>
下面是login.html的效果图
(三):创建servlet
创建servlet需要下载servlet-api.jar包,下面是资源的下载链接,解压之后,我们把jar文件拷到WebContent目录下的lib文件夹,或者添加到编译路径里面。
点击下载
在java Resource新建一个servlet,命名为LoginServlet
package com.xue.servlet; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; @WebServlet("/LoginServlet")//不要更改 public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { System.out.println("name" + request.getParameter("userName"));//这里填写的是我们在html文件里面写的名字 } }
这个servlet只是把我们输入的用户名在控制台打印出来。
在login.html中,我们开始没有填写action的值,现在把它填写上我们:LoginServlet
填写的这个字段是从servlet里面得到的
(四):更改web.xml里面的内容,把欢迎文件列表改为我们的login.html
如下:
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://xmlns.jcp.org/xml/ns/javaee" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" id="WebApp_ID" version="3.1"> <display-name>ServletDemo</display-name> <welcome-file-list> <welcome-file>login.html</welcome-file> </welcome-file-list> </web-app>
到这里我们的最初的服务器大致搭建完成,运行程序启动服务器,打开浏览器输入对应的url,
可以直接从自己的程序里面复制链接(我把端口号更改为了9594,原本是8080)
在浏览器中显示如图:
点击登录,查看eclipse的控制台输出内容:
我们可以看到用户名已经被打印出来了。
补充:最初学习的时候,总是不清楚工程的目录结构,下面我把自己的工程目录结构贴出来
这是我们搭建服务器的最基础的版本,后面将会具体再添加其他内容。
相关文章推荐
- 服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录(一)
- 服务器搭建:servlet+dao+javabean+jsp实现简单的用户登录
- JSP+JavaBean+Servlet技术实现某网站用户注册和登录功能
- Servlet +JSP+Javabean 实现用户登录注册
- 用JSP+Servlet+JavaBean模式实现一个简单的登录网页设计(JSP+Tomcat+MySQL)
- JSP作业4 - 使用JSP+JavaBean+Servlet实现用户登录注册页面
- 用JSP+Servlet+JavaBean模式实现简单的登录
- Java Web学习(30): 使用JSP+Servlet+JavaBean实现用户登录
- 基于MVC 用户登录的实现(JavaBean + Servlet + JSP)
- JavaWeb实现用户登录注册功能实例代码(基于Servlet+JSP+JavaBean模式)
- 在jsp中用bean和servlet联合实现用户注册、登录
- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 【转载】 javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册 - 孤傲苍狼 - 博 http://www.cnblogs.com/xdp-gacl/
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 深入分析JavaWeb Item19 -- 基于Servlet+JSP+JavaBean开发模式的用户登录注册
- 在jsp中用bean和servlet联合实现用户注册、登录
- JSP+Servlet+JavaBean实现登录网页设计
- JavaWeb学习总结(基于Servlet+JSP+JavaBean开发模式的用户登录注册)
- javaweb学习总结(二十二)——基于Servlet+JSP+JavaBean开发模式的用户登录注册