本文利用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
先给出工程视图如下:

具体步骤如下:
(1)创建Dynamic Web project工程,命名为LoginTest

注意选中下图中的单选框,这样自动创建一个web.xml文件

(2) 编写 index.jsp(这里只使用了index.jsp作为登录页面,注册查询等可以类似实现),先给出最终的index.jsp。实际上对于最简单的java web程序,只有一个web.xml和index.jsp即可运行,index.jsp的body中只

本文介绍了如何使用MyBatis、jsp、servlet、html、css和javascript构建一个简单的登录页面。用户输入的用户名和密码经过校验,匹配MySQL数据库中的信息,登录成功或失败会有相应提示。详细步骤包括:Tomcat的安装配置、Eclipse中创建Dynamic Web项目、编写index.jsp、LoginServlet.java、配置web.xml、MyBatis数据库访问及DAO层实现。
附源码&spm=1001.2101.3001.5002&articleId=80876529&d=1&t=3&u=136acef40cc04a0eb427a06a0f382c13)
2946

被折叠的 条评论
为什么被折叠?



