做自己的“极速登录”网页

网络与通信

某大虾有一上网名言:上网就是Login(登录)!呵呵,太夸张了吧,不过对于拥有多个账号的虫虫们来说,每天重复输入用户名、密码确实是个痛苦的过程。于是有人发明了登录软件,上网时只需点一下相应按钮就进去了,感觉还真爽。可惜的是,它们大部分都不是免费软件,况且程序需要安装,不适合移动使用。其实这类登录软件的实现原理是很简单的,我们可以很轻松地将这些功能集成到我们的某个网页中,而且还可以自己定制界面、作为邮件上传到网上随处使用!
  网站的用户登录无非就是要通过表单向服务器提交正确的用户名和密码。学过ASP或网页脚本编程的朋友都知道,对于表单提交给服务器的数据,服务器中的服务程序只分检出需要的数据,对表单中的其他冗余数据并不关心。也就是说只要我们提交的表单符合脚本程序的命名规则,就可以得到服务器同样的返回效果,而不必去管表单所在的网页是在哪儿(即使是本地硬盘的网页都行),更不用管表单外观了。
  我们先看一个从中华免费邮箱登录页面挖出来的登录表单代码:
  


  用户名:
  
  @mail.china.com
  
  
  
  密码:
  
  
  
  

  通过分析我们可以从以上代码中得到以下信息:这个表单的表单名为“login”,表单要通过两个名为“LoginName”和“passwd”的表单组件提交数据,提交方式为“post”,目标程序是免费邮箱登录页面同一目录(http://mail.china.com/extend/gb)下的“NULL/NULL/NULL/SignIn.gen”脚本程序。OK,就只要知道这些信息就够了,如(图1)是有名的登录软件《极速登录》新建登录项时要填写的内容,和我们上面分析出的结果都一一对应吧?这也说明了其实现原理与我们的分析结果是一样的。
图1
图1

  所谓“极速”,无非是通过软件自动将用户名和密码填入表单组件,省却手工输入的麻烦。我们又知道,网页表单中的组件是可以预设数据的。如果我们把用户名和密码对应的组件都预设正确的账户名和登录密码,那么登录时就只要按提交按钮就行了。所以,我们改造后的网页是这样的。
  
  
  极速登录WEB版
  
  
  中华免费邮箱极速登录测试
  

  
  
  
  
  
用户名:
  
  

  
密码:
  
  
  

  
  
  两个要提交数据的组件“LoginName”和“passwd”我们都给它赋予了预设值(value后面的数值即为该表单组件的值)。
  然后再把表单要提交的脚本程序路径更改为绝对路径(action="http://mail.china.com/extend/gb/NULL/NULL/NULL/SignIn.gen")。因为我们将来在这个页面中肯定不会只做一个登录项,因此再在表单标签中增加提交目标(target="_blank")一项,把表单提交到新网页,也即是在新页面显示目标程序的返回结果。
  最后还剩下一个不能正常显示的图像提交按钮(image),只要把其中的图像路径换成正确的图像文件路径,或者干脆把它换成普通提交按钮(submit,本例中采用此法),这就差不多了。预览吧,用户名和密码是不是都自动填好了呢?密码正确的话,点击 “快速登录”按钮就能在新页面打开你要登录的邮箱了。
  网页运行界面如(图2),笔者只整合了两个常用的邮箱,账号越多越能显示本法的优越性。在网吧上网的朋友,可以把你所有需要登录的网络服务都集成到一个页面,然后发到自己的邮箱,以后只要进入邮箱打开本页面,就可以直接从该网页进入其他所有服务了,真是方便之极啊,再也不用怕忘记密码了!
图2
图2