精华内容
下载资源
问答
  • 手机app登录页面

    2018-09-07 13:51:07
    这是一个手机app登录页面的模板源码,可安卓和ios使用,内容简单,界面丰富,自己稍加改造即可使用。
  • html5 css3手机app登录页面模板下载html5 css3手机app登录页面模板下载
  • 介绍 蓝色手机APP注册登录页面模板,含注册、登录、密码找回页面。 下载地址 http://www.bytepan.com/7jbe2TAsxkh 图片

    介绍

    蓝色手机APP注册登录页面模板,含注册、登录、密码找回页面。

    下载地址

    http://www.bytepan.com/7jbe2TAsxkh

    图片

    在这里插入图片描述

    展开全文
  • 介绍: 蓝色手机APP注册登录页面模板,含注册、登录、密码找回页面。 网盘下载地址: http://kekewangLuo.cc/LtTrHK6iKsp0 图片:

    介绍:

    蓝色手机APP注册登录页面模板,含注册、登录、密码找回页面。


    网盘下载地址:

    http://kekewangLuo.cc/LtTrHK6iKsp0


    图片:


    展开全文
  • 这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。使用方法HTML结构该...

    这是一款使用纯CSS3制作的效果非常有创意的手机APP登录界面动画特效。该特效在用户点击登录按钮之后,按钮变形为一个小球图标,并且小球会上下弹跳,之后小球会落入界面底部成为一个图标按钮。

    使用方法

    HTML结构

    该手机APP登录特效的HTML结构使用嵌套

    的HTML结构。为制作点击事件,采用和的组合,使用checkbox-hack来制作点击事件。

    5:12PM

    f3ed95aaba7a1a2e0c0408430d2ef4f2.png

    CSS样式

    在登录按钮被点击之后,使用checkbox-hack来将按钮变形为圆心,并最终使它的透明度降低为0,变为不可见。

    .demo__login {

    position: absolute;

    width: 20rem;

    height: 4.4rem;

    left: 50%;

    top: 50%;

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    text-align: center;

    line-height: 4rem;

    text-transform: uppercase;

    color: #fff;

    font-size: 2.5rem;

    border: 0.2rem solid #fff;

    will-change: width, height, border-radius, opacity;

    }

    .demo__checkbox:checked ~ .demo__login {

    -webkit-transition: font-size 0.2s, width 0.5s, height 0.5s, border-radius 0.3s, opacity 0s 0.7s, border-width 0.3s;

    transition: font-size 0.2s, width 0.5s, height 0.5s, border-radius 0.3s, opacity 0s 0.7s, border-width 0.3s;

    font-size: 0;

    width: 8.6rem;

    height: 8.6rem;

    border-radius: 50%;

    opacity: 0;

    border-width: 0.7rem;

    }

    之后小球图标的包裹容器透明度设置为1,并开始执行ballContAnim()动画。实际的小球也开始执行ballAnim()动画。

    .demo__ball-cont {

    z-index: -1;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -4.3rem;

    margin-top: -5rem;

    width: 8.6rem;

    height: 10rem;

    font-size: 10rem;

    line-height: 1;

    color: #fff;

    -webkit-transform-origin: 50% 300%;

    -ms-transform-origin: 50% 300%;

    transform-origin: 50% 300%;

    opacity: 0;

    will-change: opacity, transform;

    }

    .demo__checkbox:checked ~ .demo__ball-cont {

    z-index: 2;

    opacity: 1;

    -webkit-transition: opacity 0.2s 0.5s;

    transition: opacity 0.2s 0.5s;

    -webkit-animation: ballContAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    animation: ballContAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    }

    .demo__checkbox:checked ~ .demo__ball-cont .demo__ball {

    -webkit-animation: ballAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    animation: ballAnim 2.2s 0.7s cubic-bezier(0.83, 0.28, 0.35, 1.02) forwards;

    }

    展开全文
  • 1、web登录页面,利用jquery.qrcode展示一个随机生成的登录码的二维码; 2、手机App扫描二维码取得登录码; 3、手机App将本地用户id+登录码通过api提交服务器; 4、服务器api,收到手机App请求,根据用户id+登录...

    实现原理:

    1、web登录页面,利用jquery.qrcode展示一个随机生成的登录码的二维码;

    2、手机App扫描二维码取得登录码

    3、手机App将本地用户id+登录码通过api提交服务器;

    4、服务器api,收到手机App请求,根据用户id+登录码,修改用户信息,同时将用户id+登录码广播;

    5、web登录页面收到用户id+登录码,先本地验证登录码是否一致,然后向服务器验证用户id+登录码,验证成功跳转到指定页面。

    6、完成扫码登录。

    模拟web登录页面代码:

    <!doctype html>
    <html lang="en">
     <head>
      <meta charset="UTF-8">
      <meta name="Generator" content="EditPlus®">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
      <title>扫码登录测试</title>
     </head>
     <body>
     <script src="http://***/Scripts/jquery-1.10.2.min.js"></script>
     <script src="http://***/Scripts/jquery.signalR-2.4.1.min.js"></script>
     <script src="http://***/Scripts/jquery.qrcode.min.js"></script>
     <script src="http://***/Signalr/hubs"></script>
     <div id="qrcode"><canvas width="256" height="256"></canvas></div>
     <script type="text/javascript">
       jQuery.support.cors=true;
    
       var SignalrHub=$.connection.hub;
       $(function(){
    		var loginCode=guid();
    		//生成登录码二维码
    		jQuery('#qrcode').qrcode(loginCode);
    		console.log(loginCode);
    
    		SignalrHub.url="http://***/Signalr/hubs";//服务器端Singnalr hub 路径
    		var hubClient=$.connection.messageHub.client;
    		hubClient.ShowMessage=function(msg)
    		{
    			var jsonMsg= $.parseJSON(msg);
    			if(jsonMsg && jsonMsg.loginCode==loginCode)
    			{
    				//向服务器验证用户id+登录码
    				if(server.CheckLoginCode(jsonMsg.UserId,jsonMsg.loginCode))
    				{
    					
    					alert("登录成功!");
    					top.location.reload();//跳转到需要的页面
    				}
    			}
    			
    		}
    		SignalrHub.start();
    		//SignalrHub.stop()
       });
    
    	
    
       //生成仿Guid字符串
       function guid() {
    		return 'ecbxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
    			var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
    			return v.toString(16);
    		});
    	}
       </script>
     </body>
    </html>
    

     

    模拟服务器代码:

    //app设置用户登录码接口
    public string SetLoginCode(string  userId,string loginCode)
    {    
        //todo 设置登录码
        
        //广播消息
        var hub = GlobalHost.ConnectionManager.GetHubContext<MessageHub>();
        hub.Clients.All.ShowMessage(userId+loginCode);//也可以定向广播
    }
    
    
    
    //web验证登录码接口
    public bool CheckLoginCode(string  userId,string loginCode)
    {    
        //todo 验证登录码
        //todo 验证成功 清除或者更改登录码
        return true;
    }
    

     

    服务器如何使用Signalr 请参阅相关文档 https://blog.csdn.net/admans/article/details/89309761

    展开全文
  • 这是一款效果非常炫酷的模拟手机APP登录界面的jQuery和CSS3用户登录动画特效。该特效使用扁平化设计风格,采用SVG作为图标,并使用CSS3制作各种页面切换时的炫酷动画效果。
  • 当你进入一个互联网公司以后,首先对公司结构有所了解,然后遇到问题找对应的工作人员,效率就事半功倍了。...很多时候当你去面试了,面试官会提问你APP测试与web端的测试有什么区别。 我们可以从下面这...
  • 使用Chrome模拟手机app打开页面

    千次阅读 2020-04-17 15:22:12
    环境准备: chrome浏览器 步骤: 1、打开chrome无痕窗口,输入网址 2、编辑 ... 4、完成编辑后,选择添加的访问即可 ...注意:页面需要token,又没有提示登录时,可在cookie里面手动输入token,如下: 完成! ...
  • HTML移动端APP注册登录页面模板,全套模板,包括首页、注册、登录、密码修改等多个手机WAP模板页面。
  • 项目中需要用到 WAP支付宝支付。...很难从WAP页面在跳转到 app本地的本地页面 可以看下我的实现思路。 我是使用phongeap +jqmobi 做的 下面是 点击去支付跳转到 打开IFRAME的页面 <!-----第三方登录...
  • 登录页面弄的想怒摔手机,最终都是以放弃而告终。 合格的注册登录页面,应该是具有清晰的操作流程,良好的交互细节和不错的视觉设计。 注册登录页面是大多数App留给用户的第一印象,想让用户第一眼就爱上你的...
  • 简单的车辆损失险,车损险理陪,车辆维护手机预约表单页面模板html下载。主要有:登录页、服务须知、我的预约、预约表单等总共6个手机页面
  • uni-app手机号一键登录

    千次阅读 2021-01-19 10:49:24
    提示:手机号一键登录有两种方式。 第一种通过调用自有服务器,然后服务器调用云函数登录。 第二种可以前端直接调用云函数进行登录(暂不介绍)。 提示:在我的项目中使用的是自由服务器登录,下面的案例可供参考 ...
  • 手机 App 测试

    2020-08-24 15:45:41
    一、手机 App 测试的范围 功能模块测试 交叉事件测试 性能测试 安全测试 兼容性测试 安装/卸载测试 接口测试 网络测试 二、手机 App 测试的方法 1. 功能模块测试 1.1 运行 App 安装完成后的试运行,可正常打开...
  • APP产品设计中,用户注册、登录页面设计一直是应用中必不可少的一环,是用户使用APP的第一道门槛,也相当于是这款APP的“门面”。 登录和注册 登录界面 就形式来说,注册、登录页面的形式有多种,有的与引导...
  • 最近接到公司一个移动APP项目开发任务,公司决定采用跨端技术来实现一套代码同时兼容安卓和苹果端手机,于是我评估了一下最后决定采用dcloud平台提供mui和htlm5+技术来实现,其实现在市面上有很多优秀的跨端开发技术...
  •  前端语言的学习,顺带着学习制作手机APP,在这里跟大家分享一下,我的第一个手机APP,它的名字叫做你好,明天。 本APP是临摹手机上的QQ阅读制作,可以登录,查看小说一些简单的设计,由于刚接触许多东西需要慢慢的...
  • 如淘宝,腾讯等网站登录页面,都有APP扫码登录这个功能,去年也做了一个,基于自己的APP实现, 并非第三方登陆. 思路:1. 生成一个二维码, 二维码链接带有密钥. 2. 用数据库表记录这次的密钥, 方便APP返回用户ID时比对. 3...
  • 要实现二维码登录,需要解决2个技术,1、需要js websocket 与后台php实现长连接技术 2、实现二维码生成技术 要实现这个功能第二个算是比较简单,只需要下载一个php的二维码生成器... 第一步,在打开登录页面的时...
  • 手机APP入门教程

    热门讨论 2013-04-23 17:05:32
    WEB APP开发入门教程,一个测试程序,里面有APP头部,底部导航,页面中心,会员登录框,文章分类展示,图片展示,地图显示等
  • App登陆页面必备(一)

    千次阅读 2017-12-28 16:55:37
    App登陆注册页面必备(一)一款App登录页面,无非是验证手机号、邮箱地址、密码输入的是否正确
  • 要求:公众号必须先认证,认证费用¥300/年,比较黑 一、微信登录核心代码 ...1、登录页面 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string appid = "wx86d12345...
  • 要求:公众号必须先认证,认证费用¥300/年,比较黑 一、微信登录核心代码 ...1、登录页面 protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { string appid = "wx86d...
  • 手机App测试注意点

    2018-05-17 14:01:27
    1、登录登录用户名和密码错误时,界面有提示信息 ●用户主动退出登录后,下次启动...●对于未登录时一些页面的操作,是否做了控制 ●切换账号登录,检验登录的信息是否做到及时更新 ●对于多个端都进行操作...
  • 打开appcan进入开发者中心注册并登陆AppCan... ...3.应用开发 1)右击phone这个文件新建->appcan页面,这里有一些模块供选择,我们先创建一个主页面起名main: 创建完成之后phone下面会生成一个main文件夹及main.html

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 661
精华内容 264
关键字:

手机app登录页面