07_尚硅谷_大数据JavaWEB_登录功能实现_登录页面的开发.avi原创

好，那么接下来我们就结合上我们刚刚讲过的HTML相关的一些标记啊，然后呢，把我们当前的这个页面呢给它做一下，OK来，那首先呢，还是回到我们的这个代码下面啊，那我就再去写一个新建一个文本文档，我就叫什么啊login就是登录的意思吧，叫HTML，把后面这个后缀的给它去掉，能看懂吧，OK，然后呢，我们再把这个呢打开。然打开方式选择我们的ID的plus，那么这里面如果说你想写一个HTML文件，那么最基本的东西就是HTL，还记得吧，这里面有什么呀？哎，有一个hide，哎，有一个包，OK，那么现在的话，我们主要是在这个包店里面去写啊，包店里面的话我们要进行登录，你看它是怎么写的呀，就是一个欢迎登录，那这个我们可以通过一个H一来做，对吧？H1啊，那就是一个欢迎登录，好欢迎登录，然后呢，呃，在这个下面的话呢，我们需要做出一个form表单来。

好，Form表单来，然后对于这个form表单里面的这个action，以及我们的这个method呢，我们暂时先不用写啊，因为我们暂时还用不上它，好接下来呢，我们在这个地方呢，我们就写出我们的，你看了哈，有一个用户名称，有一个用户密码，好，那我们就写用户名称，看到了吧，那我们就写一个，哎，加个冒号吧，然后呢，Input check就等于一个check name呢，我们就写成user name吧，那像那个默认的那个Y6值我们就不写了，你这个因为登录嘛，你自己去写你的用户名称，听明白了吧，OK，好，下一个加个BR，就是换个行，那我们再来写一个用户的密码，OK。

那这里面呢，我们写个A等于什么来着，A password内呢，我比如说也叫password吧，好最后的话呢，我们再来一个部tap就等于啊S叫什么呀，Login登录好，那么这个表单我们就写好了，写好以后呢，我们把刚才这个页面呢，我们打开来看一看啊，看看它长的。怎么样？好来打开打开方式选择我们的火狐啊，哎，你看这个长得也差不多吧啊，但是呢，这个这里面好像有个倍体色是吧，那这个倍体色怎么办？是不是可以使用样式来做了，对不对？哎，注意了啊，我可以教你两种方式哈，第一种方式呢，就是啊，在这个芭里面吧，它有一个这样的一个属性啊，叫做BJ卡。它也是一个背景色的意思，你看看啊，比如说我就写个pink pink就是我们的粉红色是吧？啊，来刷新一下是不是有了呀，对吧，这样也可以啊，或者说呢，我不通过他写的话呢，那你就通过什么呀，是不是通过我们的样式来去写啊，你看看啊，那我就写个style，你不需要一定要通过div嘛，对吧，我现在是不是想给我的这个body，是给这个元素加样式吧，那你就写个body吗？Body后面我们就可以写什么了，比如说background color，对吧，比如说pink，这不就行了吗？那这个你去掉也是没问题的。

你看啊，这样啊。啊，这个我暂时就给大家重视掉了啊，你可以通过这种方式来写，就是方便一点啊，那么这样的话，你看呢，我们再来刷新一下这个页面刷新你看效果是不是一样的呀。对吧，诶只不过呢，就是它自带一个这样的一个属性，我们就可以更加方便的去把这个背景色给它加上了，如果说你没有这个东西的话，那么你就可以使用我们的样式来去给他什么加一些什么效果。

听懂了吧，这个样式不一定一定要往div上面加啊，任何一个标签我们都可以施加样式的，只不过刚才呢，我是通过这个div给大家去讲解的，明白了吗？OK，好，那这样的话呢，我们就把我们的登录页面，我们就完整的给它开发出来了，就这么简单。啊，那么接下来我们要做什么事呢？就是我在这里面呢，我会输入我的用户名啊，我也会输入我的密码，然后呢，我一点击这个登录，那么你就要在我们的后台这个服务器端给我进行登录操作的一个流程处理了，这是我们接下来要去做的事，听懂了吧，OK。