首先，请大家启动eclipse，打开本项目工程 logindemo；
接着，引入js代码 和 CSS代码；我们系统主要使用两个js框架：skel.min.js 和 jquery-2.1.3.min.js；如果需要扩展，我们将自己编写剩余的js代码；在webcontent 目录下面新建两个文件夹 js 和 css并将js文件拷贝到 js目录下
接着，创建基本CSS文件style.css 文件在css目录右键，新建此文件；
接着，编写index.jsp登陆页面；推荐使用 firefox浏览器来测试网页；其中关于skel.js 和jquery.js的在其他篇章中介绍；
接着，我们来编写后台处理逻辑；配置提交页面响应处理方式，采用spring的注解的方式实现；创建 LoginHandler.java 对象；
接着，创建方法，对用户提交账号和密码进行处理；
接着，设置页面传入参数和处理参数相对应；
接着，在代码中增加日志对象，记录处理过程的相关信息；并且进行日志记录，方便记录程序运行信息；
接着，我们配置两个配置文件，让tomcat将http请求处理转交给spring处理；创建logindemo-servlet.xml文件，配置界面视图存放目录；
接着，创建spring配置文件login-spring.xml
接着，我们修改web.xml文件；在文件中增加一下内容：Spring配置信息，对action后最url拦截转交给spring处理；
接着，启动发现缺少jar包；添加commons-logging.jar
接着，再次启动报错；最后，发现是jdk1.8和spring framework版本存在冲突；将spring3.2.0 替换成spring4.1.2Spring4.1.2国内网盘下载地址：
接着，重启有报错；发现是新sping jar文件里面的类名称发生了改变；
接着，重新启动，运行正常；
接着，通过firefox浏览器访问系统；页面访问成功;
接着，修改loginHandler类对象；请按图示修改；再修改index.jsp页面；
接着，重启后台服务；启动firefox访问系统；报错，原因是传送参数没有绑定；Value的值需要和index.jsp里面的input的name属性一致；
接着，参数传送成功；但是后台报错；发现是缺少class文件引入：jstl.jar
最后，重新启动服务；启动firefox，运行分别用- admin/admin- 123/123两组账号登陆。前端展示和后台输出都正常；