![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
天蓬老师Correction status：qualified
Teacher's comments：完成的很好, 希望以现在的作业为主, 与课程进度一致
Collection
Collection
案例实现功能：给1~50之间的偶数，并加上随机rgb颜色
// 循环输出1到50的偶数，并加入随机颜色打印//()生成1~50的数组$num=range(1,50);// mt_rand()生成0~255数字，作为rgb红绿栏对应的值$randcolor='rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')';for($i = 1;$i <= count($num);$i++){if($i % 2 == 0){// 对随机生成的偶数加入字体大小和随机颜色echo '<span style="font-size:20px;color:'.$randcolor.'">'.$i.'</span>' .'<br>';}}
运行效果
案例实现功能：用while改写给1~50之间的偶数，并加上随机rgb颜色案例效果
// while改写1~50之间的偶数，并加上随机rgb颜色案例效果// 1.入口判断// 循环输出1到50的偶数，并加入随机颜色打印// range()生成1~50的数组$num=range(1,50);// mt_rand()生成0~255数字，作为rgb红绿栏对应的值$randcolor='rgb('.mt_rand(0,255).','.mt_rand(0,255).','.mt_rand(0,255).')';// 给while循环变量定义初始值为1$i=1;// while($i<=count($num)){// if($i % 2 == 0){// // 对随机生成的偶数加入字体大小和随机颜色// echo '<span style="font-size:20px;color:'.$randcolor.'">'.$i.'</span>' .'<br>';// }// $i++;// }// 2.出口判断do{if($i % 2 == 0){// 对随机生成的偶数加入字体大小和随机颜色echo '<span style="font-size:20px;color:'.$randcolor.'">'.$i.'</span>' .'<br>';}$i++;}while($i<=count($num));
运行效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表单验证操作</title><style>.checking {width: 300px;/*将容器设为flex容器*/display: flex;/*设置主轴方向为列*/flex-direction: column;/*容器水平居中，上下20px*/margin: 20px auto;font-size: 14px;color: #fff;}.checking>h3 {line-height: 30px;color: #f60;/*字体水平居中*/text-align: center;}.checking>form {/*设置内边距*/padding: 20px;/*重置盒子大小*/box-sizing: border-box;/*将容器设为flex容器*/display: flex;/*设置主轴方向为列*/flex-direction: column;background: #ff6600;/*设置圆角*/border-radius: 5px;}.checking>form>span {/*将容器设为flex容器*/display: flex;/*水平对齐方式为两端对齐*/justify-content: space-between;margin: 10px 0;}.checking>form>span>input {width: 70%;/* 去掉边框 */border: none;/*设置圆角*/border-radius: 2px;}.checking>form>span>input:hover{background: wheat;}.checking>form>span>button {/*修改鼠标状态*/cursor: pointer;margin: auto;/*去掉边框线*/border: none;color: #ff6600;background: white;width: 50%;line-height: 30px;padding: 3px 5px;}.checking>form>span>button:hover {/*鼠标放上去修改背景和前景色*/background: #3a87ad;color: white;}</style></head><body><!-- 注册表单验证 --><div class="checking"><h3>注册表单验证</h3><!-- method默认请求方式为get --><form action="demo3.php" method="post"><span><label for="name">用户名：</label> <input type="text" name="name" id="name" placeholder="不能超过20个字符" required autofocus></span><span><label for="password1">密码：</label> <input type="password" name="password1" id="password1" placeholder="必须超过6个字符" required></span><span> <label for="password1">重复密码：</label> <input type="password" name="password2" id="password2" placeholder="密码必须和上面一致" required></span><span><label for="email">邮箱：</label> <input type="email" name="email" id="email" placeholder="邮箱必须真实" required></span><span><label for="girl">性别：</label><span><input type="radio" name="gender" id="boy" value="boy"><label for="boy">男</label><input type="radio" name="gender" id="girl" value="girl"><label for="girl">女</label><input type="radio" name="gender" id="secrecy" value="secrecy" checked><label for="secrecy">保密</label></span></span><span><label for="ymq">爱好：</label><span><input type="checkbox" name="loves[]" id="ppq" value="ppq"><label for="ppq">乒乓球</label><input type="checkbox" name="loves[]" id="ymq" value="ymq" checked><label for="ymq">羽毛球</label><input type="checkbox" name="loves[]" id="gef" value="gef" checked><label for="gef">高尔夫球</label></span></span><span><button>提交注册</button></span></form></div></body></html>
前端运行效果
// 获取提交所有值// echo "<pre>".print_r($_REQUEST,true)."</pre>";echo "<pre>".print_r($_POST,true)."</pre>";// Array// (// [name] => 1// [password1] => 1// [password2] => 1// [email] => 4@qq.com// [gender] => secrecy// [loves] => Array// (// [0] => ymq// [1] => gef// )// )// 1.判断提交请求是否合法// if($_SERVER['REQUEST_METHOD']==="POST")// {// echo "<h3 style='color:#f60;'>合法</h3>";// }else{// exit("<h3 style='color:red;'>不合法</h3>");// }if($_SERVER['REQUEST_METHOD']==="POST"){// 2.检查请求的变量是否有值if(!empty($_POST['name']))$name=$_POST['name'];if(!empty($_POST['password1']))$password1=$_POST['password1'];if(!empty($_POST['password2']))$password2=$_POST['password2'];if(!empty($_POST['email']))$email=$_POST['email'];if(!empty($_POST['gender']))$gender=$_POST['gender'];if(!empty($_POST['loves']))$loves=$_POST['loves'];// 3.判断密码是否一致if($password1===$password2){// 对密码先md5加密，保险再加一层shal()$password=sha1(md5($password1));}else{// exit加入js语句，当密码不一致弹出提示并返回上一页exit("<script>alert('两次密码不一致');history.back();</script>");}// 没有问题，将信息存入到一个关联数组中，并弹出注册成功提示$success=compact('name','password','email','gender','loves');echo "<script>alert('注册成功，请登陆');</script>";echo "<pre>".print_r($success,true)."</pre>";}else{exit("<h3 style='color:red;'>不合法</h3>");}
运行效果
当密码两次输入不一样
输入信息正确后，显示注册成功
for(),while()虽然都能遍历索引数组、关联数组。但是最适合的是foreach()，语法简洁使用方便。while()循环的初始化变量值要放在语句之前，循环条件更新放在while语句内。根据判断条件的位置分为入口判断型和出口判断型。出口while后面需要加上分号。mt_rand()，只需给出最小值和最大值的，可生成一个两值之间的随机数。range()给出开始值和结束值，在不设置第三个值的情况下，按每次增长1生成一个索引数组。$_REQUEST超全局变量能获取到get，post，cookie的值。在知道请求类型，选择对应的请求变量效率会更高。在form表单中，在不method情况下，默认的请求方式为get，以浏览器地址栏键值对的方式将数据发送。$_SERVER['REQUEST_METHOD']，判断值是否设置用empty()，字符串加密md5()形成32位随机字符串， sha1()。形成40位随机字符串。compact()里面的值是对应的键名值，每个值用引号包裹，用逗号分开。