18_尚硅谷_大数据JavaWEB_登录功能实现_登录失败回到登录页面_通过流的方式.avi原创

嗯，好来，我们接着来说我们的啊这个功能啊，就是这个登录功能，呃，那么现在的话呢，我们已经实现了这样的一个效果，就是当你登录成功，诶，我会给你一个登录成功这样的一个什么提示啊，这个可能是给把服务器给关了是吧？啊啊就是你登录成功以后呢，我会给你一个登录成功的提示，然后你登录失败以后呢，我会给你一个登录失败的一个提示，你看这是登录成功的，然后呢，你失败以后呢，它就是一个什么登录失败的提示，但这种方式呢，不是很好，对吧？那我们就来想一下，实际上我们在这个人家的项目里面用这个登录功能的话。是什么样子的？登录成功以后，你最起码得引导我去往一个主页面对不对是吧？哎，你得引导我去往一个主页面啊，这个特别好做，这个我们放到后面再来做，这个非常简单，我们现在先研究一下这个登录失败，因为登录失败这个东西是相对来说比较复杂一点。

那么登录失败以后我们会怎么做呀？啊，是不是又回到了你那个登录的那个页面对不对，并且呢，是不是还会告诉你一些这个失败的信息啊，能理解这个意思吗？OK，好，那么接下来我们就来做这个操作，就是我希望登录失败以后啊，你不要告诉我登录失败了有啥用啊是吧，你最好让我在因为什么呀，我们都从这个用户的这个角度来考虑，比如说我现在登录失败了，你给了我这样的一个页面，那么用户呢，他需要点回去再重新输这个用户名吧，对不对，是再去登录啊，OK，那你干嘛不直接就回到这个页面呢？你在这个地方进行相应提示不就行了吗？对吧？这样的话大家注意一下是不是就少了一步啊，就用户就是不是省得再去点这一下了吧，能明白吗？那你觉得这一下重啊不重啊，从这个用户体验的这个角度来讲。

宝宝你点这一下啊，啊，太太重要了，对不对啊，就是从这个用户体验这个角度来讲，你要是能把点的这一下给它去掉啊，那我这个用户体验提升的就很多了。是吧，比如说啊，给大家去简单去说一下这个用户体验啊，什么样的用户体验呢？比如说我们就拿手机来讲啊，以前的话呢，我们这个就是现在的这个手机啊，各大厂商做的都特别好是吧？啊都有自己定制的这个系统，然后用起来也都特别爽是吧？啊但是呢，大家注意呃，其中我觉得做的最好的一个用户体验是苹果先搞出来的。什么东西啊，指纹解锁是不是啊，指纹解锁这个不得不承认，真的是特别好，你想一想我们弄密码啊，好多同学说我不弄密码是吧？啊，那就不要跟我聊了哈，你弄个密码的话，目的是什么呀？我不想随随便便是个人就用我的手机，对不对啊，但是你登了密码以后呢，你每次使用你自己手机的时候，你就得123456去输你的密码，这个很麻烦，对不对，而且每一次只要你解解屏，只要你点亮屏幕，你就得去123456输你的密码，但是有了指纹以后呢，我手往上一放，诶就进去了，但是别人还进不去。

是不是省了你去点好几下的那个过程吧，对不对，OK，还有一个特别棒的东西是什么呀，就是我们这个啊锁屏界面啊。也是苹果先发挥出来的啊，就是滑一下，现在可能已经不滑了是吧？啊但是你看一下这个苹果，我是记得我是从这个苹果，呃，苹果四啊，应该从苹果四我开始这个关关注的啊，但是那会真的是买不起啊啊然后呢，我就感觉呢，那个滑一下特别爽，你知道吧，啊一滑是吧，特别爽，然后呢，那会儿这个安卓机怎么做的呀。

啊，那会安卓机什么的就无限制的效仿是吧，你是这么滑行，我就往上滑啊，我就往下滑是吧，实在不行我画圈滑对不对，就换成更花。对不对，那么其实你不管怎么效仿人家，但是这个它也是为了去解决你这个用户体验这个问题，能理解吧？OK，再来一个例子，呃，就是以前我们这个，比如说我打开一个APP，然后我想退出的时候呢，基本上都是我点一下退出的那个，就是返回的那个按钮，然后会弹出一个对话框来问你是否要退出，一个确定，一个取消在那放着，对吧，然后不管你退出还是不退出，你都得去点一下，要不点确定要点取消。是不是啊，那现在怎么做的呀？啊，你点了一下返回，它会有一个弹窗会告诉你啊，再点一下返回就退出。如果说我不想退出，我用去管他吗？我用去管那个弹出的对话框吗？不需要一会儿，是不是自动消失了，对不对，哎，这就是一个用户体验。

明白吧，少了一个什么东西啊，就少了一个，如果说你是误操作，你并不想退出对吧，这样的话呢，你就不用再去点那一下了。理解这个意思吗？这个就是用户体验，可能对于我们来讲没啥呀，是吧，但是我告诉你以后等我们真正去走上这个工作岗位以后啊，有一个很神奇的人物叫做产品经理是吧？啊说到他我就是吧气不打一处来，咱们那没有干产品的吧啊有没有是吧？啊有一个很神奇的人，我叫做产品经理是吧？啊到时候你们就知道他是有多可爱啊，OK啊，他就是专门去做这个用户体验的，对吧？啊，他觉得你这个东西就对，觉得咱们程序员做的东西不好是吧？啊，他说不行你就得重新改啊，用户体验不好，他就天天给你改需求，你知道吧，啊就是他是吧啊OK，好了啊，那我们就简单聊这么多，那么这是我们的一个用户体验的问题，那么对于我们现在来讲的话呢，我们就直接来完成这个功能就行了，当你登录失败以后，你就不要再来到这个页面了，你就直接帮我回到这个什么呀，回到这个页面就行了吗。

是不是你这样帮我直接回到这个页面，然后呢。在这个位置去给我显示一些什么对应的错误信息，是不是就行了，OK，那怎么回来呀。你不用去想别的技术啊，现在我们学过的技术我就能回来，你想一下，我既然能什么呀，我既然能给你写回来这样的信息，我就不能给你写回来这样的一个页面吗？能不能？能吧，来说说注意了哈，接下来我们要完成一个很伟大的事情啊，来注意我要做什么事呢？当我登录失败以后，登录失败以后我就不再给你写这个信息了，我要写什么东西了呢？我要把整个登录页面给你写回去。

这样的话，虽然说我们是重新写了一个页面回去，但是对于用户来讲，他认为我还在那个页面里面，能明白这个意思吗？OK，说说你看了哈，我在这要做什么事呢？好，在这啊，都看清楚了，Loging.h.L，你这里面所有写过的东西啊，QC是吧？啊，有勇气哈，来，拿到这来，CTRLV，然后呢，把这个都拼成一个字符串，通过流的方式给它写出去啊，当然这个我就不写了，是吧，能省一点是一点哈，OK，那就。试一下呗，对吧，你们不用下去，你们下去后不用试这个东西哈，一会儿我会给你讲一个很好的方式，对吧？但是呢，在讲那个方式之前呢，我得让你们感受到这个东西有多痛苦是吧？来看一下啊，要不你们觉得就这样也行是不是啊，来看一下，那么我们要怎么做呢？我要把它拼成一个字符串啊，拼成一个字符串哈，那就是什么呀？Str等于什么呀？那就等于什么，就等于它吧，HTML双引号，我先把这个关了是吧？啊，这得静下心来去拼啊，稍微一不留神拼错了是吧，加上。

啊，再加上啊，那遇到问题了，双引号里面有双引号，你还得把这个改成单引号。幸亏HTML单引号双引号都支持是吧？啊，要不你还不去写你的转业符，那更麻烦了啊来再加，好加上它，再加上什么呀，再加它，你就挨个加呗，都把它们拼成一个字符串，然后呢，完整的写出去，因为对于浏览器来讲，我们给他的就是一个HTML页面，所以说呢，它是能正常的去解析我们这些内容的理解吧，啊再来加啊，啊对，都看着点哈，别写错了是吧，那写错了就写半天再去找这个错的不好找哈，好加上这个不用了是吧？啊，能省一个是一个啊好，把这个双引号呢改成单引号，看到了吧，来。

接着写双引号，改引号。对吧，来再加上什么呀，加上我们的。

哎呀，快了是吧，你们感觉这个东西烦吗？很爽很爽是吧？啊，好样的哈，感觉很爽哈，酸爽对吧。哎呀，看到希望了啊，这个你这没有啥技术含量对吧，但是呢，费眼睛哈。

确实没有技术含量吧，这个对吧，所以说呢，这个没有技术含量的工作，我们就千万不要做，对不对啊，写完了来吧，那你看我就登录失败以后呢，我就把你整个的这个登录页面，你注意哈，这是我们的登录页面吧，我整个都给你拼成一个字符串啊，好在我们的这个登录页面还比较简单，是不是，你今天下去以后，你随便打开一个京东淘宝的登录页面，然后呢，你就点击什么呀，右键查看页面源代码去看一下好几千行，能明白吗？真的是好几千行，这个一点都不夸张的啊，你要说那个东西你要真真有勇气去写是吧？啊，我也挺佩服你的啊，OK，来吧，那我们先不说别的，那既然都写完了，我们就来试试这个效果，你看了哈，登录失败以后呢，那我就直接通过我的al.print LN，我把str写出去是不是行了呀。

对不对啊，这个写错了哈，能理解什么意思吗？那么这样的话呢，我就把完整的这个页面呢，就给你又重新写回去了，那么对于用户来讲的话，登录失败以后，他又回到了这个页面了，这个体验就好了，所以说你也能感觉到，如果要想用户的体验做的好一点，我们的付出那是不止一点点理解吧，我告诉你就那个就想出那个，呃，点一下弹一个窗窗对吧，然后呢，提示你再摁一下返回就退出，我觉得就把这个创意想出来，那个人估计也死了不少脑细胞，你知道吧？啊，真的是哈啊，可能我们这个东西做出来以后，我们觉得没啥对吧，但是呢，你仔细想一想，为什么我就想不出来这个东西呢？对不对，所以说这个产品经理也不是人人都能干的啊，起码他得抗揍是吧？OK，来看一下吧，我们写完以后呢，我们就来访问访问啊，来重新把这个启动一下。

好，我们来访问一下，访问到我们的H，比如说我输入me，首先我们确保我们正常的是没问题的，没问题吧，那当我出错以后呢，789456，大家注意走。回来了吗？首先你看到这个洞了没啊，你看清楚是吧？睁大你的眼睛啊，来me。你看我点就看这个刷不刷是吧，来。走好多同学说哪动了是吧，真动了啊，真动了对吧，然后呢，你看我输出错了，789456，走这个没动吧，是没动啊，因为他不需要再刷了，明白吧，然后呢，他直接把这个页面给你写回来了，你看到没有，对于我们的感觉来讲怎么了，是不是又回来了，对吧？但是你觉得这样好不好，还不如刚才那个呢，是不是起码就有个提示你这个又回来了，用户还想了这什么情况，我就输完了点了一下怎么又回来了，对不对，你得给人家一些提示是不是啊啊叔叔呢，你看那既然我整个页面都给你写回去了，我还差那点提示吗？那在用户名称后面我给你加上一个SPA，这个我们也没有讲过啊，这个SPA标记呢，就基本上对于我来讲啊，我认为盘标记就是来做一些信息提示的，因为它可以在你的这个隐部的框框后面去给你更上一个提示。那么我们在这个SPA标记。

里面呢，我就可以提示什么信息了呢，提示比如说用户名或者密码错误，看到了吗？用户名或者密码错误好还可以color等于red一下错误，看到了吧？OK，把这个写好以后呢，来等它部署完，部署完以后呢，我们再来试一下这个过程，那么我们要访问的是login.hl首先你得确保你访问的是login.h没能明白吧，然后呢，这就是我们正常的那个页面啊，然后呢，你选中ME123456，这是正常的现象，我输错789错了吧，走。

嗯，颜色没起作用是吧，一会再来改一改啊，可能写错了，但是你看一下现在我这个提示消息有了没，对不对，诶这就有了啊，那么有了以后呢，大家注意啊，我看下哪哪错了啊，这span里面啊，不能搞这个卡是吧？啊，Span里面不能搞卡，我们得怎么写啊，Span里面写个卡不行哈，呃，再简单一点吧，那就加个什么fo吧啊简单一点加个fo就行了哈。好red来，呃，注意哈，Log HTML访问me输错走一下，看到这个效果了吧，对不对，OK，那你说在这个基础之上，我还能再优化优化呀，啊能不能再优化呀，也是用户体验的东西，你想一下啊，假如说一个表单里面有个十来个。

东西是我们需要去写的，你辛辛苦苦写完了，一登录发现就因为写出个验证码又回来以后啥都没了，是不是啊，我们是不是可以想办法给人家这个回想回想啊，对，不是这么回想啊，那我整个页面都给你回来了，这个东西还不太简单了吗？这不就是吧？那我回去的时候，我就在用户名称里面给你什么呀？你看在这个SPA里面给你加个什么东西啊，加个Y6等于什么是不行了啊，Y6等于一个单引号，单引号里面我们写个双引号，写个加加是不是，只要把你当前提交过来的这个用户名给你放进去是不是行了，对不对？来username写到这个位置，加加username能看到这个拼接字符串吗？啊，是不是啊，这就太简单了啊，OK，写好了。

好，写好以后来刷新一下ME123456789对吧？走你看这个东西还在不在，说个别的哈，说个比如说啊张三啊来说个这肯定是不对的吧，789456啊走你看是不是还在呢，对不对，那这个体验是不是好一点了，能理解吗？大家啊，理解不了是吧？理解不了抽时间我们聊一聊哈啊，你们能猜出来我以前干嘛的吗？产品没有没有没有哈，没有没有是吧，啊不能对吧啊，不是干产品经理的是吧？啊但是呢，老跟产品经理打交道对不对，说的好听一点，我们叫做为了用户的体验是吧而奋斗啊，说的不好一点，就是天天吵架是吧，因为天天改需求啊，你改需求我们就去找他，凭什么改需求是吧？你改革需求我们就得加好几天班。

对不对，然后前段时间我还看了一个这个，呃，在那个抖音上面是吧？啊看了一个什么，不是抖音是那个。拿的头条还是拿的来的啊，然后有一个说这个跟产品经理对骂的，产品经理说哈，说我一个人提的需求，你们一帮程序员都完成不了是吧，你还好意思跟我在这说啊，然后我听完这个以后，我觉得好像说的也没毛病对吧？啊然后呢，这个程序员呢，就跟这个产品经理在那对干好说这个呃，就互骂，骂的话这个产品经理就说好了，不用说了，我们到这个老板面前去聊一聊，然后这个程序员就很屌，谁怕谁啊，老子有技术出去随边找工作是吧？啊所以后来我觉得程序员才没毛病是吧？OK啊，那这个的话我们就做好了，但是做好以后呢，大家应该也能感觉出来哈，这个东西其实不是很好。

对不对，那么我们有更好的方式呢，来去解决它啊，什么方式呢？就是我们需要用到一个技术，这个技术呢，叫做请求的重定向，OK，那么接下来我们就来去说它。这个应该。