Java web实现简登录页面（MyBatis+jsp+servlet+html+css+javascript）附源码

本文利用MyBatis+jsp+servlet+html+css+javascript实现了一个简单的登录页面。对用户输入的用户名和密码就行校验，校验通过则登录成功，密码和用户信息保存在mysql表中，通过MyBatis访问（MyBatis相关知识可参考先前的文章MyBatis测试）。先给出最终的效果图：

登录成功则进入如下页面：

登录失败，则进入如下页面：

如果输入的密码或者用户名为空或者不合法，则页面上提示：

（一）安装配置tomcat

这里使用的是tomcat 8.0，直接官网下载压缩包解压，然后添加环境变量TOMCAT_HOME（值为D:\apache-tomcat-8.0.52）并修改CLASSPATH环境变量（末尾添加%TOMCAT_HOME%\BIN），然后在D:\apache-tomcat-8.0.52\bin下双击startup.bat运行tomcat，运行成功，在浏览器中输入http://localhost:8080/，可见欢迎页面如图：

（二）eclipse配置tomcat 8.0

window-->preferences-->Server-->runtime environments，添加tomcat 8.0,然后apply即可。

双击server视图中的tomcat 8.0,需要如下配置，否则运行时可能会报错。

（三）eclipse创建Dynamic Web project 

先给出工程视图如下：