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

1:JSP

JSP的基本语法：
指令标识page,include,taglib;
page指令标识常用的属性包含Language用来定义要使用的脚本语言；contentType定义JSP字符的编码和页面响应的MIME类型；pageEncoding:jsp页面的字符编码；

include指令<%@ include file="path"%>
静态包含，先包含，后编译处理；

<jsp:include page="要包含的文件">  动态包含，先编译处理，后包含；

脚本标识包含：jsp表达式，声明标识，脚本程序
jsp表达式<%= %>在里面输出一个变量或者一个具体的内容
声明标识<%! %>在里面定义全局变量，方法，类
脚本程序<% %>在里面定义局部变量，编写语句

jsp的注释
<!--  -->html注释，客户端可见
<%-- --%>jsp注释 客户端不可见
//java单行注释
/* */java多行注释

动作标识：
<jsp:include page="要包含的文件">  动态包含，先编译处理，后包含；

jsp跳转指令
<jsp:forward>
    <jsp:param value="" name="">
</jsp:forward>
服务器内部跳转，可带参数。

jap的九大内置对象，pageContext,request,response,session,application,config,out,page,exception;前五个熟练掌握
jsp四种数据保存范围
page:只在一个页面中保存数据
request:只在一个请求中保存数据
session：在一次会话范围内保存数据，仅供单个用户使用
application：在整个服务器上保存数据，所有用户共享

response对象
response内置对象用于响应客户请求，向客户端输出信息
功能1自动刷新应用
功能2页面重定向应用，客户端跳转
功能3操作cookie应用
功能4cookie信息是存在客户端的，session信息是存在服务器的。

2: Javabean 组件引入
JavaBean 是使用 Java 语言开发的一个可重用的组件，在 JSP 开发中可以使用 JavaBean 减少重复代码，使整个 JSP 代码的开发更简洁。

jsp:useBean 创建 javabean
<jsp:useBeanid="实例化对象名称"scope="保存范围"class="类完整名称"/> Scope，一共有 page,request,session 和 application4 个属性范围，默认是 page；

jsp:setProperty 设置 javabean 属性值
<jsp:setPropertyproperty="属性名称"name="实例化对象的名称"value="属性值"param="参数名称"/> Property=”*” 自动匹配所有

jsp:getProperty 获取 javabean 属性值
<jsp:getPropertyproperty="属性名称"name="实例化对象的名称"/>

javabean 的保存范围
Javabean 的保存范围有 page,request,session.application，默认是 page；

javabean 删除
Page 范围：pageContext.removeAttribute(“javaBeanName”);

request 范围：request.removeAttribute(“javaBeanName”);

session 范围：session.removeAttribute(“javaBeanName”);

application 范围：application.removeAttribute(“javaBeanName”);

3:servlet 引入
1，在 Servlet 中获取 session,application
2，客户端跳转 response.sendRedirect("目标地址");
3，服务器跳转：RequestDispatcher  rd=request.getRequestDispatcher("目标地址"); rd.forward(request,response);

---

第一首先创建数据库和数据表，我在这里使用了sqlyog图形化界面创建数据库和数据表。如下图所示

需要注意的就是数据库的名称和数据表的名称后面需要用，以及id设置为了自增。

第二开始开发，采用mvc的设计模式，分开进行设计；

首先package com.ningmeng.model;对User类进行封装数据。为了后面方便使用；注意是在不同的包中的

 package com.ningmeng.model;

 public class User {

     private int id;
     private String username;
     private String password;

     public User() {
         super();
     }
     public User(String username, String password) {
         super();
         this.username = username;
         this.password = password;
     }
     public int getId() {
         return id;
     }
     public void setId(int id) {
         this.id = id;
     }
     public String getUsername() {
         return username;
     }
     public void setUsername(String username) {
         this.username = username;
     }
     public String getPassword() {
         return password;
     }
     public void setPassword(String password) {
         this.password = password;
     }

 }    

其次对连接数据库进行封装，方便后面调用连接数据库，这里封装好数据库并进行测试是否连接成功；注意是在不同的包中的；

 package com.ningmeng.util;

 import java.sql.Connection;
 import java.sql.DriverManager;
 import java.sql.SQLException;

 public class DbUtil {

     private String url="jdbc:mysql://localhost:3306/db_jsp";
     private String user="root";
     private String password="123456";
     private String driver="com.mysql.jdbc.Driver";

     public Connection getCon() throws Exception{
         Class.forName(driver);
         Connection con=DriverManager.getConnection(url, user, password);
         return con;
     }

     public static void getClose(Connection con) throws SQLException{
         if(con!=null){
             con.close();
         }
     }

     /*public static void main(String[] args) {
         DbUtil db=new DbUtil();
         try {
             db.getCon();
             System.out.println("测试连接数据库，连接成功");
         } catch (Exception e) {
             // TODO Auto-generated catch block
             e.printStackTrace();
             System.out.println("测试连接数据库，连接失败");
         }

     }*/
 }

对数据封装好，对连接数据库封装好，接下来封装对数据库的操作；注意是在不同的包中的；

 package com.ningmeng.dao;

 import java.sql.Connection;
 import java.sql.PreparedStatement;
 import java.sql.ResultSet;
 import java.sql.SQLException;

 import com.ningmeng.model.User;

 public class UserDao {

     public User login(Connection con,User user) throws SQLException{
         User resultUser=null;
         String sql="select * from user where username=? and password=?";
         PreparedStatement ps=con.prepareStatement(sql);//
         ps.setString(1, user.getUsername());
         ps.setString(2, user.getPassword());
         ResultSet rs=ps.executeQuery();
         if(rs.next()){
             resultUser=new User();
             resultUser.setUsername(rs.getString("username"));
             resultUser.setPassword(rs.getString("password"));
         }
         return resultUser;
     }
 }

封装好上面的接下来就进行主要代码的开发，使用Servlet对数据进行处理和操作；注意在不同的包中

 package com.ningmeng.web;

 import java.io.IOException;
 import java.sql.Connection;

 import javax.servlet.ServletException;
 import javax.servlet.http.HttpServlet;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 import javax.servlet.http.HttpSession;

 import com.ningmeng.dao.UserDao;
 import com.ningmeng.model.User;
 import com.ningmeng.util.DbUtil;

 public class LoginServlet extends HttpServlet{

     DbUtil db=new DbUtil();
     UserDao userDao=new UserDao();
     /**
      *
      */
     private static final long serialVersionUID = 1L;

     @Override
     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         this.doPost(request, response);
     }

     @Override
     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
         String username=request.getParameter("username");
         String password=request.getParameter("password");
         Connection con=null;
         try {
             User user=new User(username,password);
             con=db.getCon();
             User currentUser=userDao.login(con, user);
             if(currentUser==null){
                 //System.out.println("no");
                 request.setAttribute("error", "用户名或者密码错误");
                 request.setAttribute("username", username);
                 request.setAttribute("password", password);
                 request.getRequestDispatcher("login.jsp").forward(request, response);
             }else{
                 //System.out.println("yes");
                 HttpSession session=request.getSession();
                 session.setAttribute("currentUser",currentUser);
                 response.sendRedirect("main.jsp");
             }
         } catch (Exception e) {
             // TODO Auto-generated catch block
             e.printStackTrace();
         }

     }

 }

设置好Servlet的类文件后需要配置xml，代码如下。

 <?xml version="1.0" encoding="UTF-8"?>
 <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
   <display-name>web04</display-name>
   <welcome-file-list>
     <welcome-file>index.html</welcome-file>
     <welcome-file>index.htm</welcome-file>
     <welcome-file>index.jsp</welcome-file>
     <welcome-file>default.html</welcome-file>
     <welcome-file>default.htm</welcome-file>
     <welcome-file>default.jsp</welcome-file>
   </welcome-file-list>

   <servlet>
       <servlet-name>LoginServlet</servlet-name>
       <servlet-class>com.ningmeng.web.LoginServlet</servlet-class>
   </servlet>
   <servlet-mapping>
       <servlet-name>LoginServlet</servlet-name>
       <url-pattern>/login</url-pattern>
   </servlet-mapping>
 </web-app>

最后进行主页面的开发，创建jsp页面。需要注意的是action的值是xml的<url-pattern>/login</url-pattern>中/login的值，这点需要注意；

 <%@ 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">
 <title>Insert title here</title>
 </head>
 <body>
 <form action="login" method="post">
     <table>
         <tr>
             <th colspan="2">登录界面</th>
         </tr>
         <tr>
             <td>账号</td>
             <td><input type="text" id="username" name="username" value="${username}"></td>
         </tr>
         <tr>
             <td>密码：</td>
             <td><input type="text" id="password" name="password" value="${password}"></td>
         </tr>
         <tr>
             <td><input type="submit" value="提交"></td>
             <td><font color="red">${error}</font></td>
         </tr>
     </table>
 </form>
 </body>
 </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">
 <title>Insert title here</title>
 </head>
 <body>
 <p>登录成功</p>
 当前用户：${currentUser.username}<br/>
 当前密码：${currentUser.password}<br/>
 </body>
 </html>

登陆页面

登录成功页面：

登录失败页面：

包的分类以及封装设计；