IDEA设计，简约大方的登陆界面

最新推荐文章于 2024-04-25 22:57:22 发布
最新推荐文章于 2024-04-25 22:57:22 发布
阅读量9.6k 收藏 106
点赞数 12
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shooone/article/details/105766729
版权

一个简单的登陆页面主要是难在布局样式，所以我就借花献佛，借用了一位大佬的样式框架，省了不少时间。大佬的文章链接见文章底部
先上图，看看页面具体什么样：

在这里插入图片描述在这里插入图片描述

看完图的效果接下来，来研究一下代码吧
login.jsp的代码
表单提交，需要在输入的文本框处设置一个name，作为参数名

<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2020/4/25
  Time: 10:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户登录</title>
</head>
<body>
<div id="login-frame">
    <p id="image-logo"><img src="images/login/logo.png" style="width: 50px;height: 50px;"></p&g
最低0.47元/天 解锁文章
wsme
关注
  • 12
    点赞
  • 踩
  • 106
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
用IDEA设计登录页面完成假登录
sinat_39119933的博客
02-15 3350
通过以上流程可以看出，HttpServletRequest和HttpServletReponse是Servlet处理HTTP请求流程中最重要的两个对象。从编写Servlet的过程中可以看出，doGet()或者doPost()方法中有两个参数，分别是HttpServletRequest和HttpServletReponse对象中。获取请求的参数：根据请求参数的name属性获取提交的值。注意：ctrl+超链接标签可以跳转到登录页面。注意要：为了防止乱码需要加上UTF-8。注意创建login.jsp。
idea 启动界面 图片 替换
05-21
"idea启动界面图片替换"这个话题涉及到对IDEA个性化定制的一个方面，即如何改变IDE启动时显示的默认Logo，以实现更个性化的用户体验。以下将详细介绍这一过程。 首先，我们需要理解的是，IDEA的启动界面通常包含一...
idea实现简单的用户登录注册跳转
Rocky balboa
01-12 2万+
一.首先--------用户登录案例需求： 1.编写login.html登录页面 username & password 两个输入框 2.使用Druid数据库连接池技术,操作mysql，day14数据库中user表 3.使用JdbcTemplate技术封装JDBC 4.登录成功跳转到SuccessServlet展示：登录成功！用户名,欢迎您 5.登录失败跳转到FailServlet展示：登录失败，用户名或密码错误 1.首先是login.html,简单的登录页面 <!DOCTYPE html&g
HBuilderX和IntelliJ IDEA实现简单登录认证功能
沐雨橙风ιε的博客
10-17 1万+
HBuilderX和IntelliJ IDEA实现简单登录认证功能
IDEA主题美化【保姆级】
最新发布
玦尘的博客
04-25 1902
超清背景图结尾自取...
Servlet概念——使用Idea设计登陆页面完并完成假登录
m0_73671382的博客
02-16 1666
学习java web的第一步就是了解Servlet，Servlet也叫"server applet”是java服务器的小程序，它是-种基于Java 技术的Web 组件，运行在服务器端，由Servlet 容器管理，用来生成动态的Web内容。httpservletrequest:包装了从客户端提交过来的数据（ip地址，表单数据和Cookies信息）httpservletresponse:包装向客户端写出的数据。
用jsp实现简单登入注册界面功能（css美化）（软件idea）
热门推荐
程序猿追的博客
03-24 4万+
思路：创建登入界面（login），再创建登入成功与登入失败界面（loginsuccess与loginfail），再创建注册成功界面（registersuccess）与注册界面（register）以及总控制文件（check）通过form标签的action将他们连接起来。 第一步 首先我们来看看效果 登入界面（login） 登入成功与登入失败（loginsuccess与loginfail） 注册界面（register） 注册成功(registersuccess) 第二步 创建项目，再添加框
IDEA实现前端页面登录，注册、增、删、改、查操作-完整版
weixin_53748496的博客
10-29 2万+
分层思想：entity层：存放实体类vo层：消息模型（重复使用的一些属性）mapper层：接口（写方法的）mapper.xml:MyBatis与数据库相关的一些内容controller(web)层：接收前端传回的参数调用service层，返回结果转发、响应结果（跳转页面）service层：业务逻辑判断，写方法的.utils层：工具类：写通用的方法、类。test包:测试类、测试方法（测试代码）连接数据库的pom.xml: 导入相关依赖。
用idea做一个网页登录界面
Charleslidi的博客
04-03 1万+
在完成创建java类后，在login中写入代码 protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String msg ="Hello World"+"\n"+"你好，世界"; PrintWrite...
JAVA WEB----完整的登陆界面前端优化
a1422346935的博客
05-23 3662
做完了之前的登陆界面后，我们要优化界面，使界面看起来，更加美观 第一步：去网站上下载Adminlte官网上下载框架 第二步：选择要使用的页面 把login.jsp和dist和plugins移动到idea后运行程序 第三步：修改使用的页面的代码 把login.jsp和dist和plugins移动到idea后运行程序 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> &l
JavaWeb（用IDEA设计登录页面，完成假登录）
Hrgge的博客
02-15 1193
2．容器将 HttpServletRequest 对象和 HttpServletReponse 对象以参数的形式传入service（）（或者doGet（）／doPost（））方法内，并调 用该方法。HTTP 请求消息分为请求行、请求消息头和请求消息体三部分，所以HttpServletRequest接口中定义了获取请求行、请求头和请求消息体的相关方法。HTTP请求的请求行中包含请求方法、请求资源名、请求路径等信息，HttpServletRequest接口定义了一系列获取请求行信息的方法。
lombok的使用
weixin_44795196的博客
02-06 536
作用：通过用简单的注释集代替众多的代码。 常用注解： @Setter ：注解在类或字段，注解在类时为所有字段生成setter方法，注解在字段上时只为该字段生成setter方法。 @Getter ：使用方法同上，区别在于生成的是getter方法。 @ToString ：注解在类，添加toString方法。 @EqualsAndHashCode： 注解在类，生成hashCode和equals方法。 @...
IntelliJ IDEA 的使用界面图文教程
08-26
总的来说，这篇图文教程详细介绍了IntelliJ IDEA的启动界面和基本操作，包括如何创建新项目、选择项目类型、配置项目属性以及调整界面布局。掌握这些基础操作，将有助于你更高效地使用IntelliJ IDEA进行开发工作。在...
IDEA登陆注册页面.rar
07-10
在本项目中，我们主要探讨如何使用IntelliJ IDEA（简称IDEA）开发一个基于Java的登陆注册页面，并集成MySQL数据库进行数据存储。这个过程涵盖了前端界面设计、后端业务逻辑处理以及数据库交互等多个关键环节。 首先...
FastRequest idea插件免登陆
07-13
【FastRequest IDEA插件免登陆详解】 FastRequest是一款专为JetBrains IDEA开发的高效HTTP客户端插件，它允许开发者在IDEA环境中快速地发送HTTP请求，进行API测试和调试，而无需离开IDE。免登陆特性使得用户可以...
基于Java的Swing图形界面设计源码
04-04
本设计源码提供了一个基于Java的Swing图形界面。项目包含59个文件，主要使用Java编程语言。文件类型包括30个Java字节码文件、21个Java源代码文件、4个XML配置文件、3个Idea项目文件、1个GIT忽略文件。该项目是一个...
使用IDEA实现登陆网页
qq_37630245的博客
04-03 6835
使用的软件版本为mac版IDEA2019.2.4 利用IDEA软件，实现一个登陆页面。 当用户输入密码时，页面在密码输入框不会直接显示密码，保护了用户信息安全： 第一次做出来的网页点击登陆后无法进行页面跳转，出现提示信息。当正确输入用户名及密码后页面返回到登陆页面： 此时的核心判断语句代码为： String loginName = req.getParameter("loginNam...
idea登陆界面设计代码
04-27
以下是一个简单的 IDEA 登录界面的设计代码示例： ```java import javax.swing.*; import java.awt.*; import java.awt.event.*; public class Login extends JFrame implements ActionListener { private JTextField txtUsername; private JPasswordField txtPassword; private JButton btnLogin, btnCancel; public Login() { setTitle("IDEA Login"); setSize(300, 150); setLocationRelativeTo(null); setDefaultCloseOperation(EXIT_ON_CLOSE); JPanel pnlMain = new JPanel(new BorderLayout()); JPanel pnlInput = new JPanel(new GridLayout(2, 2, 5, 5)); JPanel pnlButtons = new JPanel(new FlowLayout(FlowLayout.CENTER, 10, 10)); JLabel lblUsername = new JLabel("Username:"); JLabel lblPassword = new JLabel("Password:"); txtUsername = new JTextField(10); txtPassword = new JPasswordField(10); btnLogin = new JButton("Login"); btnCancel = new JButton("Cancel"); pnlInput.add(lblUsername); pnlInput.add(txtUsername); pnlInput.add(lblPassword); pnlInput.add(txtPassword); pnlButtons.add(btnLogin); pnlButtons.add(btnCancel); pnlMain.add(pnlInput, BorderLayout.CENTER); pnlMain.add(pnlButtons, BorderLayout.SOUTH); add(pnlMain); btnLogin.addActionListener(this); btnCancel.addActionListener(this); } public void actionPerformed(ActionEvent e) { if (e.getSource() == btnLogin) { String username = txtUsername.getText(); String password = new String(txtPassword.getPassword()); if (username.equals("admin") && password.equals("password")) { JOptionPane.showMessageDialog(this, "Login successful!"); } else { JOptionPane.showMessageDialog(this, "Invalid username or password."); } } else if (e.getSource() == btnCancel) { dispose(); } } public static void main(String[] args) { Login login = new Login(); login.setVisible(true); } } ``` 这个代码创建了一个简单的登录窗口，其中包含一个文本框和一个密码框，用于输入用户名和密码。它还包括两个按钮，一个用于登录，另一个用于取消。当用户单击“登录”按钮时，它会检查输入的用户名和密码是否正确，并显示相应的消息框。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值