(编辑:jimmy 日期: 2024/10/7 浏览:2)
1.新建三个html文件,两个php文件和若干个CSS文件和若干个JS文件
2.登录的html页面显示效果图
3.注册的页面的显示效果图
4.登录页面的form表单代码
<div class="sign-con w1200"> <img src="/UploadFiles/2021-04-02/logn-tu.gif">5.注册页面的form表单代码
<div class="password-con registered"> <form action="regist.php" method="post"> <div class="psw"> <p class="psw-p1">用户名</p> <input type="text" name="username" placeholder="HR了" /> <span class="dui"></span> </div> <div class="psw"> <p class="psw-p1">输入密码</p> <input type="password" name="password" placeholder="请输入密码" /> <span class="cuo">密码由6-16的字母、数字、符号组成</span> </div> <div class="psw"> <p class="psw-p1">确认密码</p> <input type="password" name="repassword" placeholder="请再次输入密码" /> <span class="cuo">密码不一致,请重新输入</span> </div> <div class="psw psw2"> <p class="psw-p1">手机号/邮箱</p> <input type="text" name="telphone" placeholder="请输入手机/邮箱验证码" /> <button>获取短信验证码</button> </div> <div class="psw psw3"> <p class="psw-p1">验证码</p> <input type="text" placeholder="请输入验证码" /> </div> <div class="yanzhentu"> <div class="yz-tu f-l"> <img src="/UploadFiles/2021-04-02/psw-yanzhengtu.gif">6.login.php代码
<"Content-type: text/html; charset=utf-8"); $username = $_POST['username']; $password = $_POST['password']; $conn = new mysqli('localhost','root','root','shopping'); if ($conn->connect_error){ echo '数据库连接失败!'; exit(0); }else{ if ($username == ''){ echo '<script>alert("请输入用户名!");history.go(-1);</script>'; exit(0); } if ($password == ''){ echo '<script>alert("请输入密码!");history.go(-1);</script>'; exit(0); } $sql = "select username,password from userinfo where username = '$_POST[username]' and password = '$_POST[password]'"; $result = $conn->query($sql); $number = mysqli_num_rows($result); if ($number) { echo '<script>window.location="index.html";</script>'; } else { echo '<script>alert("用户名或密码错误!");history.go(-1);</script>'; } } "htmlcode"><"Content-type: text/html; charset=utf-8"); $username = $_POST['username']; $password = $_POST['password']; $repassword = $_POST['repassword']; $telphone = $_POST['telphone']; if ($username == ''){ echo '<script>alert("请输入用户名!");history.go(-1);</script>'; exit(0); } if ($password == ''){ echo '<script>alert("请输入密码");history.go(-1);</script>'; exit(0); } if ($password != $repassword){ echo '<script>alert("密码与确认密码应该一致");history.go(-1);</script>'; exit(0); } if($password == $repassword){ $conn = new mysqli('localhost','root','root','shopping'); if ($conn->connect_error){ echo '数据库连接失败!'; exit(0); }else { $sql = "select username from userinfo where username = '$_POST[username]'"; $result = $conn->query($sql); $number = mysqli_num_rows($result); if ($number) { echo '<script>alert("用户名已经存在");history.go(-1);</script>'; } else { $sql_insert = "insert into userinfo (username,password,telphone) values('$_POST[username]','$_POST[password]','$_POST[telphone]')"; $res_insert = $conn->query($sql_insert); if ($res_insert) { echo '<script>window.location="index.html";</script>'; } else { echo "<script>alert('系统繁忙,请稍候!');</script>"; } } } }else{ echo "<script>alert('提交未成功!'); history.go(-1);</script>"; } "text-align: center">
9.数据库的图片