精华内容
下载资源
问答
  • Web网页登录页面设计

    2020-03-09 23:40:56
    利用web网页设计技术(html+css)进行静态登录页面设计开发,包含源代码 ,以及网页所用的图片
  • 网页页面设计<title>Bootstrap响应式登录界面模板</title> <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> <style type="text/css">
  • 网页登录页面设计测试用例

    千次阅读 2019-02-21 21:26:22
    一、登录页面测试 【功能测试】 手机号登录,使用密码验证登录和邮箱登录三种登录方式能正常切换 点击微信,微博,支付宝,QQ登录四种方式的图标可以正常跳转至正确的登录页 微信,微博,支付宝,QQ四种第三方...

    一、登录页面测试

    【功能测试】

    1. 手机号登录,使用密码验证登录和邮箱登录三种登录方式能正常切换
    2. 点击微信,微博,支付宝,QQ登录四种方式的图标可以正常跳转至正确的登录页
    3. 微信,微博,支付宝,QQ四种第三方网站均可以正常登录
    4. 不输入手机号,点击登录,提示输入手机号
    5. 在手机号输入框中输入错误的手机号,有提示手机号格式错误,划分手机号的无效等价类包括:非数字字符串,长度为10,12位的数字字符串,以0,2,3,4,5,6,7,8,9开头的11位数字字符串,以10,11,12开头的11位字符串
    6. 输入正确的手机号格式11位纯数字字符串且以1开头,第二位为3-9中任意数字,点击获取验证码,可以收到验证码
    7. 验证码重发功能正常,点击获取验证码以后30秒内置灰,30秒后可以正常点击获取验证码重发验证码
    8. 不输入验证码点击登录按钮显示请输入短信验证码
    9. 输入正确的验证码,点击登录按钮可以正常登录
    10. 输入错误的验证码,点击登录按钮无法正常登录,显示验证码错误
    11. 密码验证登录下不输入密码点击登录按钮显示请输入密码的提示
    12. 密码验证登录下输入正确密码点击登录按钮可以正常登录,跳转到首页
    13. 密码验证登录下输入错误密码点击登录按钮无法登录,显示账号或密码错误
    14. 密码验证登录下输入正确的用户名密码前后有空格点击登录按钮无法登录,显示账号或密码错误
    15. 密码验证登录下输入数据库中不存在的用户名,无法登录且提示该手机账号未注册
    16. 邮箱登录不输入邮箱,点击登录按钮显示请输入邮箱
    17. 邮箱登录下输入错误的邮箱以及密码,点击登录显示账号或密码错误,无效等价类包括不存在的网易邮箱账户,其他邮箱账户包括QQ邮箱,企业邮箱等
    18. 邮箱登录下输入正确的网易邮箱账户以及密码,点击登录按钮可以正常登录
    19. 邮箱登录下输入正确的邮箱以及密码,正确拖动滑块可以正常登录
    20. 邮箱登录下输入邮箱以及密码,不拖动滑块或者拖动到错误位置无法登录,将出现请先拖动滑块至正确位置完成安全认证,并重新加载新的图片,已经输入的邮箱以及密码不被清空
    21. 点击换一张按钮可以正常加载新的图片进行验证
    22. 输入正确的账号密码,勾选十天免登陆,同一账号下次可免登陆;输入错误的账号密码,无法免登陆

    【性能测试】

    1. 打开登录页面,需要几秒,输入正确的用户名和密码跳转至正确页面需要几秒
    2. 输入错误的用户密码以后,给出提示需要几秒
    3. 多用户并发登录是否达到设计要求
    4. 登录达到需求上线,系统稳定工作时间是否达到要求

    【安全性测试】

    1. 密码以密文显示
    2. 用户名和密码是否通过加密的方式,发送给服务器
    3. 用户名和密码的验证,应该是服务端和客户端同时验证
    4. 用户名和密码的输入框,要求屏蔽SQL注入,如输入or 1=1
    5. 错误登录次数限制,防止暴力破解
    6. Cookie有效时间验证
    7. 是否允许多用户同时登录
    8. 使用已被删除或禁用的账号登录将无法登录

    【易用性测试】

    1. 检验是否支持tab和enter键

    【兼容性测试】

    1. 主流的浏览器下能否正常显示,功能是否正常
    2. 不同的平台能否正常工作
    3. 不同操作系统下能否正常工作

    【界面测试】

    1. 布局是否合理,输入框和按钮是否对齐,界面风格是否统一,有无错别字

    二、针对用户注册的测试用例

    【功能测试】

    1. 点击手机号快速注册,正常跳转至注册页
    2. 输入数据库已存在的手机号码,提示该账号已注册
    3. 输入数据库不存在的正确手机号码,点击获取验证码,可以收到验证码
    4. 输入错误的密码设置,无法注册,提示密码须由6-16个字符组成,且区分大小写,密码设置的无效等价类:密码过短或者过长5位,17位字符,包含无效字符空格
    5. 输入正确的密码设置,勾选“我同意...服务条款”,注册成功,有效等价类:密码长度6,7,15,16位长,纯数字密码,字母加数字组合,字母数字和特殊字符组合
    6. 输入正确的手机号和密码以后,不勾选“我同意...服务条款”,无法注册
    7. 注册后使用该账号可以正常登录
    展开全文
  • 登陆页面网页ui设计用户登录页面设计
  • 设计师登陆 网页设计师的登录页面
  • JavaScript网页设计登录页面 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>简单登录页面</title> </head> <body> <form > &...

    JavaScript网页设计登录页面


    代码如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>简单登录页面</title>
    </head>
    <body>
    <form >
        <div align="center">
            <p>
                用户名:<input type="text" name="user" align="left"/>
                <br>&nbsp;&nbsp;&nbsp;码:<input type="password" name="password" align="left"/>
                <br />
            </p>
           </div>
        <p>
        <div align="center">
        <input type="submit" name="submitBtn" value="登录"/>
        <input type="reset" name="resetBtn" value="重置"/>
        <input type="button" name="reOpenBtn" value="注册" />
        </div>
        </p>
    </form>
    </body>
    </html>
    
    展开全文
  • 登录是网站最重要的功能之一,是用户使用网站功能的入口。越是重要的功能,在设计的时候就越需要考虑更多,例如用户和密码输入该如何排布才能让用户更方便的输入,登录按钮如何设计才能让用户更容易点击,以及用...

      登录是网站最重要的功能之一,是用户使用网站功能的入口。越是重要的功能,在设计的时候就越需要考虑更多,例如用户和密码输入该如何排布才能让用户更方便的输入,登录按钮如何设计才能让用户更容易点击,以及用户不常用的找回密码链接放在哪里合适等等。今天这篇文章和大家分享36个非常精美的登录页面设计案例。

    您可能还喜欢

     

    Freelance suite

    Gist

    Nasi Briyani

    Straw Poll

    Scrapblog

    Kiss Metrics

    20 X 200

    Devunity

    Acrobot

    97 Bottels

    The Mattinator

    Mind Meister

    Mint

    Cars

    College Humor

    Survs

    unblbab

    Tuts

    Mobile ME

    Hello How Are  You

    MMO Site

    梦想天空博客关注前端开发技术,展示最新HTML5CSS3应用,分享实用的jQuery插件,推荐网页设计案例。

    Joost

    Mochi Ads

     

    您可能还喜欢

     

     

    英文来源:36 Beautiful Login Page  and Form Designs

    编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源


    更多专业前端知识,请上【猿2048】www.mk2048.com
    展开全文
  • //面板颜色,大小,位置 JLabel jLabel=new JLabel("欢迎登录"); jLabel.setFont(new Font("宋体",Font.BOLD,60)); jLabel.setBounds(410,0,500,200); JLabel jLabel1=new JLabel("用户名:"); jLabel1.setFont(new ...

    package day01;//创建一个包 day01

    import java.awt.Color;

    import java.awt.Component;

    import java.awt.Font;

    import java.awt.Graphics;

    import java.awt.Image;

    import java.awt.event.ActionEvent;

    import java.awt.event.ActionListener;

    import javax.swing.AbstractButton;

    import javax.swing.ImageIcon;

    import javax.swing.JButton;

    import javax.swing.JFrame;

    import javax.swing.JLabel;

    import javax.swing.JPanel;

    import javax.swing.JProgressBar;

    import javax.swing.JTextField;

    import org.omg.CORBA.PUBLIC_MEMBER;

    public class Test01 extends Thread{

    Thread thread=new Thread();

    JProgressBar pb=new JProgressBar();

    public Test01(){

    JFrame jFrame=new JFrame("登陆");

    jFrame.setSize(1200, 1000);//创建一个界面

    jFrame.setLayout(null);

    //jFrame.getContentPane().setVisible(false);

    MyPanel myPanel=new MyPanel();

    myPanel.setBackground(Color.PINK);

    myPanel.setBounds(0,0,1200,1000);//面板颜色,大小,位置

    JLabel jLabel=new JLabel("欢迎登录");

    jLabel.setFont(new Font("宋体",Font.BOLD,60));

    jLabel.setBounds(410,0,500,200);

    JLabel jLabel1=new JLabel("用户名:");

    jLabel1.setFont(new Font("宋体",Font.BOLD,25));

    jLabel1.setBounds(260,200,230,150);

    JTextField tf=new JTextField("");

    tf.setFont(new Font("宋体",Font.BOLD, 25));

    tf.setBounds(400, 250, 230, 50);

    JLabel jLabel2=new JLabel("密码:");

    jLabel2.setFont(new Font("宋体",Font.BOLD,25));

    jLabel2.setBounds(260,300,230,150);

    JTextField tf2=new JTextField("");

    tf2.setFont(new Font("宋体",Font.BOLD, 25));

    tf2.setBounds(400, 350, 230, 50);

    JLabel jLabel3=new JLabel("验证码:");

    jLabel3.setFont(new Font("宋体",Font.BOLD,25));

    jLabel3.setBounds(260,400,230,150);

    JTextField tf3=new JTextField("");

    tf3.setFont(new Font("宋体",Font.BOLD, 25));

    tf3.setBounds(400, 450, 230, 50);

    JLabel jLabel4=new JLabel("服务器:");

    jLabel4.setFont(new Font("宋体",Font.BOLD,25));

    jLabel4.setBounds(260,500,230,150);

    JTextField tf4=new JTextField("");

    tf4.setFont(new Font("宋体",Font.BOLD, 25));

    tf4.setBounds(400, 550, 230, 50);

    JButton jButton=new JButton("刷新验证");

    jButton.setFont(new Font("宋体",Font.BOLD,18));

    jButton.setBounds(700,450,150,50);

    JButton jButton2=new JButton("登录");

    jButton2.setFont(new Font("宋体",Font.BOLD,25));

    jButton2.setBounds(430,650,200,50);

    jFrame.setDefaultCloseOperation(3);

    jFrame.setLocationRelativeTo(null);

    JLabel jLabel5=new JLabel("点击左侧刷新");

    jLabel5.setFont(new Font("宋体",Font.BOLD,20));

    jLabel5.setBounds(900,450,100,50);//验证码大小,字体

    JLabel jLabel6=new JLabel();

    jLabel6.setFont(new Font("宋体",Font.BOLD,26));

    jLabel6.setBounds(200,650,500,50);

    jButton2.addActionListener(new ActionListener() {

    @Override

    public void actionPerformed(ActionEvent arg0) {

    String str1=tf.getText();

    String str2=tf2.getText();

    String str3=tf3.getText();

    String str4=tf4.getText();

    String str5=jLabel5.getText();

    if(str1.equals("")==false&&

    str2.equals("")==false&&

    str3.equals("")==false&&

    str4.equals("")==false) {

    if(str3.equals(str5)==true) {

    jLabel6.setText("请耐心等待。。。");

    start();

    }else {

    jLabel6.setText("验证码错误");

    }

    }

    if(str1.equals("")==false&&

    str2.equals("")==false&&

    str3.equals("")==false&&

    str4.equals("")==true) {

    jLabel6.setText("服务器不能为空");

    }

    if(str1.equals("")==false&&

    str2.equals("")==false&&

    str3.equals("")==true&&

    str4.equals("")==false) {

    jLabel6.setText("验证码不能为空");

    }

    if(str1.equals("")==false&&

    str2.equals("")==true&&

    str3.equals("")==false&&

    str4.equals("")==false) {

    jLabel6.setText("密码不能为空");

    }

    if(str1.equals("")==true&&

    str2.equals("")==false&&

    str3.equals("")==false&&

    str4.equals("")==false) {

    jLabel6.setText("用户名不能为空");

    }

    }

    });

    jButton.addActionListener(new ActionListener() {

    @Override

    public void actionPerformed(ActionEvent arg0) {

    // TODO Auto-generated method stub

    int index=(int)(Math.random()*8999+1000);

    String b=index+"";

    jLabel5.setText(b);//验证码随机数

    }

    });

    pb.setStringPainted(true);

    pb.setBorderPainted(true);

    pb.setForeground(Color.GREEN);

    pb.setBackground(Color.WHITE);

    pb.setBounds(300, 800, 500, 20);//滚动条大小颜色,位置

    jFrame.add(myPanel);

    myPanel.add(jLabel6);

    myPanel.add(jButton);

    myPanel.add(jButton2);

    myPanel.add(pb);

    myPanel.add(tf);

    myPanel.add(tf2);

    myPanel.add(tf3);

    myPanel.add(tf4);

    myPanel.add(jLabel5);

    myPanel.add(jLabel4);

    myPanel.add(jLabel3);

    myPanel.add(jLabel2);

    myPanel.add(jLabel1);

    myPanel.add(jLabel);//将所有东西赋到面板上

    myPanel.setLayout(null);

    jFrame.setVisible(true);

    }

    public void run() {

    for (int i=0;i<100;i++) {

    pb.setValue(i);

    try{Thread.sleep(1000);}

    catch (InterruptedException e) {

    e.printStackTrace();//滚动条从0-100

    }

    }

    }

    public static void main(String[] args) {

    new Test01();

    }}

    展开全文
  • 如何测试网页登录页面 这个面试题碰到过很多次, 再次总结下来。 具体需求: 有一个登陆页面, 上面有2个textbox, 一个提交按钮。 请针对这个页面设计30个以上的test case. 此题的考察目的: 面试者是否熟悉...
  • html5网页登录模板页面,很常用的一个经典页面,扁平化设计
  • 网页登录设计

    2020-09-27 23:31:14
    登录成功后 我们就进可以进入页面了,如果登录注册不知道的,可以去看前一篇博客 里面有详细代码在最后几张 我们先创建一个.jsp页面 运行以后 在登录成功后的也没跳转到这个也没就行,然后运行 输入用户和密码然后...
  • 请针对这个页面设计30个以上的testcase. 此题的考察目的:面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力。 功能测试(Function test) 输入正确的...
  • 别急,小编现在将功补过给你们分享一下好看国外的网页登录设计。近几年的网页设计趋于极简主义,高级配色搭配一些小元素的点缀,大大升华了设计的主题1.高饱和类比色渐变这个渐变是通过色轮上两个相连的颜色形成,...
  • html网页制作—登录及注册页面设计

    千次阅读 多人点赞 2020-04-11 12:47:20
    4.6 复选框 唱歌 篮球 羽毛球 跳舞 4.7 文件上传 4.8 表单容器盒子fieldset 登录页面 五、代码: <!--登录--> 登录页面 登录页面 用户名 密 码 个人信息注册 个人信息注册 用 户 名 请设置密码 请确认密码 ...
  • 为初学者设计的一个网页登录页面,那样你对网页可以有更深的认识
  • 结果 代码 login.html <!DOCTYPE html> <html lang="en"> ...用户登录页面</title> <link rel="stylesheet" href="./css/login.css"> <script src="js/jquery-3.1.0.min.js"></s
  • 网页简单登录设计

    2020-09-23 13:25:31
    一个网页登录页面,首先肯定要有这个页面 首先第一步,先创建一个web project 创建完以后,在左侧就会有项目了。 那么登录的第一步就是我们需要在index.jsp中先写一个页面了,这个你也可以使用别的软件写,写好...
  • 测试网页登录页面

    2020-08-10 16:13:15
    请针对这个页面设计30个以上的test case.) 此题的考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力 这个题目还是相当有难度的, 一般的人很难把这...
  • 2、登录成功后是否跳转到正确的页面,是否在当前窗口打开 3、输入错误得到用户名或者密码,验证登录失败,并给出相应的提示信息 4、不输入用户名或者密码,或者都不输入,验证登录失败,并给出相应的提示信息 5、...
  • 九、登录网页设计

    千次阅读 2019-01-01 19:32:49
    登录页面需要美观,突出系统特征,通常由网页美工完成静态登录页面,开发人员完成登录业务处理。登录系统出现错误需要为使用者提供正确提示信息。 样式表设计 body{ font-size:12px; font-family:Verdana, ...
  •  请针对这个页面设计30个以上的test case. 考察目的: 面试者是否熟悉各种测试方法,是否有丰富的Web测试经验, 是否了解Web开发,以及设计Test case的能力   功能测试(Function test)  输入正确的用户名和密码,...
  • 网页设计—注册登录

    2018-02-01 22:21:17
    使用c#语言脚本通过Unity3D实现“登录—注册”页面设计、跳转
  • 一起来欣赏下面搜UI网 sooui 带来的网页登录页面设计。 希望通过这组页面设计,希望能够给大家带其灵感,当然国外的页面设计不一定完全适合我 们,但值得借鉴的地方还是有很多! 登录网页设计UI设计 美丽的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,058
精华内容 423
关键字:

网页登录页面设计