登录界面代码
在平台下用C#和Access实现用户登录界面的窗体应用程序一直就想加个technology的类别,但却迟迟未能动笔.一来不得不承认直到现在,我在技术上还依然只是一个没怎么入门的菜鸟,二来技术本身也不是我的兴趣所在.但不管怎样,既然我现在还要攻读计算机专业的硕士学位,那么技术,总还是要学的.需要说明的是,对于那些高手来说,这里的东西想必都是小菜一碟,不值一提.我写在这里,只是给自己的总结吧.另外我所写的东西,很多也是参考网络和书籍的,其实真正属于我自己的东西也不多.由于四处查找,具体的出处很多也已记不清了,而且在开源环境下也很难说某些代码就是谁的原创,所以这里虽然没有说明,但很多东西也都是参考他人的,在此先要对那些给了我帮助的书籍作者,网上的发贴人和回贴人表示感谢.去年研一刚开学时,自己的实践能力还几乎为零.因为我心里清楚,自己本科的确是混过来的,计算机科学与技术的学士学位,我其实是不配去拿的.九月十号进实验室后,开始学习项目组里需要用到的C#,但单纯学习语言也没什么明确的目的性.实验室里和我同一导师本校保研的同学和我说起,他们大四下学期刚进实验室时,师兄就让他们先试着写一个类似QQ登录那样的一个用户登录程序.我自己没有任何经验,想也就像他们一样,从这里起步吧,于是在看C#的同时我就考虑怎么样去实现这样一个程序了.我知道对于过来人来说,这样的一个程序实在是再简单不过了,但对于当时刚开始的我,着实费尽了不少周折.虽然后来基本实现了这样一个程序,但在数据库上还是有些问题.因此虽然当时也曾想过贴个technology类别的日志,但终究还是一直拖了下来.前段时间通过同学的介绍,帮沈阳日报的一个朋友做了一个会员管理的软件.软件本身也极其简单,基本没有太多的技术含量,但在开发的过程中自己通过各种渠道去查找资料,也在各方面都学到了很多.所以这段经历对我还是很有意义的.而且自己在计算机专业学了四年有半后终于可以自己做出来一些可以应用到实际中的东西,也终于凭借自己的专业能力获得了一点回报,无论回报是多是少.嗯,是要鼓励一下自己的.也激励自己再接再厉!此后我可能会把在这一软件中所学到的东西陆续总结一下到这里.而这一软件开发的第一个模块也就是用户登录模块.也就是我最初在尝试做的东西.好,说了这么多无关的话,现在言归正传,来看登录模块的具体实现.由于用户登录模块的实现关键的一点就是要将用户的信息存储在数据库中,并在用户登录时到数据库中对信息进行查找和核对,所以首先要先建立一个数据库.实际上对于初学者来说,数据库的相关操作也正是实现本登录模块的难点所在.这也是当时我刚开始写这段程序时困扰我并困扰了我很久的地方.在数据量不是很大的情况下,可以就用微软Office组件里的Access数据库,比较方便.这里在D盘用Access建立一个数据库命名为db.mdb,并在数据库中建一个表,命名为users ,在表中建两个字段,命名为userName和userPassword,分别存储用户名和密码.然后在表中插入几条数据,用于登录界面的测试.下面是登录模块的开发.在Visual Studio2005的C#开发环境下,新建一个Windows 应用程序的项目,将第一个窗体命名为Login,即作为用户登录窗体.在窗体上添加相应控件,设计效果如下:其中两个文本框分别命名为userNameTbx,pswTbx,用于接收用户输入的用户名和密码,两个按钮命名为loginBtn,cancleBtn,用于用户提交登录信息或取消以关闭登录框.将文本框pswTbx的PasswordChar属性设置为*或其它字符,这样用户在该文本框中键入字符时,界面显示的一律为*.然后在项目中添加一个Windows窗体,命名为MainForm, 对于实际使用的软件来说,当用户登录成功后都应该弹出这样的软件主窗体.这里只是实现登录功能,暂不对主窗体添加任何内容.下面就是登录界面的后台实现,主要就是用户点击login按钮后后台事件响应代码的编写.登录窗体后台代码如下:using System;using System.Collections.Generic;using ponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using System.Data.OleDb;namespace WindowsFormsApplication1{public partial class Login : Form{public Login(){InitializeComponent();}private void Form1_Load(object sender, EventArgs e){}private void label1_Click(object sender, EventArgs e){}private void button1_Click(object sender, EventArgs e){string connstring = "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=E:\\sdtinfo.mdb";OleDbConnection conn = new OleDbConnection(connstring);string name = "select * from Login where Login_name='"+ this.textBox1.Text + " 'and Login_password='" + this.textBox2.Text + " '";OleDbCommand cmd = new OleDbCommand(name, conn);conn.Open();OleDbDataReader reader = cmd.ExecuteReader();if (reader.Read()){// INFO InfoForm = new INFO();// InfoForm.Show();// this.Hide();this.DialogResult = DialogResult.OK;}else{MessageBox.Show(" 用户名或密码出错");}reader.Close();conn.Close();cmd.Connection.Close();}}}以上代码调试通过后,即可成功运行.当输入数据库中正确的用户名和密码后点击login ,则登录窗体关闭,主窗口弹出.大功告成!大功真的告成了吗?且慢.当在调试状态下启动软件,登录成功弹出主窗体后再关闭主窗体,从用户角度来说软件应该关闭了.但程序却还处在调试状态而没有结束运行.即使不在调试状态下,关闭主窗体后似乎软件已经关闭了,但实际上打开Windows任务管理器,发现登录窗体的线程还一直处在运行状态.这显然是不完善的.检查后发现在上面的代码中,弹出主窗体后只是将登录窗体隐藏了,this.Hide(); 而并没有真正关闭.好,那在弹出主窗体后就把登录窗体关闭吧.我们将this.Hide(); 改成this.Close(); 很简单吧.但很遗憾,事情并没有这么简单.这样改过之后我们再运行软件,发现登录成功之后登录窗体的确是实实在在的关闭了,但主窗体在闪了一下,甚至你可能连闪那一下都没看到,就也随之关闭了.这显然不是我们想要的结果.那如何能让登录窗体真正关闭,而又不影响主窗体的正常运行呢?这个问题也困扰了我了阵,当然还是很容易在网上找到了答案.实际上建立项目时登录窗体是第一个窗体,也就是默认的启动窗体,或者说是主进程,如果只将窗体隐藏,显然进程一直运行.而或将窗体关闭,也就是将主进程关闭,那整个软件自然也就关闭了,因此弹出的MainForm自然也会随之关闭.当然关于进程的问题我还有待进一步学习.要解决这个问题,就要找到应用程序的入口,看看整个程序的执行过程.打开项目中的program.cs文件,发现代码如下:using System;using System.Collections.Generic;using System.Linq;using System.Windows.Forms;namespace WindowsFormsApplication1{static class Program{///<summary>///应用程序的主入口点。
///</summary>[STAThread]static void Main(){Application.EnableVisualStyles();Application.SetCompatibleTextRenderingDefault(false);Application.Run(new Login());}}}要想解决上面的问题,就不能让程序直接执行Application.Run(new Login()); ,而可做如下修改.static void Main(){Application.EnableVisualStyles();Application.SetCompatibleTextRenderingDefault(false);// Application.Run(new Login());Login login = new Login();if (login.ShowDialog() == DialogResult.OK){login.Close();Application.Run(new INFO());}}}}首先实例化一个登录窗体,当登录成功时返回DialogResult.OK的结果,然后关闭登录窗体,将主窗体作为主线程启动.相应的,在登录界面的代码文件中做如下修改:if (reader.Read()){//MainForm newForm = new MainForm();//newForm.Show();//this.Hide();this.DialogResult = DialogResult.OK;}至此,我们完成了一个最基本的用户登录模块的实现.最后,关于Access数据库有几点说明.第一,数据库文件的位置.其实数据库文件没必要放到或复制到项目文件中,而在进行数据库连接相关操作时直接使用其绝对路径即可.实际上在实际使用软件时,一般数据库文件也不会和软件的安装文件放在同一目录下的.最开始尝试写登录模块时,我就通过添加数据源什么的把数据库文件复试到了项目的Debug文件夹下,结果程序编译时会产生很多数据覆盖的问题,会有很多不必要的麻烦.另外一点就是Access数据库虽然用得着比较方便,但凡事有其两面性,Access数据库也有一些不利之处,影响比较明显的一点就是其可恶的关键字.这点也曾给我带来不少麻烦.由于很多关键字都是Access数据库保留的,因此在建表命名时如果一不小心和其重复了则对数据库操作时就会失败,而这一问题又很难发现,结果就是程序干调调不通却找不到原因所在.因此在使用Access数据库时命名一定要小心.附上转自网上的"真烂Access关键字",如果操作Access数据库失败了可以先看一下是不是命名与下面这些关键字重复。
html登录界面模板
html登录界面模板HTML登录界面模板。
在网页设计中,登录界面是一个非常重要的部分,它是用户与网站进行交互的第一步,也是用户体验的重要组成部分。
因此,设计一个简洁、美观、易用的HTML登录界面模板是至关重要的。
本文将介绍一款简单实用的HTML登录界面模板,帮助您快速搭建一个优秀的登录页面。
首先,我们需要创建一个HTML文件,并命名为“login.html”。
在文件中,我们可以使用以下代码来构建登录界面模板:```html。
<!DOCTYPE html>。
<html lang="en">。
<head>。
<meta charset="UTF-8">。
<meta name="viewport" content="width=device-width, initial-scale=1.0">。
<title>Login</title>。
<link rel="stylesheet" href="style.css">。
</head>。
<body>。
<div class="login-container">。
<h2>Login</h2>。
<form action="login.php" method="post">。
<div class="input-group">。
<label for="username">Username</label>。
<input type="text" id="username" name="username" required>。
java用户登录界面的代码
java用户登录界面的代码以下是一个简单的Java用户登录界面的代码示例,其中包括了GUI界面设计和用户验证的代码:```javaimport javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JTextField;import javax.swing.JPasswordField;import javax.swing.JButton;import java.awt.event.ActionListener;import java.awt.event.ActionEvent;public class LoginWindow extends JFrame implements ActionListener {private JLabel usernameLabel, passwordLabel;private JTextField usernameTextField;private JPasswordField passwordField;private JButton loginButton;public LoginWindow() {setTitle("用户登录");setSize(400, 200);setLocationRelativeTo(null);setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);usernameLabel = new JLabel("用户名:");passwordLabel = new JLabel("密码:");usernameTextField = new JTextField();passwordField = new JPasswordField();loginButton = new JButton("登录");loginButton.addActionListener(this);setLayout(null);usernameLabel.setBounds(50, 30, 80, 25);passwordLabel.setBounds(50, 70, 80, 25);usernameTextField.setBounds(130, 30, 200, 25);passwordField.setBounds(130, 70, 200, 25);loginButton.setBounds(150, 120, 100, 25);add(usernameLabel);add(passwordLabel);add(usernameTextField);add(passwordField);add(loginButton);setVisible(true);}public void actionPerformed(ActionEvent e) {String username = usernameTextField.getText();String password = newString(passwordField.getPassword());if (isValidUser(username, password)) {System.out.println("用户登录成功!");// 在这里可以跳转到下一个界面} else {System.out.println("用户名或密码错误!");}}private boolean isValidUser(String username, String password) {// 在这里实现用户验证的代码// 比如查询数据库是否有该用户并且密码是否匹配等等// 如果验证成功则返回true,否则返回falsereturn false;}public static void main(String[] args) {new LoginWindow();}}```该代码创建了一个窗口界面,包括“用户名”和“密码”两个文本框,以及一个“登录”按钮。
php用户登录页面代码源代码
//登入页面$conn=mysql_connect('127.0.0.1','root','')or die("连接失败");mysql_select_db('tujian',$conn)or die("未找到该数据库");define(ALL_PS,"vivid"); mysql_query("set names GBK");if($_POST[submit]){$postcode=strtolower($_POST["code"]);$postcode=strtoupper($_POST["code"]);$uid=str_replace(" ","",$_POST[uid]);$sql="select * from users where `uid`='$_POST[uid]'";$query=mysql_query($sql);$user=is_array($row=mysql_fetch_array($query));$mi=$user?md5($_POST[pass].ALL_PS)==$row[pass]:FALSE;if($mi){$_SESSION[uid]=$row[uid];$_SESSION[name]=$row[name];$_SESSION[id]=$row[id];$_SESSION[user_shell]=md5($row[uid].$row[pass].ALL_PS);if( $_SESSION["code"]==$postcode){echo"<script>alert('登录成功!');location.href='index.php';</script>";}else{echo"<div class='show'>验证码输入错误,请重新输入!</div>";}}else{echo"<div class='show'>用户名或密码输入错误</div>";session_destroy();}}><SCRIPT language=javascript>function Checklogin(){if(myform.uid.value=="账号/学号"){alert("请填写登录名");myform.uid.focus();return false;}if(myform.pass.value=="密码/身份证后六位数"){alert("密码不能为空");myform.pass.focus();return false;if(myform.code.value=="验证码"){alert("请填写验证码");myform.code.focus();return false;}}</SCRIPT><style type="text/css"><!--body {background-image: url(images/user_loginbg.jpg); }--></style><style type="text/css"><!--.STYLE1 {color: #000000;font-size: 18px;}body {background-color: #f7f4f6;}.position{position: absolute;top: 10pxright: 200pxwidth: 296px;left: 878px;top: 161px;height: 304px;width: 258px;}.position2{position: absolute;left:63px;top:250px;}.position3{position:absolute;left: 935px;top: 122px;font-size:25px;font-family: Arial, Helvetica, sans-serif;}.STYLE8 {position: absolute;font-size: 30px;font-family: Arial, Helvetica, sans-serif;color: #0000FF;top: 0px;left: 40px;}.STYLE9 {font-size: 18px;font-family: "宋体";}.STYLE10 {font-family: "Courier New", Courier, monospace;font-weight: bold;}.STYLE11 {color: #FFFFFF;font-weight: bold;text-decoration:none;}.show{position:absolute;left:1135px;top:400px;}--></style><html><title>用户登录</title><body background="images/login.PN"><form action="" method="post" name="myform" onsubmit="return Checklogin();"><div class="position"><table width="296" height="250" align="right" bordercolor="#ffffff" bgcolor="#ffffff"><tr><td width="292" height="37" bgcolor="#ffffff"> <h1 class="STYLE1"> 欢迎登录</h1></td> </tr><tr><td><div align="center"><br> <input type="text" value="账号" onfocus="if(value=='账号') {value=''}" onblur="if (value=='') {value='账号'}" name="uid" style="width:180px;height:25px;color:#939597;"/><br></div></td></tr><tr><td> <div align="center"> <input type="text" value="密码" onfocus="if(value=='密码') {value=''}" onblur="if (value=='') {value='密码'}" name="pass" style="width:180px;height:25px;color:#939597;"/><br></div></td></tr><br><tr><td> <div align="center"> <input type="text" value="验证码" onfocus="if(value=='验证码') {value=''}" onblur="if (value==''){value='验证码'}" name="code" style="width:80px;height:25px;color:#939597;"/> <span style="color:#867e82;font-size:10pt;">填写下图所示文字</span><br /> <img src="code.php?" alt="点击刷新" onClick="this.src=this.src+'?'" /><span size="20px"style="color:#867e82;font-size:10pt;">看不清?点击图片刷新</span></p></div></td></tr><tr><td height="297"><div class="position2"> </div><span class="position2"><input type="submit" name="submit" style="background:#2c64f3; height:39px; width:110px; font-size: 24px; font-style: inherit; font-weight: normal;color:#fff" value="登入"/></span></td></tr></table></div><p class="STYLE8"> </p><p class="STYLE8"><span class="STYLE10">土建学院交流平台</span><span class="STYLE9"> 登录界面</span></p><p class="STYLE8"> </p><p class="STYLE8"> </p></form><p> </p><p> </p><p><div class="position3"><a href="register.php"class="STYLE11">立即注册</a></div></p></body></html>。
Jsp学生信息管理系统登录验证全代码
1.jsp登录界面 Login.jspNo.:00000000000000587 <%@page language="java"contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><html><head><meta http-equiv="Content-Type"content="text/html;charset=UTF-8"><title>用户登录界面</title></head><form action="LoginServlet"method="post"><body bgcolor="blue"><marquee direction="right"onmouseover="stop()"onmouseout="start()"style="font-family: 楷体_GB2312"><p><font size="10px"color="red">学生信息信息管理系统</font></p></marquee><table align=center width="237"><tr><td><table width=100%><tr><td colspan=6><font size=2><div id="b2bContent"style="FILTER: revealTrans(Duration = 1, Transition =</font></td></tr><tr><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt0"onclick="javascript:showPage(0);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">1</div></font></td><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt1"onclick="javascript:showPage(1);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">2</div></font></td><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt2"onclick="javascript:showPage(2);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">3</div></font></td><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt3"onclick="javascript:showPage(3);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">4</div></font></td><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt4"onclick="javascript:showPage(4);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">5</div></font></td><td align=center STYLE='cursor: hand'><font size=2><div class="b2bbutton"id="bt5"onclick="javascript:showPage(5);clearTimeout(theTimer);theTimer=s etTimeout('turnPage()',speed);checkBt();">6</div></font></td></tr></table><script language="javascript">b2bStr = new Array();b2bStr[0]= "<div style='float:left; width:100%;overflow:hidden;'><a href=1.gif target=_blank><img src=1.gif width=214px height=145px border=0></a><br><a target=_blank title=太阳岛公园一角 href=1.gif>太阳岛公园一角</a></div>";width:100%;overflow:hidden;'><a href=2.gif target=_blank><img src=2.gif width=214px height=145px border=0></a><br><a target=_blank title=太阳岛公园湖光山色 href=2.gif>太阳岛公园湖光山色</a></div>";b2bStr[2] = "<div style='float:left; width:100%;overflow:hidden;'><a href=3.gif target=_blank><img src=3.gif width=214px height=145px border=0></a><br><a target=_blank title=哈尔滨雪雕 href=3.gif>哈尔滨雪雕</a></div>";b2bStr[3] = "<div style='float:left; width:100%;overflow:hidden;'><a href=4.gif target=_blank><img src=4.gif width=214px height=145px border=0></a><br><a target=_blank title=镜泊湖 href=4.gif>镜泊湖</a></div>";b2bStr[4] = "<div style='float:left; width:100%;overflow:hidden;'><a href=5.gif target=_blank><img src=5.gif width=214px height=145px border=0></a><br><a target=_blank title=太阳岛公园瀑布 href=5.gif>太阳岛公园瀑布</a></div>";b2bStr[5] = "<div style='float:left; width:100%;overflow:hidden;'><a href=6.gif target=_blank><img src=6.gif width=214px height=145px border=0></a><br><a target=_blank title=镜泊湖夜色 href=6.gif>镜泊湖夜色</a></div>";var page=0;var speed=3000;function showPage(id){setTransition();b2bContent.innerHTML=b2bStr[id];b2bContent.filters.revealTrans.play();}function turnPage(){showPage(page);theTimer=setTimeout("turnPage()", speed);checkBt();page++;if(page>=6) page=0;}function checkBt(){for(var i=0;i<6;i++){btObj=eval('bt'+i);if(page==i){btObj.style.color='#FFFFFF';btObj.style.backgroundCol or='#FF781C';}else{btObj.style.color='#000000';btObj.style.backgroundColor='#F7 F7F7';}}}function setTransition(){b2bContent.filters.revealTrans.Transition=Math.round(Math.random( )*23);b2bContent.filters.revealTrans.apply();}turnPage();</script></TD></TR></table><hr color="green"width="540"><table align="center"><tr><td>用户名:<input type="text"name="username"size="8" maxlength="6"></td></tr><tr><td>密 码:<input type="password" name="password"size="10"maxlength="6"></td></tr><tr><td><input type="submit"value="登录"> <input type="reset"value="取消"></td></table></form></body></html>2.java代码(1)User.Java 定义的属性和数据库中的字段相对应package com.softeem.dt;public class User {private int id;private String username;private String password;private String xh;private String college;public int getId(){return id;}public void setId(int id){this.id = id;}public String getUsername() {return username;}ername = username;}public String getPassword() {return password;}public void setPassword(String password) { this.password = password;}public String getXh() {return xh;}public void setXh(String xh) {this.xh = xh;}public String getCollege() {return college;}public void setCollege(String college) { this.college = college;}}(2)UserDAO.java 操作数据库tb_user,验证用户登录package com.softeem.dao;import java.sql.Connection;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;import com.softeem.db.DBManager;import er;public class UserDAO {/***验证用户登录*@return*/public boolean checkDenglu(User user) {boolean flag = false;// 获得数据库连接Connection conn = DBManager.getConnection();// 用select * from查询数据库中的所有字段String sql = "select count(*) from tb_user where username=? and password=?";try {PreparedStatement pst = conn.prepareStatement(sql);pst.setString(1, user.getUsername());pst.setString(2, user.getPassword());ResultSet rs = pst.executeQuery();while (rs.next()) {int count = rs.getInt(1);//用count和0比较,若大于0表示该用户存在,否则不存在if(count > 0){flag = true;}}} catch (SQLException e) {e.printStackTrace();}return flag;}}3.LoginServlet,点击登录跳转到服务器端package com.softeem.servlet;import java.io.IOException;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import er;/*** Servlet implementation class LoginServlet*/public class LoginServlet extends HttpServlet {private static final long serialVersionUID = 1L;/*** @see HttpServlet#HttpServlet()*/public LoginServlet() {super();}/*** @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)*/protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { super.doGet(request, response);}/*** @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)*/protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { //获取表单数据//处理乱码request.setCharacterEncoding("utf-8");String username = request.getParameter("username");String password = request.getParameter("password");//封装到user对象中User user = new User();user.setUsername(username);user.setPassword(password);//调用dao的checkLogin方法UserDAO dao = new UserDAO();boolean flag = dao.checkLogin(user);String message = null;String path = null;if(flag){message = "登录成功";path="success.jsp";request.getSession().setAttribute("user", user);}else{message ="对不起密码错误,请重新输入!";path="fail.jsp";}//response返回messageresponse.setCharacterEncoding("utf-8");response.getWriter().write(message);*///属于服务器跳转,浏览器地址栏没有发生改变request.getRequestDispatcher(path).forward(request,response);}}青年人首先要树雄心,立大志,其次就要决心作一个有用的人才。
用HTML代码制作简单的登录界面
用HTML代码制作简单的登录界面HTML部分<section login"><form id="loginForm" name="loginForm" action="#" method="get"><table><tr><td for="login_username">账户名</label></td><td id="login_username" name="login_username" type="text" maxlength="32" required="" /></td></tr><tr><td for="login_password">密 码</label></td><td id="login_password" name="login_password" type="password" maxlength="32" required="" /></td></tr><tr><td for="login_code">验证码</label></td><td id="login_code" name="login_code" type="text" maxlength="6" required="" /><img src="style/images/checkcode.jpg" alt="" /><input type="hidden" value="true" name="need_check_code"></td></tr><tr style="font-family: Verdana; font-size: 16px;"< <td style="font-family: Verdana; font-size: 16px;"< <td type="checkbox" id="login_save"><label for="login_save">自动登录</label></td></tr><tr style="font-family: Verdana; font-size: 16px;"< <td style="font-family: Verdana; font-size: 16px;"< <td name="login_submit" type="submit" value="登录" /><a target="_blank" href="#">忘记密码?</a></td> </tr></table><div><a target="_blank" href="#">免费注册</a></div></form></section>CSS部分.input_text{width: 150px;height: 24px;cursor: pointer;}.input_button{width: 60px;height: 30px;color: #FFF;background: #3399ff;border: solid 1px #6699cc;margin: 3px 4px 5px 3px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;background-image: -moz-linear-gradient(0% 100% 90deg, #3399ff,#99ccff 100%);box-shadow:1px 2px 3px #999;-moz-box-shadow:1px 2px 3px #999;-webkit-box-shadow:1px 2px 3px #999;}/* Login */.login{padding: 10px;}.login .name{width: 60px;color: #F60;font-weight: 700;}.login .data{width: 180px;}.login label, .login input{cursor: pointer;}.login label{line-height: 28px;width: 50px;}.login .input_checkbox{height: 32px;}.login .code img, .login .code a, #login_code{float: left;}#login_code{width: 50px;}#login_safe img{float: left;}.login .save-login, .login .submit{padding-left: 50px;}.login .submit a{padding: 0 6px;}.login .change_code{float: left;line-height: 14px;}JavaScript部分$("#loginForm").ready(function(){$("#loginForm").submit(function(){var username = $("#login_username").val();var password = $("#login_password").val();var code = $("#login_code").val();if(username==""){ $("#login_username").focus(); return false; }if(password==""){ $("#login_password").focus(); return false; }if(code==""){ $("#login_code").focus(); return false; } });});最终效果:IE下。
用HTML代码制作简单的登录界面
用HTML代码制作简单的登录界面在跟着《用HTML代码和记事本制作简单网页》做完之后,我们还可以对网页进行进一步的美化、修饰!具体步骤如下:第一步,设计一个自己的理想界面;第二步,根据构思,进行制作。
输入以下代码:<html><head><title>我的第一个网页</title></head><body><h1 align="center"><font face="楷体">我的第一个主页</font><h1></body></html>得到如下的结果:第三步,继续输入代码,在网页中插入图片,代码如下:<html><head><title>我的第一个网页</title></head><body><h1 align="center"><font face="楷体">我的第一个主页</font><h1><p align="center"><img src="C:\Documents and Settings\AllUsers\Documents\My Pictures\示例图片" width="50"height="60" align="middle"></body></html>得到如下的结果:第四步,接着输入代码,在网页中插入欢迎语、用户提交界面,代码如下:<html><head><title>我的第一个网页</title></head><body><h1 align="center"><font face="宋体">我的第一个主页</font><h1><p align="center"><img src="C:\Documents and Settings\AllUsers\Documents\My Pictures\示例图片\Blue hills.JPG" width="80" height="60" align="middle"><font color="#00FF00" size="4">欢迎光临我的第一个主页</font><form method="POST" action=" "><p align="center">用户<input type="text"name="yh"><br><input type="submit" value="登录" name="dl"></form></body></html>得到如下的结果:这样,一个简单的欢迎、用户登录界面网页就制作好了!。
简单的登录界面代码(Simplelogininterfacecode)
简单的登录界面代码(Simple login interface code)< <html><head><脚本语言=“JavaScript”>功能checkform() {/ /检查会员名是否为空如果(document.form1.txtname.value.length = = 0){警报(“会员名不能为空,请输入会员名!”);文件。
1。
txtname。
focus();返回false;}如果(文件。
1。
txtname。
价值。
长度<5 | |文件。
1。
txtname。
价值。
长> 20){警报(“会员名必须是5 ~ 20个字符以内!”);document.form1.txtname.value =“”;文件。
1。
txtname。
focus();返回false;}无功reppass = / [ 0-9a-za-z ] { 6,16 } /;无功reppass1 = / [ 0-9 { 1 } ] /;无功reppass2 = / [A-Za-z] { 1 } /;如果(文件。
1。
txtpassword。
价值。
长度<6 | |文件。
1。
txtpassword。
价值。
长> 20){警报(“密码长度不符合要求!”);document.form1.txtpassword.value =“”;文件。
1。
txtpassword。
focus();返回false;}如果(!reppass。
测试(文档。
1。
txtpassword。
值)| |(document.form1.txtpassword.value = = null)){警报(“!请输入符合规则的密码”);document.form1.txtpassword.valu e =“”;文件。
1。
txtpassword。
focus();返回false;}如果(!reppass1。
测试(文档。
1。
txtpassword。
学生信息管理系统代码【精选文档】
主要代码如下:1、登录界面代码:Dim cn As New ADODB.ConnectionDim rst As New ADODB.RecordsetPrivate Sub Command1_Click()Set cn = New ADODB.ConnectionSet rst = New ADODB。
RecordsetStatic i%cn。
ConnectionString = ”Provider=SQLOLEDB。
1;Persist Security Info=False;User ID=sa;Initial Catalog=students info;DataSource=C1847”cn。
Openusna = Trim(Text1.Text)mysql = "select * from 用户表 where 用户名=’" & usna &”’"rst.Open mysql, cnIf rst.EOF ThenMsgBox ”用户名不存在!”cn。
CloseText1。
Text = "”Text2。
Text = ””Text1。
SetFocusElseIf Trim(rst("密码”)) = Trim(Text2。
Text) Then管理界面.ShowElsei = i + 1If i 〈 3 ThenMsgBox "用户名或密码错误!", vbOKOnly + vbExclamation, ”警告"cn。
CloseText2。
Text = ""Text1.Text = "”Text1.SetFocusElseMsgBox "该用户已被锁定!", vbOKOnly + vbExclamation, "警告”End IfEnd IfEnd IfEnd SubPrivate Sub Command2_Click() Text1.Text = ""Text2.Text = ””Text3。
登陆界面代码
登陆界⾯代码1、设计思想添加窗⼝界⾯,想i⾯添加⼀系列组件。
输⼊账号密码和验证码后,如果验证码正确,进⾏注册,否则注册失败。
注册成功后,验证码⾃动刷新,并将注册的帐号和密码保存。
注册失败后,验证码刷新,从新注册。
⽽后进⾏登录,输⼊帐号密码和验证码,当三个都输⼊对的时候,登录成功,否则登录失败,刷新验证码重新登录。
当点击刷新验证码后,验证码⾃动刷新。
2、流程图3、源程序代码package java作业;import java.awt.FlowLayout;import java.awt.event.ActionEvent;import java.awt.event.ActionListener;import java.util.Random;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.JLabel;import javax.swing.JTextField;class chuang extends JFrame implements ActionListener{private JTextField txt1;private JTextField txt2;private String base = "abcdefghijklmnopqrstuvwxyz0123456789";private String zifu;private JLabel haha;private JTextField txt3;private JButton d;private JButton dl;private JButton zc;private String zhanghao;private String mima;private String yanzheng;private StringBuffer sb;chuang(){setBounds(800,400,300,250);setVisible(true);setTitle("界⾯");setDefaultCloseOperation(EXIT_ON_CLOSE);setLayout(null);JLabel zh=new JLabel("帐号:");zh.setBounds(20,15,50,25);add(zh);JLabel mm=new JLabel("密码:");mm.setBounds(20,50,50,25);add(mm);JLabel en=new JLabel("点击按钮后,放⼤窗⼝刷新验证码");en.setBounds(20,150,200,25);add(en);Random random = new Random();sb = new StringBuffer();for (int i = 0; i < 4; i++){int number = random.nextInt(base.length());sb.append(base.charAt(number));}haha=new JLabel(sb.toString()+":");haha.setBounds(20,85,50,25);add(haha);txt1 = new JTextField(20);txt1.setBounds(65,15,150,25);add(txt1);txt1.setText("请输⼊帐号");txt2 = new JTextField(20);txt2.setBounds(65,50,150,25);add(txt2);txt2.setText("请输⼊密码");txt3 = new JTextField(20);txt3.setBounds(65,85,100,25);add(txt3);txt3.setText("请输⼊验证码");d=new JButton("刷新验证码");d.addActionListener(this);d.setBounds(170,85,100,24);add(d);dl=new JButton("登录");dl.addActionListener(this);dl.setBounds(35,120,75,24);add(dl);zc=new JButton("注册");zc.addActionListener(this);zc.setBounds(120,120,75,24);add(zc);validate();}public void actionPerformed(ActionEvent e){if(e.getSource()==d){remove(haha);Random random = new Random();sb = new StringBuffer();for (int i = 0; i < 4; i++){int number = random.nextInt(base.length());sb.append(base.charAt(number));}haha=new JLabel(sb.toString()+":");haha.setBounds(20,85,50,25);add(haha);validate();}else if(e.getSource()==dl){yanzheng=txt3.getText();if(yanzheng.equals(sb.toString())&&txt1.getText().equals(zhanghao)&&txt2.getText().equals(mima)) {JFrame ha=new JFrame("登录界⾯");ha.setBounds(880,460,150,100);ha.setVisible(true);JLabel hao=new JLabel("登录成功!");ha.add(hao);validate();}else{JFrame ha=new JFrame("登录界⾯"); ha.setBounds(880,460,150,100);ha.setVisible(true);JLabel hao=new JLabel("登录失败!"); ha.add(hao);validate();}}else if(e.getSource()==zc){yanzheng=txt3.getText();zhanghao=txt1.getText();mima=txt2.getText();if(yanzheng.equals(sb.toString())){JFrame ha=new JFrame("注册界⾯"); ha.setBounds(880,460,150,100);ha.setVisible(true);JLabel hao=new JLabel("注册成功!"); ha.add(hao);validate();}else{JFrame ha=new JFrame("注册界⾯"); ha.setBounds(880,460,150,100);ha.setVisible(true);JLabel hao=new JLabel("注册失败!"); ha.add(hao);validate();}remove(haha);Random random = new Random();sb = new StringBuffer();for (int i = 0; i < 4; i++){int number = random.nextInt(base.length()); sb.append(base.charAt(number));}haha=new JLabel(sb.toString()+":"); haha.setBounds(20,85,50,25);add(haha);validate();}}public void shuzi(){Random random = new Random(); StringBuffer sb = new StringBuffer();for (int i = 0; i < 4; i++){int number = random.nextInt(base.length()); sb.append(base.charAt(number));}System.out.println(sb.toString());}}public class suiji {public static void main(String args[]){new chuang();}}4、结果截图。
用JAVA编写一个用户登陆界面用户验证通过数据库实现
用JAVA编写一个用户登陆界面用户验证通过数据库实现用户登录界面的实现可以分为以下几个步骤:1.用户界面设计2.数据库连接接下来,我们需要连接到数据库以验证用户的登录信息。
可以使用Java中的JDBC来连接数据库。
在连接数据库之前,需要准备好数据库的相关信息,如数据库驱动程序的引入、数据库连接URL、用户名和密码等。
3.用户验证一旦连接成功,我们可以使用SQL查询语句来验证用户的登录信息。
可以编写一个方法,传入用户输入的用户名和密码作为参数,并在数据库中查找是否存在匹配的用户记录。
可以使用PreparedStatement对象来执行SQL查询语句,查询结果将返回一个ResultSet对象。
4.处理验证结果根据查询结果,我们可以判断用户的登录是否成功。
如果有匹配的记录,则表示用户验证通过,可以跳转到下一个界面或执行其他操作。
如果没有匹配的记录,则表示用户验证失败,可以弹出错误提示框或执行其他错误处理逻辑。
5.关闭数据库连接在完成用户验证后,我们需要关闭数据库连接,释放相关资源。
可以在finally块中关闭连接,并通过try-catch-finally语句来确保连接的安全关闭。
以下是一个示例代码,用于实现用户登录界面的功能:```javaimport java.sql.Connection;import java.sql.DriverManager;import java.sql.PreparedStatement;import java.sql.ResultSet;import java.sql.SQLException;public class UserLoginprivate static final String DB_URL ="jdbc:mysql://localhost:3306/mydatabase"; // 数据库连接URL private static final String DB_USER = "root"; // 数据库用户名public static void main(String[] args)//创建用户界面//用户界面设计略//监听登录按钮点击事件loginButton.setOnAction(event ->String username = usernameTextField.getText(;String password = passwordTextField.getText(;boolean result = validateUser(username, password);if (result)//用户验证通过,跳转到下一个界面或执行其他操作} else//用户验证失败,弹出错误提示框或执行其他错误处理逻辑}});}private static boolean validateUser(String username, String password)Connection conn = null;PreparedStatement stmt = null;ResultSet rs = null;boolean result = false;try//连接数据库conn = DriverManager.getConnection(DB_URL, DB_USER,DB_PASSWORD);//执行查询String sql = "SELECT * FROM users WHERE username = ? AND password = ?";stmt = conn.prepareStatement(sql);stmt.setString(1, username);stmt.setString(2, password);rs = stmt.executeQuery(;//判断查询结果if (rs.next()result = true; // 用户验证通过} elseresult = false; // 用户验证失败}} catch (SQLException e)//异常处理逻辑} finally//关闭连接和释放资源tryif (rs != null)rs.close(;}if (stmt != null)stmt.close(;}if (conn != null)conn.close(;}} catch (SQLException e)//异常处理逻辑}}return result;}```以上代码仅为示例,具体的实现可以根据自己的需求进行调整。
