1 界面如何组织参数输入
用户登录界面可以简单使用form表单来实现,账号字段可以用简单文本域<input type="text"> 标签来设定,用户在表单中数入字母、数字等内容时,就会显示出来;密码字段通过标签<input type="password"> 来定义,密码字段字符不会明文显示,而是以星号或圆点替代。例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Login</title>
</head>
<body>
建议用f12看一下整个请求到响应的过程<br>
<form action="login" method="post">
用户名:<input type="text" name="username"> <br>
密 码:<input type="password" name="password"> <br>
//name即为用户名和密码的属性名,用于调用
<input type="submit" value="登录">
</form>
</body>
</html>

其中method即为参数传入到服务器的方式,不写默认为Get。
2 参数如何传到服务器上进行相应的处理
客户端通过请求将数据转入服务器,常见的两种向服务器提交数据方式是Get和Post。
使用Get方式提交数据,其参数在浏览器的地址栏的url中可见,所以隐私性安全性较差,且参数长度也是有限制的。
而对于Post方式,参数就会以form data的形式传递,浏览器会根据网页的meta标签中的content="text/html; charset=UTF-8"中指定的编码进行对表单中的数据进行编码,然后发给服务器,在服务器端的程序中我们可以通过request.setCharacterEncoding(“charset”)方式(JSP代码) 设置编码,然后通过request.getParameter获得正确的数据,编码方式是我们可以控制的。
如下使用Get方式传入参数,将参数的url显示出来了(用户登录密码):

而使用Post方式,url不会显示出来

所以总结来说,使用Post方式优于Get方式,优点在于:
- 更加安全(数据不会出现在url中)。
- Get传输的数据量小,这主要是因为受url长度限制;而Post可以传输大量的数据,所以在上传文件只能使用Post。
- 更少的乱码问题。
本文探讨了用户登录界面的参数输入组织,使用<form>标签创建账号和密码字段。重点讲述了向服务器传输数据的两种方式:Get和Post。Post方式因数据不显示在URL中、能处理大量数据及避免乱码问题,被推荐用于用户登录,而Get方式则存在安全性和长度限制的问题。
1935

被折叠的 条评论
为什么被折叠?



