如何用idea做一个简易的网页登录界面

在上一节课的内容基础上做一个简易的网页登录界面——18级软工1班03

打开idea后打开上一节课的工程文件（一般在打开idea软件的同时，idea会默认打开上一次的文件）并在左边列表的main文件夹下建立一个名为Java的directory文件。

右键新建的Java文件使其Mark为Sources Root：

然后继续右击Java文件夹，再创建一个包文件：

结果如图：

然后在这个包文件的底下再创建三个平行的包文件，如图分别命名为：

接着在controller这个包文件下建立一个Java Class文件

名为LoginController

双击打开这个文件，并在代码LoginController后添加 extends HttpServlet

此时LoginController文件的工作告一段落，我们需要到百度上搜索https://mvnrepository.com
并在其中搜索Java servlet API（搜索结果中点击第一个就好）

在大量的版本代码中，我建议选择3.1.0版本


点击该版本，之后会出现如下页面：

然后只要点击下方Maven内的代码就会将方框中的代码自动复制到粘贴板上

然后切换回pom文件

用我们复制的新的代码来覆盖掉以前的版本号相关代码：

之后我们左方的文件列表下方应出现版本号为3.1.0的Api插件：

接着我们回到LoginController文件的代码界面

在代码界面的空白处我们右击一下，在选徐中选择Generate

在弹出的窗口中选择Override Methods

在又一个弹出的窗口中按住ctrl多选doGet和doPost

之后在自动创建的如下代码中删除图中被选中的代码：


之后在public class LoginController代码上方添加如图的代码：

至此准备部分已经结束，然后便可以开始写网页登录界面的代码了：


在写完代码后，点击右上方绿色箭头开始运行

然后我们打开浏览器（这里建议使用360浏览器，其他浏览器容易导致网页乱码），在浏览器的网址栏内输入localhost:8080/login

此时应出现如下页面:

输错密码或用户名后：

而输入的密码和用户名都正确的话：

至此，工程完成咯！