精华内容
下载资源
问答
  • 用php做一个注册页面

    千次阅读 2014-06-05 11:52:09
    在appServ文件夹的www文件夹中创建一个test文件夹,里面存放

    在appServ文件夹的www文件夹中创建一个test文件夹,里面存放三个php文件,分别为index.php(用户注册界面),reg.php(验证是否注册成功),auth.php(用于产生验证码)

    index.php

    <!DOCTYPE html>
    <html>
    <head>
    	<!--meta charset="UTF-8"-->
    	<title>注册界面</title>
    	<style>
    		border-collapse:collapse;
    	</style>
    </head>
    <body>
    	<h2>用户注册界面</h2>
    	<hr>
    	<table width="500px" border="1px">
    	<form action="reg.php" method="post">
    		<tr>
    		<td>姓  名:</td>
    		<td><input type="text" name="username" id=""></td>
    		</tr>
    		<tr>
    		<td>密  码:</td>
    		<td><input type="password" name="password" id=""></td>
    		</tr>
    		<tr>
    		<td>验证码:</td>
    		<td><input type="text" id="auth" name="vcode"><img src="auth.php"></td>
    		</tr>
    		<tr>
    			<td><input type="submit" value="提交"></td>
    			<td><input type="submit" value="重置"></td>
    		</tr>
    	</form>
    </body>
    </html>

    auth.php

    <?php
    //开启session
    session_start();
    //准备画布资源
    $im = imagecreatetruecolor(50,25);
    
    //准备涂料
    $balck = imagecolorallocate($im,0,0,0);
    $white = imagecolorallocate($im,255,255,255);
    $gray = imagecolorallocate($im,200,200,200);
    
    //背景填充
    imagefill($im,0,0,$gray);
    
    //在画布上画图像或文字
    for($i=0;$i<100;$i++) {
    	imagesetpixel($im,mt_rand(0,50),mt_rand(0,25),$black);
    }
    for($i=0;$i<4;$i++) {
    	imageline($im,mt_rand(0,50),mt_rand(0,25),mt_rand(0,50),mt_rand(0,25),$black);
    }
    $strarr = array_merge(range(0,9),range(a,z),range(A,Z));
    shuffle($strarr);
    $str = join('',array_slice($strarr,0,4));
    
    //把$str放入session中,方便在所有页面使用
    $_SESSION['vstr'] = $str;
    
    $file = "fonts/simsun.ttc";
    imagettftext($im,17,0,2,17,$black,$file,$str);
    
    //输出最终图像或保存最终图像
    header("content-type:image/png");
    imagepng($im);
    
    //释放画布资源
    imagedestroy($im);
    
    ?>

    reg.php

    <?php
    session_start();
    
    $code = strtolower($_POST['vcode']);
    $vstr = strtolower($_SESSION['vstr']);
    
    if($code === $vstr) {
    	echo "<script>location='http://www.csdn.net/'</script>";
    }
    else {
    	echo "<script>alert('验证码输入错误')</script>";
    	echo "<script>location='index.php'</script>";
    }
    ?>
    


    展开全文
  • html动手做做一个简单的注册页面

    千次阅读 2018-08-07 12:58:25
    1.创建一个html文件 2.根据案例图片进行设计 3.写相应的html代码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;META http-equiv="Content-Type" content=&...

    1.创建一个html文件

    2.根据案例图片进行设计

    3.写相应的html代码

    <!DOCTYPE html>
    <html>
    <head>
    <META http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title >注册</title>
    </head >
    <body>
    <h2>新投云注册</h2>
    <form action="hello.html" method="post">
    <table width="100%">
    <tr>
    	<td align="right">注册邮箱:</td>
    	<td><input type="text" name="mail"/></td>
    </tr>
    	<td>&nbsp </td>
    	<td>你可以使用<a href="#">账号</a>去注册或者<a href="#">手机号</a>注册</td>
    <tr>
    	<td align="right">创建密码:</td>
    	<td><input type="password" name="pwd"/></td>
    </tr>
    <tr>
    	<td align="right">真实姓名:</td>
    	<td><input type="text" name="realname"/></td>
    </tr>
    <tr>
    	<td align="right">性别:</td>
    	<td><input type="radio" name="sex" value="nv"/>女<input type="radio" name="sex" value="nan"/>男</td>
    </tr>
    <tr>
    	<td align="right">生日:</td>
    	<td>
    		<select name="year" />
    			<option value="1996">1996</option>
    			<option value="1996">1997</option>
    			<option value="1996">1998</option>
    			<option value="1996">1999</option>
    		</select>年
    		<select name="mounth" />
    			<option value="1">1</option>
    			<option value="3">3</option>
    			<option value="4">4</option>
    			<option value="5">5</option>
    		</select>月
    		<select name="day" />
    			<option value="1">1</option>
    			<option value="2">2</option>
    			<option value="3">3</option>
    		</select>日
    	</td>
    </tr>
    <tr>
    	<td align="right">职业:</td>
    	<td>
    		<select name="now" />
    			<option value="study">我在上学</option>
    			<option value="work">我在工作</option>
    		</select>
    	</td>
    </tr>
    </tr>
    	<td>&nbsp</td>
    	<td><img src="yzm.png"/><a href="#">看不清换一张?</a></td>
    <tr>
    </tr>
    	<td align="right">验证码:</td>
    	<td><input type="text" name="check"/></td>
    <tr>
    </tr>
    	<td>&nbsp</td>
    	<td><input type="image" name="check" src="an.png"/></td>
    <tr>
    </table >
    </form>
    </body>
    </html>

    4.提交到其他界面

    点击立即注册找好友,就可以提交到其他界面了,我这里是提交到了hello.html

    展开全文
  • 使用JDBC做一个简单的登录,注册页面

    希望所有来参阅的学者给我点赞,希望我的简单程序,能对你有所帮助!

    1、首先设计一个用户类

    public class User {  //用户类 
    private int id=0;
    private String  username=null;
    private String userpassword=null;

    public String getUsername() {
    return username;
    }
    public void setUsername(String username) {
    this.username = username;
    }
    public String getPassword() {
    return userpassword;
    }
    public void setPassword(String userpassword) {
    this.userpassword = userpassword;
    }
    }


    2、把jdbc对数据库的连接设置为工厂类,方便调用,是代码变得更加简洁

    public class factory {


    private static final String URL="jdbc:mysql://localhost:3307/sram";
    private static final String USER="root"; 
    private static final String PASSWORD="root";
    private static final String DBCLASSNAME="com.mysql.jdbc.Driver";

    //创建Connection对象
    private static Connection conn;

    public static Connection getConnection(){
    try {
    Class.forName(DBCLASSNAME);
    conn = DriverManager.getConnection(URL,USER,PASSWORD);
    return conn;
    } catch (Exception e) {
    e.printStackTrace();
    return null;
    }
    }


    public static void closeConnection(){
    if(conn != null){
    try {
    conn.close();
    } catch (SQLException e) {
    e.printStackTrace();
    }
    }
    }
    }

    3、创建一个用户登录的输入类

    import java.util.Scanner;

    public class Login {
    public static User getuser(){   //登录
    User u = new User();
    Scanner scan = new Scanner(System.in);
    System.out.println("请输入用户名:");
    u.setUsername(scan.next());
    System.out.println("请输入密码:");
    u.setPassword(scan.next());
    return u;
    }
    }

    4、创建一个用户注册的输入类

    import java.util.Scanner;

    public class Register {
    public static User Register(){
    User u = new User();
    Scanner scan =  new Scanner(System.in);
    System.out.println("请注册用户名:");
    u.setUsername(scan.next());
    System.out.println("请输入密码:");
    u.setPassword(scan.next());
    return u;
    }
    }


    5、设计一个登录的类,此类判断用户名密码是否正确

    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    import java.util.Scanner;


    import com.sram.连接工厂.factory;


    public class CheckLogin {  


    //判断登录
    public static void CheckUser(User u){
    PreparedStatement ps = null;
    ResultSet rs = null;
    try {
    String sql = "select * from Userinfo where username = ? and userpassword = ?";
    ps = factory.getConnection().prepareStatement(sql);
    ps.setString(1, u.getUsername());
    ps.setString(2, u.getPassword());
    rs = ps.executeQuery();
    if(rs.next()){
    System.out.println("登录成功");
    }else{

    System.out.println("登录失败");
    }
    } catch (SQLException e) {e.printStackTrace();}finally{
    try {
    ps.close();
    rs.close();
    factory.closeConnection();
    } catch (SQLException e) {
    e.printStackTrace();
    }
    }
    }
    }

    6、创建注册类,如果数据库中有这个用户名,就不能注册

    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    import java.sql.SQLException;
    import java.sql.Statement;


    import com.sram.连接工厂.factory;


    public class CheckRegister {
    public static void RegisterUser(User u){
    String sqlfrom = "insert into Userinfo (username,userpassword) values (?,?)";
    String sqlto = "select * from Userinfo";
    ResultSet rs = null;
    PreparedStatement ps = null;
    try {

    Statement s = factory.getConnection().createStatement();
    rs = s.executeQuery(sqlto);

    ps = factory.getConnection().prepareStatement(sqlfrom);
    ps.setString(1, u.getUsername());
    ps.setString(2, u.getPassword());
    while(rs.next()){
    if(rs.getString("username").equals(u.getUsername())){
    System.out.println("注册名存在");
    }else{
    ps.executeUpdate();
    System.out.println("注册成功");
    }
    }

    } catch (SQLException e) {
    e.printStackTrace();

    }finally{
    try {
    rs.close();
    ps.close();
    factory.closeConnection();
    } catch (SQLException e) {
    e.printStackTrace();
    }

    }
    }
    }


    7、创建一个主函数的测试类  

    import java.util.Scanner;

    public class Test_Main {

    public static void main(String[] args) {
    int i = 0;
    Scanner scan = new Scanner(System.in);
    System.out.println("\t\t登陆请按1\t\t注册请按2");
    i = scan.nextInt();
    switch(i){
    case 1 :CheckLogin.CheckUser(Login.getuser());
    break;
    case 2 :CheckRegister.RegisterUser(Register.Register());
    break;
    default :System.out.println("请输入正确的选择"); break;
    }
    }
    }

    展开全文
  • 用jQuery做一个简单的用户注册页面

    千次阅读 2019-02-02 13:05:02
    作者:BerenCamlost 1 需求分析 用户登录界面涉及到基本HTML的页面、CSS样式的设计、JS的渲染。但是最重要的是分析出哪个&...2 首先搭建一个比较看得过去的页面 首先我从网上找了一些模板,取精去...

    作者:BerenCamlost

    1 需求分析

    1. 用户登录界面涉及到基本HTML的页面、CSS样式的设计、JS的渲染。但是最重要的是分析出哪个<input>没有输入,或者输入的有问题。
    2. 基本配置
      • 软件:PyCharm
      • 语言:HTML、Python、CSS、Javascript、jQuery
      • 框架:Django

    2 首先搭建一个比较看得过去的页面

    • 首先我从网上找了一些模板,取精去糟,把各种模板组合在一起
    • 页面的static文件夹链接:百度网盘链接
    • 最终做出来的效果如下图所示:
      用户注册
    • 这个背景居然是可以每2秒切换一次的,下载的模板太厉害了哈哈哈

    3 言归正传

    强烈建议将作者的static文件下载下来一起看,不然下面的各种类名可能让你抓狂

    3.1

    • 首先我们在点击注册的时候应该判断每个文本框内是不是写入了东西,如果啥都没写入就尴尬了。
      有如下两种方法
    1. 在HTML中的<input>标签中规定minlength=‘1’
    <input type="text" name="name" class="username" placeholder="姓名" value="{{ name|default:'' }}" maxlength="20" minlength='1'>
    
    1. 使用jquery判断输入是否为空(这才是我们的重点)

    3.2 思路

    1. 从HTML中拿到数据(通过class名的形式)
    2. 判断内容是不是空
    3. 如果是空,则将文本框后边的叉叉显示出来
      在这里插入图片描述
    4. 将焦点定位在所判断的文本框内

    3.3 代码:

    • 【注意】:我设置的<div class="page-container " id="main">
    jQuery(document).ready(function() {
    
        $('.page-container form').submit(function(){
            var username = $(this).find('.username').val();
            var password = $(this).find('.password').val();
            if(username == '') {
                $(this).find('.error').fadeOut('fast', function(){
                    $(this).css('top', '27px');
                });
                $(this).find('.error').fadeIn('fast', function(){
                    $(this).parent().find('.username').focus();
                });
                return false;
            }
            if(password == '') {
                $(this).find('.error').fadeOut('fast', function(){
                    $(this).css('top', '96px');
                });
                $(this).find('.error').fadeIn('fast', function(){
                    $(this).parent().find('.password').focus();
                });
                return false;
            }
        });
    
        $('.page-container form .username, .page-container form .password').keyup(function(){
            $(this).parent().find('.error').fadeOut('fast');
        });
    }
    

    4 进阶:判断两次输入的密码是否相同

    1. 这首先需要拿到两次输入的密码
    2. 然后进行判断是否相同
    3. 如果不相同,则显示如下样式:
      在这里插入图片描述
    4. 将焦点定位在第一个密码输入框
    5. 清空两个输入框中的内容,方便用户输入。

    代码:

    • 【注意】:这里我将标签div的类名改成了<div class="page-register" id="main">
        $('.page-register form').submit(function(){
            var username = $(this).find('.username').val();
            var student_ID = $(this).find('.student_ID').val();
            var password = $(this).find('.password').val();
            var password_check = $(this).find('.password_check').val();
            if(username === '') {
                $(this).find('.error').fadeOut('fast', function(){
                    $(this).css('top', '27px');
                });
                $(this).find('.error').fadeIn('fast', function(){
                    $(this).parent().find('.username').focus();
                });
                return false;
            }
            if(student_ID === '') {
                $(this).find('.error').fadeOut('fast', function(){
                    $(this).css('top', '96px');
                });
                $(this).find('.error').fadeIn('fast', function(){
                    $(this).parent().find('.student_ID').focus();
                });
                return false;
            }
            if(password === '') {
                $(this).find('.error').fadeOut('fast', function(){
                    $(this).css('top', '165px');
                });
                $(this).find('.error').fadeIn('fast', function(){
                    $(this).parent().find('.password').focus();
                });
                return false;
            }
            if(password_check !== password) {
                $(this).find('.error_check').fadeOut('fast', function(){
                    $(this).css('top', '234px', );
                });
                $(this).find('.error_check').fadeIn('fast', function(){
                    $(this).parent().find('.password').focus().val('');
                    $(this).parent().find('.password_check').val('');
                });
                return false;
            }
    
        });
    
        $('.page-register form .username, .page-register form .student_ID, .page-register form .password, .page-register form .password_check').keyup(function(){
            $(this).parent().find('.error').fadeOut('fast');
            $(this).parent().find('.error_check').fadeOut('fast');
        });
    

    5 验证码

    展开全文
  • 用JSP做个简单的登录注册页面

    万次阅读 多人点赞 2020-10-21 23:49:32
    用JSP个简单的登录注册页面 第一步先分析整个过程,然后得出大概思路。 首先,进入登录页面(login.jsp),如下: 我们是没有账号的所以需要注册账号,所以这时候必须有一个注册页面(register.jsp),如下 紧...
  • 一个ASP.NET用户注册页面

    热门讨论 2009-11-29 18:06:13
    一个ASP.NET的用户注册页面 刚刚写好的 上传来让大家分享
  • 我在做一个用户注册页面,我像在必填项例如用户名,密码后面加一个红色星号。这个怎么实现?
  • Servlet (四) --- 用Jsp和Servlet写一个注册页面

    千次阅读 多人点赞 2019-07-16 17:47:42
    一个注册页面 username (文本框) password:密码 (密码框) passwordYes :再次输入密码(密码框) hobby (多选框) sex (单选框) info (文本域) servlet处理注册信息,判断两次密码是否相同 ...
  • 利用HTML表单标签编写一个注册页面

    万次阅读 多人点赞 2018-09-10 17:45:00
    今天我们来写一个注册页面form表单先来利用表单标签制作一个简单的注册页面,给大家说说标签的结构:页面结构大体就是这样子的~表单标签:&lt;form action="#...
  • 简单制作一个百度注册页面

    千次阅读 多人点赞 2020-10-28 12:02:39
    通过这几天对css(级联样式表)的理解,简单制作一张百度注册页面 话不多说代码奉上 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <...
  • HTML(2) 实现一个简单的注册页面

    万次阅读 2018-09-14 12:17:29
    效果图如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>注册页面</title> <style> table{ ...
  • 一个注册页面编写测试用例

    千次阅读 2018-08-30 10:23:19
    需求:如下图所示(两个文本框,一个注册按钮) 首先,要对这个问题进行需求分析。要问清楚注册按钮点击后是进行跳转还是只在本页面之中进行显示。对于用户和密码的长度的限制是多少…… 功能测试 1. 用户为...
  • 背景页面UI给的尺寸比较小的情况下,如何按比例不平埔背景呢? .login { width: 100%; padding-bottom: 62.5%; height: 0; background: url('../../images/login.jpg') no-repeat center center fixed; ...
  • 使用Java+MySQL一个简单的注册登录页面

    万次阅读 多人点赞 2016-04-17 20:33:35
    昨天开始接触MySQL数据库,大概熟悉了一下在java中操作mysql数据库的基本用法,今天尝试着上手一个简单的注册登录的小例子,包括界面布局等,纯手工,感觉收获满满,特来分享一下。 我只用了5个类,包括 “连接...
  • 一个注册页面和登录页面,并实现成功登录

    千次阅读 多人点赞 2019-12-26 20:30:37
    注册页面 <h3>用户注册</h3> <form action="#" method="post"> 账号:<input type="text" id='uName'> <br> 密码:<input type="password" id='uPwd'> <...
  • 第十篇 编写一个简单的注册页面

    千次阅读 2017-09-04 18:17:34
    第十篇 之前简单的了解了HTML+CSS,那么我们今天就来做一个,简单的页面,为了综合前几课,我们做一个注册页面吧!
  • 一个注册页面的源码,有短信验证

    千次阅读 2015-03-11 14:15:22
    注册 注册页面 --> 手机号: 密码: 验证码:
  • 一个漂亮的注册页面

    万次阅读 2016-08-21 16:55:55
    在HTML板块中我写到了HTML初识,但是呢界面写的不完美,很不好看,那么今天我就写了篇好看的注册页面。其中没有涉及什么重要的知识!!只是把注册界面写得好看了些。来看下效果: 涉及到的图片 好了准备工作做好...
  • 一个好看的登录注册页面

    千次阅读 多人点赞 2020-01-13 17:41:49
    注册 $(document).ready(function () { $(".js-nav-title li").click(function(){ $(this).attr("class","on"); $(this).siblings().attr("class",""); ...
  • 所以自己一个发上来,给有需要的人参考参考。代码部分有疑问或者有错请在评论指出,尽量快点回复。代码部分:&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &...
  • 注册页面demo

    热门讨论 2014-07-27 18:32:56
    注册页面的demo
  • 使用ssh框架写一个基本的登录注册页面

    万次阅读 多人点赞 2015-07-17 20:50:49
    基于ssh框架的一个简单的登录注册页面注册页面使用Ajax和jQuery检测用户名与注册邮箱。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 584,621
精华内容 233,848
关键字:

做一个注册的页面