在上一节课的内容基础上做一个简易的网页登录界面——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

此时应出现如下页面:

输错密码或用户名后:

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

至此,工程完成咯!

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

  1. 【Python】如何用python做一个简单的输入输出交互界面?

    看到知乎上有人在问,如何使用Python做一个简单的输入输出交互界面? 交互界面就涉及到GUI编程. Python有很多GUI框架,功能大同小异. 其中比较出名的有「PyQT」.**wxPython. ...

  2. 如何用python做一个简单的输入输出交互界面?

    大家好,我是一行 想问下你写的程序怎么分享给别人使用? **直接发代码!**那不会代码的人岂不是得抓瞎 **那做成网站或者微信小程序!**时间成本太高了,更何况服务器又是一笔成本,后期可能还得不断维护 ...

  3. 网页制作:一个简易美观的登录界面

    这次来总结一下公司的Task 1 实现一个登录界面. 登录界面其实在大三的时候就有做过,但是当时做的界面超级low,主要区别在于有无css,由于公司的设计要求,对于该界面的很多细节处理实在不容易.所以 ...

  4. 页面中color颜色值_计算机毕业设计中实现一个简易美观的登录界面

    点击上方"蓝字",关注我们. 实现一个登录界面,展示一下效果: 然后我们看一下代码: 在我们做一个页面之前,要先想好他的一个整体布局,也就是我们这里面的login.html主页面, ...

  5. js计算器代码加减乘除_如何用jQuery做一个简易版计算器

    经过几个小时地敲敲打打,终于把这一部分的代码完成了. 这类问题的难点不在于布局,而是如何恰当地使用jQuery达成计算.交互的目的,比如储存.显示数值,数据类型的转换等. 在听老师讲课之前的我,思路是 ...

  6. 如何用Python做一个简易学生信息管理系统

    一.系统简介 实现一个学生信息的管理系统:主要功能有: 添加学生信息 删除学生信息 修改学生信息 查询学生信息 显示学生信息 退出当前系统 二.步骤分析 显示功能界面 用户输入功能序号 对不同序号的功 ...

  7. 随手做一个响应式动画登录界面

    效果 大体思路 .container {position: relative;width: 100%;background-color: #fff;min-height: 100vh;overflow ...

  8. python发音机器人_只需三步,菜鸟也能用Python做一个简易版Siri

    原标题:只需三步,菜鸟也能用Python做一个简易版Siri 当下,各个手机厂商都陆续的推出了属于自己的智能手机机器人,像是苹果的Siri,小米的小爱,还有等等.这些智能机器人不仅仅方便了我们对于手机 ...

  9. 怎么用线程刷新 tkinter 进度条_tkinter做一个简易提词板(2)

    书接上文 花果山美男子:tkinter做一个简易提词板​zhuanlan.zhihu.com 上回说到,文字的动态效果还可以用after方法和StringVar来实现,今天我们就用它们来重新制作提词板 ...

最新文章

  1. ubuntu20安装mysql8.0.28
  2. 自己对Delphi中使用正则表达式的研究心得
  3. ospfdr选举规则_OSPF-DR与BDR的选举及作用
  4. Java开发者必备的六款工具
  5. checkbox 与文字对齐
  6. Zookeeper基于Java访问-权限
  7. 宅男、游戏、美女,一场不一样的技术公开课让你老泪纵横
  8. 【渝粤教育】国家开放大学2019年春季 455物流实务 参考试题
  9. python画满天星_跟我学解Python题-海龟制图满天星
  10. QQ空间批量删除留言
  11. 谢耳朵最萌最贱表情, 哈哈
  12. 品优购项目--登录页面
  13. 基于QT-QGraphicsView的网络拓扑图
  14. 如何用2SC5200晶体管制作音频放大器
  15. 60.ElasticSearch
  16. 图像饱和度(Saturation)是什么?(颜色的鲜艳程度)
  17. Wio Terminal 从网络获取天气数据
  18. 独家 | 数据化思维、 数字化陷阱和 0.01 突破
  19. 从服务器分发性能,高性能P2P流媒体内容分发服务器的设计与实现
  20. 《电路分析导论(原书第12版)》一3.11 超导体

热门文章

  1. C/C++数据结构——道路建设(最小生成树Prim)
  2. c语言1000内所有素数组成的集合,【汇编程序】实现输出1000以内所有素数
  3. ABB机器人ProcCall调用例行程序指令
  4. struts2 漏洞分析 及解决办法
  5. 更改他人微信密码违法计算机程序,怎么修改微信密码-如何快速更改windows帐户密码?|命令提示符更新密码的用法...
  6. 新手做亚马逊测评到底需要多少钱?新手小白起步难吗?
  7. iOS开发系列--通讯录、蓝牙、
  8. 【狂云歌之unity_vr】VR开发中的优化
  9. 验证码有什么用?语音验证可以替代短信验证吗?
  10. intel QPI 频率问题