进度

1. 前台

　　 登录注册界面如图：

 

• 只有在正确填写的情况下才会执行提交注册、登录表单。
• 右侧图片是轮播图片
• 网页布局需要了解relative absolute float flow等，参考教程: http://www.cnblogs.com/k5054/archive/2012/11/14/2770491.html http://blog.csdn.net/dyllove98/article/details/8967114
• 使用了jquery validate，参考教程：http://www.runoob.com/jquery/jquery-plugin-validate.html http://blog.csdn.net/zhangzikui/article/details/8568427
• 发送数据格式使用json格式

    2.后台

　　web.xml用法：http://blog.csdn.net/zuoluoboy/article/details/4213053　   

　　Servlet与表单中xml配置：http://zhaoyuqiang.blog.51cto.com/6328846/1148434

　　运行Servlet程序需导入：Servlet-api.jar包 (你所安装的Tomcat路径\lib文件夹下)

　　与MySQL连接需导入：mysql-connector-java-5.1.39-bin.jar包（官网上下）

　　简述路径配置重点：

　　Login.jsp部分代码如下：

<form action="LoginServlet" method="post" onSubmit="return validate(this)">
　　用户ID：<input type="text" name="userid"><br>
　　密&nbsp;&nbsp;码：<input type="password" name="userpass"><br>
　　<input type="submit" value="登陆">
　　<input type="reset" value="重置">

　　Login.jsp中的表单form中的内容通过action提交到LoginServlet.java中执行，但是LoginServlet.java代码会在web.xml定制URL(即配置url路径)。想一想，action需要提交到LoginServlet.java中，而LoginServlet.java的路径是自己配置的，那么，action提交的路径该如何配置呢？

• action去配Servlet的配置路径
• Servlet(LoginServlet.java)的配置路径去匹配action(Login.jsp)表单提交的路径

　　Login.jsp表单页面在jsp文件夹下， action="LoginServlet"， 那么web.xml中的<url-pattern>路径配置为：/jsp/LoginServlet.

 

我们为什么非要给Servlet配置路径呢？因为一个正常的Servlet程序开发完成，并不能被外部所访问，配置<url-pattern>其实是虚拟路径，访问的时候就通过这个路径进行访问.

部分web.xml如下：

　　<servlet>
　　　　<servlet-name>Servlet</servlet-name> //<servlet-name>为Servlet命名，注意<servlet>与<servlet-mapping>中<servlet-name>需一致
　　　　<servlet-class>mvc.servlet.LoginServlet</servlet-class>//mvc.servlet为LoginServlet所在的class
　　</servlet>
　　<servlet-mapping>
　　　　<servlet-name>Servlet</servlet-name>
　　　　<url-pattern>/jsp/LoginServlet</url-pattern>//LoginServlet.java)的配置路径去匹配action(Login.jsp)表单提交的路径
　　</servlet-mapping>

　　采用MVC后台实现界面如下图：

　　输入某一正确“用户ID”和“密码”：

　　

 

 

 

 

 

 

　　输入错误“用户ID”和“密码”：