2021-06-10

JavaWeb项目登录页面
IDEA配置好之后就开始创建项目

点击顶部的File—然后点击New 选中其中的Project…进行项目创建，

然后点击Next（下一步）——Next（下一步）——在Project name中输入项目名，然后点击Finish进行创建项目
然后右击web—New—Directory进行创建 jsp 和 static，jsp是存放页面的，static是存放样式的
在外面找到模板文件，复制css等样式到static中，然后右击jsp—New—JSP/JSPX进行页面创建
在页面第一行代码下输入以下两行代码

然后再外面打开模板页面，按下F12键，在第一行代码上右击，选择Copy—Copy element进行复制，转到页面下替换掉内容
找到页面中的链接，把开头的部分替换成${ctx}

然后就开始页面的js部分
运用layui，然后获取到登录按钮的id，在获取到用户名、密码、验证码输入的内容框

进行判断输入框内是否输入了内容

然后再进行表格的提交

在src下右击New—Package 创建com.gx，然后再com.gx下创建servlet、service、po、vo、dao，util
在util下导入外部的Jdbc
在po下创建数据库文件，SysUser，链接Serialzable

根据数据库输入以下代码

录入完之后再最后一行代码下 ALT+SHIFT+INSERT，依次创建Getter and Setter、equals() and hashCode()、toString()

在vo下面创建 UserVO 继承SysUser链接Serializable

根据数据库链接的两个表录入链接的数据

根据上面一致进行创建
在scrvice中创建ILognService，在ILognService下输入，创建登录页面的服务层接口

在dao下创建ISysUserDao，在下面输入以下代码，根据用户名查找用户数据

在dao下创建impl，在impl中创建SysUserDaoImpl，链接ISysUserDao

在下面输入以下代码并在数据库中进行数据查询，然后输入到代码中

鼠标选中SysUserDaoImpl，ALT+ENTER创建selectUserByName，然后在下面输入以下代码：

然后进行数据库数据查询

将查询到的数据进行返回

在service下创建Impl，在Impl中创建ISysUserDaoImpl，链接IloginService

在下面直接调用dao

在servlet中创建LoginServlet 链接HttpServlet，

ALT+O创建doGat和doPost

在doGat和doPost下输入以下代码

设置登录页面

设置生成验证码图片

设置登录的方法

获取参数

然后进行数据验证

登录成功后将数据返回

点击上方绿色三角查看结果

大致结果为下图