`
soleegn
  • 浏览: 147540 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论
阅读更多

    为什么要打造仿淘宝注册的Text呢,不为什么,因为它好看!呵呵,这个不算理由,其实最重要的原因是因为最近在开发过程中,发现验证是个最麻烦的事情,虽然Eclipse和JFace为我们已经提供了比较好用的“高级”对话框和向导页了,对于简单的应用,他们两个用起来是非常简单,如果要验证的东西非常多,而且还有交叉验证(我自己起的名字,就是填了A就不再验证BCD的错在了,或者填了C就要验证AD存在)处理起来了就麻烦了,前两天以为新同事接手一端代码,发现里面竟然有20+个监听器,验证逻辑复杂的要死~为了解决这个问题。再结合B/S的开发经验,我认为,完全没有必要当用户把所有的必填项全都填了以后再把OK按键打开,不然永远置灰~大家做过的哪个B/S程序是这样的?不都是他爱填填,不爱填拉到,点确定的时候我告诉,或者是,我以上来就告诉你哪些必填,不填的,点击确定继续提醒!

   OK,闲话少说,先看看淘宝的注册吧~我一直认为淘宝的注册界面是国内客户体验度最好的~

ScreenShot002

首先界面一打开就是这样的提示,在input框的左下脚又一个蓝色的小箭头,代表此文本框必填;

ScreenShot001

当获得焦点以后改变,后面的提示框高亮,着重提醒用户;

ScreenShot003

如果没有填,必填项,提交的时候的提示;

ScreenShot004

填写正确的提示;

OK,分析了上面的四种状态,那么我们来确定我们需要做成什么样子的~首先,我们需要;

ScreenShot005

必填提醒状态

ScreenShot006

填写正确提醒状态

ScreenShot007

错误填写提醒状态

还有就是鼠标移动到三种图标上的浮动框详细说明,因为我们不可能像淘宝那样,一个控件占那么大位置,用户界面还需要放更多的东西。

大致的任务交代清楚了,下一次再写详细的实现过程。

分享到:
评论

相关推荐

    仿淘宝-仿淘宝平台-仿淘宝平台源码-仿淘宝平台java代码-基于Web的仿淘宝平台设计与实现-仿淘宝平台设计与实现-java代码

    仿淘宝-仿淘宝平台-仿淘宝平台源码-仿淘宝平台java代码-仿淘宝平台设计与实现-基于springboot的仿淘宝平台-基于Web的仿淘宝平台设计与实现-仿淘宝网站-仿淘宝网站源码-仿淘宝网站java代码-仿淘宝项目-仿淘宝项目代码...

    pc端仿淘宝-pc端仿淘宝系统-pc端仿淘宝系统源码-pc端仿淘宝管理系统-基于Web的pc端仿淘宝系统设计与实现-java代码

    pc端仿淘宝-pc端仿淘宝系统-pc端仿淘宝系统源码-pc端仿淘宝管理系统-pc端仿淘宝管理系统java代码-pc端仿淘宝系统设计与实现-基于springboot的pc端仿淘宝系统-基于Web的pc端仿淘宝系统设计与实现-pc端仿淘宝网站-pc端...

    pc端仿淘宝-pc端仿淘宝系统-pc端仿淘宝系统源码-pc端仿淘宝管理系统-基于springboot的pc端仿淘宝系统-java

    pc端仿淘宝-pc端仿淘宝系统-pc端仿淘宝系统源码-pc端仿淘宝管理系统-pc端仿淘宝管理系统java代码-pc端仿淘宝系统设计与实现-基于springboot的pc端仿淘宝系统-基于Web的pc端仿淘宝系统设计与实现-pc端仿淘宝网站-pc端...

    仿淘宝网html网页模板

    总的来说,"仿淘宝网html网页模板"是一个很好的学习资源,它可以帮助初学者理解和实践HTML、CSS以及JavaScript在创建电商网站时的应用。通过分析和修改这个模板,你可以深入了解网页设计原则,提升你的前端开发技能...

    仿淘宝网源代码

    【仿淘宝网源代码】是一个基于Java Web技术的项目,主要使用了JSP(JavaServer Pages)语言来构建一个类似于淘宝网的在线购物平台。该项目的实现采用了MVC(Model-View-Controller)架构,这是一种广泛应用在Web开发...

    pc端仿淘宝系统代码 javapc端仿淘宝系统代码

    pc端仿淘宝系统代码 javapc端仿淘宝系统代码 基于springboot的pc端仿淘宝系统代码 1、pc端仿淘宝系统的技术栈、环境、工具、软件: ① 系统环境:Windows/Mac ② 开发语言:Java ③ 框架:SpringBoot ④ 架构:B/S、...

    仿淘宝加入购物车

    ecshop仿淘宝加入购物车 请有实力的朋友能做出更好的插件,谢谢。

    Android仿淘宝Demo

    此项目是仿淘宝做的一个Demo应用,只作为技术学习使用,不做任何商业用途,请勿使用此项目进行任何形式的商业活动。 下面是本项目中主要实现的功能: 1:商品的基本展示 2:二维码扫描 3:刮刮乐功能 4:购物车...

    仿淘宝登录验证码

    仿淘宝登录验证码,可用于登录验证使用 ,使用简单

    pc端仿淘宝系统-pc端仿淘宝系统系统-pc端仿淘宝系统系统源码-pc端仿淘宝系统管理系统-pc端仿淘宝系统管理系统java代码

    pc端仿淘宝系统-pc端仿淘宝系统系统-pc端仿淘宝系统系统源码-pc端仿淘宝系统管理系统-pc端仿淘宝系统管理系统java代码-pc端仿淘宝系统系统设计与实现-基于springboot的pc端仿淘宝系统系统-基于Web的pc端仿淘宝系统...

    Android仿淘宝demo

    这个“Android仿淘宝demo”就是一个很好的实例,它旨在模仿淘宝App的部分核心功能,帮助开发者了解如何在Android平台上构建类似的应用。 首先,让我们来看看“淘宝”作为一款电商应用的核心特性: 1. 商品浏览:仿...

    jquery实现的仿淘宝多选框

    本项目"jquery实现的仿淘宝多选框"旨在模仿淘宝网站上的多选筛选功能,帮助用户更高效地查找和过滤商品。这个功能对于提升用户体验至关重要,尤其是在商品种类繁多的电商平台上。 首先,我们来看多选框的基本概念。...

    Android 仿淘宝购物

    以上是开发“Android仿淘宝购物”应用过程中的一些关键技术点,每个部分都需要深入理解和实践,以构建出高质量的移动应用。在实际开发中,还需要关注用户体验、安全性、隐私保护等多个方面,以提供一个稳定、安全、...

    仿淘宝放大镜效果

    在网页设计中,仿淘宝放大镜效果是一种常见的用户体验优化技术,它使得用户在浏览商品图片时可以放大细节,提升购物体验。这种效果通常应用于电商网站的商品展示页面,尤其是在服装、饰品等需要查看细节的品类中。...

    仿淘宝html网页模板

    "仿淘宝html网页模板"就是这样一个资源,它旨在模仿淘宝网的页面设计,帮助开发者或者设计师创建类似淘宝风格的电子商务网站。淘宝作为中国最大的在线购物平台,其界面设计具有高度的用户友好性和易用性,因此,仿制...

    vue+element仿淘宝项目

    在“vue+element仿淘宝项目”中,我们将探讨如何利用这两个强大的工具来创建一个类似淘宝的电商应用。 1. **项目初始化** 在开始项目之前,我们需要安装Vue CLI,它是一个命令行工具,用于快速搭建基于Vue.js的...

    仿淘宝商城框架

    在IT行业中,构建一个仿淘宝商城框架是一项复杂而细致的工作,涉及到前端展示、后端服务、数据交互等多个层面。这个框架的设计目标是模仿淘宝商城的功能和用户体验,为开发者提供一个可快速开发电商应用的基础结构。...

    pc端仿淘宝系统系统-pc端仿淘宝系统系统源码-基于springboot的pc端仿淘宝系统系统-pc端仿淘宝系统管理系统java

    pc端仿淘宝系统-pc端仿淘宝系统系统-pc端仿淘宝系统系统源码-pc端仿淘宝系统管理系统-pc端仿淘宝系统管理系统java代码-pc端仿淘宝系统系统设计与实现-基于springboot的pc端仿淘宝系统系统-基于Web的pc端仿淘宝系统...

Global site tag (gtag.js) - Google Analytics