菜菜菜菜菜鸟笔记
关于注册界面的一点分析
首先,注册界面需要前端展示,使用HTML。而一个最简单的 HTML 页面,下面是最最基本的元素:
<html>
<head>
<title>文档的标题</title>
</head>
<body>
文档的内容... ...
</body>
</html>
head标签定义头部
title标签定义标题(就是浏览器窗口的标题栏)
<head>
<title>注册</title>
</head>
body标签包含主题内容
<body>
<h1>注册页面</h1>
...
</body>
h1标签可定义页面内容的标题(h1 定义最大的标题,h6 定义最小的标题)
tr标签定义HTML表格中的行(tr 元素包含一个或多个 th 或 td 元素)
td标签定义HTML表格中的标准单元格
th标签定义HTML表格中的表头单元格
如下图所示
<tr>
<th>用户名</th>
<td>***</td><br>
</tr>
<tr>
<th>密码</th>
<td>***</td>
</tr>
创建HTML表单,并向服务器传输数据
<form action="registeraction.php" method="post">
<tr>
<td>用户名:</td>
<td><input type="text"name="username"></td>
</tr><br>
<tr>
<td>密 码:</td>
<td><input type="password"name="password"></td>
</tr><br>
<tr>
<td>确认密码:</td>
<td><input type="password"name="re_password"></td>
</tr><br>
<tr>
<td><input type="submit"name="register" value="注册"></td>
</tr>
form 标签用于为用户输入创建 HTML 表单,该表单用于向服务器传输数据。
<form action="registeraction.php" method="post">
action的属性值就是点击提交按钮时将要跳转的URL
method属性就是用户在表单中输入的数据将按照method属性中的方式发送到该URL【可以通过get(附加在URL结尾)或post(以单独的消息形式发送)】
<tr>
<td><input type="text"name="username"></td>
</tr><br>
<tr>
<td><input type="password"name="password"></td>
</tr><br>
<tr>
<td><input type="password"name="re_password"></td>
</tr><br>
<tr>
<td><input type="submit"name="register" value="注册"></td>
</tr>
input标签用于搜集用户信息并根据不同的type属性值,可输入多种形式的字段
input type="text"
input type=“text” 定义用户可输入文本的单行输入字段
input type="password"
input type=“password” 定义密码字段
input type="submit"
input type=“submit” 定义提交按钮,提交按钮用于向服务器发送表单数据。数据会发送到表单的 action 属性中指定的页面。
name="register"
name 属性规定 input 元素的名称(用于对提交到服务器后的表单数据进行标识)
value="注册"
value属性为 input 元素设定值
(对于不同的输入类型value 属性的用法也不同
type=“text”, “password” - 定义输入字段的初始值
type=“submit” - 定义按钮上的显示的文本)
用get方式向服务器发送并进行判断
<?php
$err = isset($_GET["err"]) ? $_GET["err"] : "";
switch ($err) {
case 1:
echo "用户名已存在!";
break;
case 2:
echo "密码与确认密码不一致!";
break;
case 3:
echo "注册成功!";
break;
}
?>
$err = isset($_GET["err"]) ? $_GET["err"] : "";
这是一个php的三元运算符
(条件) ? (值1):(值2);
如果条件成立(为真),则执行冒号前边的“值1”,否则执行冒号后面的“值2”。
isset()函数是检测变量是否设置
$_GET["err"]
是通过get方法传过来的值。
这句话的意思就是:
如果$_GET["err"]
已经被设置,即已经有值了,则$err = $_GET["err"])
如果$_GET["err"]
没有被设置,则$err = ""
switch ($err) {
case 1:
echo "用户名已存在!";
break;
case 2:
echo "密码与确认密码不一致!";
break;
case 3:
echo "注册成功!";
break;
}
switch语句用于有选择地执行代码
END
后话:
其实还有registeraction.php文件用来实现register.php连接数据库,并向表单插入数据
但是吧。。。
下次,下次,这次过于基础了。。
下次一定补上