一个注册,登录系统的实现

https://github.com/lujiaxi415/supreme/commit/5e26f171d1234748d8cae9b247da2cdef63d6027

我做的是一个登陆系统,感觉自己并没有达到项目组的要求。

在完成这个登陆系统的时候,我找了一些办法。

比如找教程,找大神,看书,上网查找。

这个页面用了HTMLCSS和一些JavaScript

图片的插入是从网上找的,用连接插入。

首先是我的登录界面

 

 

这个界面外观自己感到还可以,username,password和login按钮都是用文本框做出来的。像username这个框要分三个部分实现。首先是使用前,然后是输入text。在不同的过程中能够我都用了不同的边界颜色,使得页面更加美观。

在这次的制作过程中,背景图的插入耗费了我很大的精力,一直以为是自己编辑器的问题或是浏览器的问题。下载了一系列插件并没有起什么作用。复制了有图片连接的网页的源代码后发现这并不是编辑器的原因。询问了大神后才知道是自己的代码出了问题。把class="body"属性放在了一个空的div标签内,而div默认啥都没有,所以显示的太小看不出来。

这个是login按钮的细微差别。

这是程序的验证界面,用户需输入正确的用户名的密码。用value==进行验证。若验证成功则可以连接到下一个界面

若输入有误,则不可进入并报错

 

这些就是我登录网页的所有功能及其页面。

希望自己进入到这个项目组,至少能多留一段时间。对于前端的了解,也才是从这学期开始才知道的。拿到本次的测试作业后开始动手学习,在学习制作登录页面的过程中,开始对HTML,CSS,JS有了初步的了解,并深刻的感受到自己知识的不足。通过别人的建议,开始从各种网站找教程学习。在学习的过程中感受到了做前端的乐趣,并希望自己终有一天会做的很好。这次的登录界面制作像打开了一扇窗户,然我从前一年半的课本学习中看到了更实际的程序应用。并开始对计算机学习提起了兴趣。这是我这次最大的收获。

 

posted @ 2017-03-09 13:40  lujiaxi415  阅读(225)  评论(2)    收藏  举报