新闻中心

好看的网页

作者:admin 发布时间:2020-12-28

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

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

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

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

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

结果如图:

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

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

名为LoginController

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

此时LoginController文件的工作告一段落,我们需要到百度上搜索
并在其中搜索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

此时应出现如下页面:

输错密码或用户名后:

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

至此,工程完成咯!


本人新手菜鸟,最近因为学习需要,编写了一个登录界面。这个对于一些大牛来说是非常简单的,但是对于新手来说,还是有点参考意见。本文参考了一些文章,但是看的太多记不大清楚出处,在此表示歉意。本文若有什么不对的地方或者需要改进的地方,还请各位帮忙指正,小弟在此谢过。。。废话不多说,开始正题。 登录界面如上图所示,第一个combobox的Name是cb_useName,第二个text的Name是T_pass...


效果图: 思路: //瀑布流: //前提:每张图片的宽度一样,高度不一定相同,如:width; //思路: //1、明确总列数:可视区域的宽度除以每张图片的宽度取整;如:totalcolumn = parseInt(clientWidth/width); //2、计算列与列之间的间隔:可视区域宽度取余每张图片的宽度除以(总列数+1)。如:spaceWidth=clientWidth%width/(...


首先第一次写博客,感谢CSDN提供的平台。 其次接下来讲到如何用VS2017和SQL Server2008(版本可不同但功能大同小异)制作一个简易的登录界面,主要借鉴另外一名博主 @Cambridge  一篇博文。 写这一篇博文是为了记录自己的学习历程,以及方便自己以后有所感悟。 首先第一步我们需要打开SQL Server2008创建一个数据库Student(名字自拟),再在里面创建一张...


转眼间,2018年即将过去,各种APP开始推送我在2018年做了那些时间,花了多少时间在这些APP上面。当然我们的生活还得掌握在自己的手上,我需要给我这一年来的写作做一个总结。 我的文章基本都在简书上,从2016年到现在将近写了300篇,本次的数据挖掘主要基于简书平台。 数据获取 数据挖掘的第一步是在于数据获取,数据获取的常见策略就是网页爬虫。我本身就是靠爬虫入门Python,后期也花了一些时间在...


手风琴菜单是一种比较常用的菜单形式,利用原型工具来做这种菜单通常要用到中继器。即使是功能强大的Axure,想实现该效果也比较麻烦。但如果你对Mockplus有所了解,你一定知道,利用Mockplus的 面板 组件,可以快速地做一个手风琴式的菜单。 我们来看看具体的操作步骤: 第一步:选择 面板 组件,自定义菜单样式。 在左侧的交互分类中选择&ldqu...


最近在研究Turnipbit这块板子,打算是连接一个摄像头模块,正在实验练习中,(祝自己早日弄好)上篇文章我们讲了用Turnipbit连接LCD5110显示英文词句,前几天给家里花浇水的时候发现花招了很多虫子,忍痛全剪掉了,看着空空如也的花盆又想起浇水的事,我们能不能做一个装置,通过检测土壤湿度实现自动浇水的功能。装置还没做出来,我就想可不可以通过Turnipbit以及Turnipbit扩展板来实...


C#投票 这是我第一次写博客 开发环境 前台效果图 后台效果图 源码地址 这是我第一次写博客 你好! 这是我第一次写这个博客,写得不是很好,大牛勿喷。下面我给大家简单的介绍一哈这个简单投票。 开发环境 数据库:采用的access 编程软件:VS2017 平台:window+IIS 前台效果图 后台效果图 源码地址 链接:https://pan.baidu.com/s/1slEFlH6BQ1dr5l...


在android studio环境下,测试 android程序中,在自己的测试手机荣耀4A进行测试非常的顺畅,也能够实现基本的界面,换了最新的手机oppo R17进行测试的时候,发现程序能够进入oppoR17手机中进行下载,但是点击会出现闪退的情况,根本点击不进去,一点击就产生闪退,刚开始以为是API的问题,导致低版本的程序在高版本的android系统中无法运行 实际的解决办法很简单 打开andr...


运行tomcat的时候,出现下面的错误 java.lang.IllegalStateException: Context namespace element 'component-scan' and its parser class [org.springframework.context.annotation.ComponentScanBeanDefinitionParser] are only...


问题提示:   1,检查Tomcat目录是否有中文。有中文的文件夹改为英文 2,将Tomcat服务删除,再重新添加Tomcat服务。 3,查看Tomcat服务名称(在Tomcat配置文件service.bat中为 SERVICE_NAME ) ,是否含有 - , . , (横线,点,空格),不能有横线...


收缩