QQ登录界面(Java)

article/2025/9/17 1:35:34

hi~好久不见吖,我又回来啦,dengdengdeng(他来了,他来了,他带着他新学的知识来啦)

咳咳,只是一个简单的界面,啥也不能干

这段时间我学习了窗体的创建,听老师讲了一会怎么创建QQ登录界面,所以回寝室后我迫不及待的操作了一波,结果,,,并没有我想的那么简单,我只能敲一个简单的一个界面,如何登录,如何存账号,密码,这些,,,额,都需要后期学习数据库才能往下操作,苦逼的我(啥也不知道,呜呜呜)

好叭,话不多说,先让你们看看我敲出来的效果是怎么样的

这是一个截图,敲出后的截图(个人觉得还蛮好看的,ヽ( ̄▽ ̄)ノ)

来吧,下面我讲解一下

首先我们先创建一个属于自己的类去继承JFrame(窗体)这个类

这个类里面要有以上图片所需要的东西,分三个容器panel,然后看到图片,我们知道需要两个图片image,两个按钮button,而三个容器分别装不同的东西。

第一个容器装最上面的图片QQ的那个,第二个容器存放四个标签,两个文本框,最后一个容器也是最下面的那个,用来装两个按钮。

大家看看这上面用到了几个标签呢?

我数了数,一二三四五,上山打老虎,哈哈哈,五个标签哦~第一个标签用来放图片QQ,第二个用来显示“QQ账号”,第三个同理显示“QQ密码”,(噢,忘了说了,我是竖着来的),第四个标签用来存放一个链接“注册账号”,第五个和第四个也一样,都是链接存放(这一部分需要用到一点点HTML的知识点,不过蛮简单的)

两个文本框,一个账号,一个密码。

在这里面我用到了鼠标事件监听器,只是试了一下,学习了一点点有关文本事件的的知识点,看起来更像那么回事((T_T))

package com;
import javax.swing.*;
import java.awt.*;
import java.awt.event.*;
public class C {public static void main(String args[]){new MyInterface();}
}
class MyInterface extends JFrame{//声明对象啦JPanel jp1,jp2,jp3;//三个容器JLabel jl1,jl2,jl3,jl4,jl5;//五个标签JButton jb1,jb2;//两个按钮JTextField jtf;//文本文件JPasswordField jpf;//密码文本文件public MyInterface(){jp1=new JPanel();jp2=new JPanel();jp3=new JPanel();//第一个标签引入图片jl1=new JLabel(new ImageIcon("d788d43f8794a4c260ce63540df41bd5ac6e39db.jpg"));//标签二和三是用来显示QQ号码和密码的,Jlabel.CENTER是用来让内容居中jl2=new JLabel("QQ号码:",JLabel.CENTER);jl3=new JLabel("QQ密码:",JLabel.CENTER);//标签三和四运用了一点点HTML的知识点,HTML标签是由尖括号包围的关键词,并且通常成对出现//<a></a>这是引用链接的标签,<html></html>这是定义一个文本文件,而href是一个属性,标签的 href 属性用于指定超链接目标的 URLjl4=new JLabel("<html> <a href='www.qq.com' ></a> 注册账号 </html>",JLabel.CENTER);jl5=new JLabel("<html> <a href='www.qq.com' ></a> 忘记密码 </html>",JLabel.CENTER);jb1=new JButton("安全登录");jb2=new JButton("取消");jtf=new JTextField(10);jpf=new JPasswordField(10);//网格布局GridLayout,两行三列,水平间距是5,垂直间距是10jp2.setLayout(new GridLayout(2,3,5,10));//将对应的按钮,标签放入容器中jp1.add(jl1);jp2.add(jl2);jp2.add(jtf);jp2.add(jl4);jp2.add(jl3);jp2.add(jpf);jp2.add(jl5);jp3.add(jb1);jp3.add(jb2);//声明一个小图标ImageIcon i=new ImageIcon("src=http___nimg.ws.126.net__url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0605%2F766ef3d9p00qu7fg5001bd000v900hcp.png&thumbnail=650x2147483647&quality=80&type=jpg&refer=http___nimg.ws.126.jpg");this.setIconImage(i.getImage());//将容器放入窗体中对应的位置this.add(jp1, BorderLayout.NORTH);this.add(jp2);this.add(jp3,BorderLayout.SOUTH);//将窗体的标题设置为QQthis.setTitle("QQ");this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);this.setVisible(true);this.setResizable(false);this.setLocation(400,400);this.setSize(400,300);//当鼠标放到按钮上时的小提示,jb2同这个一样jb1.setToolTipText("点击登录");//这是我自己弄的一个鼠标事件,当点击jb1是所会发生的事情以及程序会如何应对jb1.addMouseListener(new MouseListener() {@Overridepublic void mouseClicked(MouseEvent mouseEvent) {JFrame j=new JFrame("qq");ImageIcon i=new ImageIcon("src=http___nimg.ws.126.net__url=http%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0605%2F766ef3d9p00qu7fg5001bd000v900hcp.png&thumbnail=650x2147483647&quality=80&type=jpg&refer=http___nimg.ws.126.jpg");j.setIconImage(i.getImage());j.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);j.setVisible(true);j.setResizable(false);j.setLocation(400,400);j.setSize(400,300);}@Overridepublic void mousePressed(MouseEvent mouseEvent) {}@Overridepublic void mouseReleased(MouseEvent mouseEvent) {}@Overridepublic void mouseEntered(MouseEvent mouseEvent) {}@Overridepublic void mouseExited(MouseEvent mouseEvent) {}});jb2.setToolTipText("点击退出");//当点击jb2时直接退出窗体jb2.addActionListener(new ActionListener() {@Overridepublic void actionPerformed(ActionEvent actionEvent) {dispose();System.exit(0);}});}
}

以上就是我敲的全代码了,emm,,,还有很多不完善的,我需要成长(需要大家指点指点),如果有看不懂的也可以和我交流一下,或者找一下度娘,嘿嘿


http://chatgpt.dhexx.cn/article/HbWXPQnQ.shtml

相关文章

Android 高仿QQ 登陆界面

先上图&#xff1a; 下面是布局&#xff1a; <RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:background"drawable/login_…

java实现qq页面登陆界面

先看效果 1.建立包com.QQUI0819 2.在包下建立类 LoginAction package com.QQUI0819;import javax.swing.*; import java.awt.event.*; //首先&#xff0c;编写按钮癿监听器实现类 public class LoginAction implementsActionListener {private int count0;//当前为null,创建后…

QQ登录界面制作

实现简单的QQ登录操作&#xff08;阶段一&#xff09; 学习了java连接数据库后&#xff0c;便想简单的实现一下QQ登录的操作&#xff0c;但是也想拥有一个好看的界面&#xff0c;于是便打算进行界面设计&#xff08;个人喜好不同&#xff0c;不喜勿喷&#xff09;。 因为看起来…

qq 登陆界面怎么测试

主要考察&#xff1a; 测试者是否熟悉各种测试方法&#xff0c;是否有丰富的 App/Web 测试经验&#xff0c;以及相关开发经验&#xff0c;以及 设计 Test case 的能力。 功能测试 (Function test) 1&#xff09;输入正确的用户名和密码&#xff0c;点击提交按钮&#xff0c;验…

QQ用户登陆界面

import java.awt.*; import javax.swing.*;public class Test extends JFrame{//把需要的组件全部在这里定义JLabel bq1;//北部JButton an1,an2,an3; JPanel mb1;//南部JTabbedPane xxk;//中部 选项卡JPanel mb2,mb3,mb4;JLabel bq2,bq3,bq4,bq5;JTextField wbk;JPasswordFie…

qq登陆界面

以下是效果截图&#xff1a; 素材&#xff1a; 以下是源代码&#xff1a; import java.awt.*; import java.awt.event.MouseEvent; import java.awt.event.MouseListener; import javax.swing.*; public class QqClientLogin2 extends JFrameimplements MouseListener{ //北…

制作QQ登录界面

制作QQ登录界面 实验名称实验步骤1.程序大致理解2.代码实现 总结 实验名称 QQ登录界面 实验步骤 1.程序大致理解 在构建UI界面时不要着急动手&#xff0c;首先要考虑准备哪些素材&#xff08;如&#xff1a;图片资源&#xff09;&#xff0c;会用到哪些控件&#xff0c;把步…

qq登录界面

弄了弄qt&#xff0c;就知道为什么产品和程序员关系不好了。。 仿qq做的&#xff0c;感觉和qq差局还是很大&#xff0c;上图*.* 首先肯定是要把图片分成几部分&#xff0c;我分了4个框来处理这些&#xff08;顺便吐槽一下Linux的画图软件&#xff0c;太难收了&#xff09; 下一…

html-QQ登陆界面

初学30节课html的入门课程&#xff0c;花了几个小时模仿了一个qq的登陆界面。 效果图如下&#xff1a; 代码如下&#xff1a; <!DOCTYPE html> <html><head><meta charset"utf-8" /><meta name"viewport" content"width…

【AndroidStudio】手机QQ登录界面2022版

Android的界面布局建议用xml编写&#xff0c;可有效与java代码隔开&#xff0c;这里采用相对布局RelativeLaout实现QQ登录界面布局 2022版手机QQ登录界面 1.为实现QQ企鹅图标效果&#xff0c;在左侧项目目录下打开app/src/main/res/&#xff0c;将自己准备的qq图案复制后paste(…

css3实现qq制作QQ登陆界面

1.代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>QQlogin</title><style type"text/css">#myImg01 {margin-top: 20px;width: 100px;height: 100px;float: left;backgro…

Swing学习----------QQ登录界面制作(二)

素材获取可关注微信公众号&#xff1a;开源IT&#xff0c;后台回复 "素材" 免费获取。 上次把QQ界面的主题框架实现了&#xff0c;但是还没有完成最小化&#xff0c;关闭按钮等的功能&#xff0c;这次重新完善了QQ登录界面的功能&#xff0c;本次更新主要有以下几个…

蠕虫病毒与一般计算机病毒的区别,蠕虫和病毒的区别是什么啊!

jhello05-26 08:07 等级 3楼 顶 ls 感染Nimda蠕虫病毒 cxhioulover05-26 09:54 等级 4楼 蠕虫,也是病毒的一种吧,大家习惯性的把具有破坏性的程序统称为病毒,就干脆这样叫了。蠕虫

“机器狗”作者藐视法律公开出售病毒

近日,“机器狗”病毒新变种频出,互联网面临一场“狂犬病”考验。最新版本的机器狗病毒入侵成功后,会自动下载大量木马、病毒、恶意软件、插件等,几乎所有安全软件均不能正常使用,大量用户也因此而不得不选择重装系统。” 最近机器狗闹得很猛,中毒后的电脑会下载更多木马,…

彻底清除狗太阳的3721病毒完全手册!

原文地址为&#xff1a; 彻底清除狗太阳的3721病毒完全手册! 我们对Google的爱说不清楚为什么&#xff0c;就是那么执著。我们对3721的憎恨似乎也说不清楚为什么&#xff0c;看起来更执著。Google往我们口袋里塞钱了吗&#xff1f;当然没有。3721抢我们钱包里的钱了吗&#xf…

机器狗新病毒分析

机器狗新病毒分析 我这里有二个样本’ dd.exe dod.exe 通过McAfee的日志我们可以看到 2008-1-2411:56:09 已由访问保护规则禁止 SMILE\Administrator C:\Documents and Settings\Administrator\ 桌面\dod.exe C:\Documents and Settings\Administrator\Local Settings\Te…

变种机器狗木马病毒防范

近期变种机器狗木马病毒猖獗&#xff0c;此病毒采用hook系统的磁盘设备栈来达到穿透目的的&#xff0c;危害极大&#xff0c;可穿透目前技术条件下的任何软件硬件还原&#xff01;基本无法*还原抵挡。目前已知的所有还原产品&#xff0c;都无法防止这种病毒的穿透感染和传播。 …

机器狗病毒专杀软件

机器狗病毒 name"google_ads_frame" marginwidth"0" marginheight"0" src"http://pagead2.googlesyndication.com/pagead/ads?clientca-pub-5572165936844014&dt1196162201046&lmt1195819918&format336x280_as&outputhtml…

机器狗病毒的工作原理和判断

http://article.pchome.net/content-581031.html 机器狗病毒名字由来和工作原理 机器狗病毒名字的由来 2008年春节前后,一个长相若电子宠物狗的程序潜入互联网闯荡江湖。 这个东东可不是什么桌面电子宠物,有人发现了这个宠物,并运行了它。不久,更多的“机器狗”入侵了网民…

机器狗病毒特征与防治

作者&#xff1a;许本新<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" /> 新近学院机房的老师老是跟我说,他们机房的计算机中毒了,并且穿透了还原精灵(机房为了管理方便都安装的还原精灵),我听说后倒是觉得蛮有意思的,就过去看了…