AI 助理
备案控制台
开发者社区 数据库 文章 正文

php小项目-登录和注册的实现

2023-10-20 46
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
云数据库 RDS MySQL，高可用系列 2核4GB
简介： php小项目-登录和注册的实现

本项目搭建了一个简单的页面，用php+mysql来实现登录、注册以及注销的功能。

效果展示

从右上方可以看到，当前是未登录的主页

点击登录，来到登录页面


如果还没注册，就点击进行注册

登录成功进入主页，看到右上方显示当前登录的用户名。点击用户名后的退出，即可退出登录。


实现过程


1.项目目录



2.主要实现代码


config.php保存数据库连接信息


<?php
//数据库连接信息
$host='localhost';    //数据库服务器主机名
$user='root';     //数据库用户名
$password='root';   //数据库用户密码
$dbname='itcast';   //数据库名
//开启session
session_start();

register.php注册功能

<?php
require'./config.php';    //引入公共文件开启session功能
// require'./html/register.html'; //调用内容模板
if($_POST){
  $link=mysqli_connect($host,$user,$password,$dbname);
  if(!$link){
    display('数据库连接失败。'.mysqli_connect_error()); 
  }
  mysqli_set_charset($link,'utf8');
  $fields= array('name', 'password', 'sex', 'email', 'course', 'channel', 'message') ;
  //$fields= ['name', 'password', 'sex', 'email', 'course', 'channel', 'message'] ;
  //$data[];
  $data=array();
  foreach($fields as $v){
    $data[$v]=isset($_POST[$v])?$_POST[$v]:'';  
  }
  if(is_array($data['channel'])){
    $data['channel']==implode('，', $data['channel']);
  }
  foreach($data as $k=>$v){
    $data[$k]=mysqli_real_escape_string($link,$v);  
  }
  $result=mysqli_query($link,"SELECT 1 FROM `user` WHERE `name` ='{$data['name']}'");
  if(!$result){
    display('数据库操作失败：'.mysqli_error($link));  
  }
  if(mysqli_num_rows($result)){
    display('该用户名已被注册！');
  }
  $sql_values=implode("','",$data);
  $sql_fields=implode("`,`",$fields);
  //执行SQL语句
  $result=mysqli_query($link,"INSERT INTO user (`$sql_fields`) VALUES ('$sql_values')");
  if($result){
    header('Location:login.php');
    exit; 
  }else{
    display('数据库操作失败：'.mysqli_error($link));  
  }
}
display();
function display($message=false){
  require'./html/register.html';
  exit;
}

login.php登录功能

<?php
require'./config.php';    //引入公共文件开启session功能
if($_POST){
  $link=mysqli_connect($host,$user,$password,$dbname);
  if(!$link){
    display('数据库连接失败。'.mysqli_connect_error()); 
  }
  mysqli_set_charset($link,'utf8');
  //接收用户名和密码
  $name=isset($_POST['name'])? $_POST['name']:'';
  $password=isset($_POST['password'])? $_POST['password']:'';
  $name=mysqli_real_escape_string($link,$name);
  $password=mysqli_real_escape_string($link,$password);
  $result=mysqli_query($link,"SELECT 1 FROM `user` WHERE `name` ='$name' AND `password`='$password'");
  if(!$result){
    display('数据库操作失败：'.mysqli_error($link));  
  }
  if(mysqli_num_rows($result)){
    $_SESSION['user']=$name;
    header('Location:index.php');
    exit;
  }else{
    display('登录失败，用户名或密码有误。');
  }
}
display();
function display($message=false){
  require'./html/login.html';
  exit;
}

index.php主页

<?php
require'./config.php';    //引入公共文件开启session功能
require'./html/index.html'; //调用内容模板


logout.php注销功能

<?php
require'./config.php';  
unset($_SESSION['user']);   //用户退出功能
header('Location:index.php'); //跳转页面

index.html 

<?php require'./html/header.html';?>
        <div class="banner">
          <div class="banner_pic" id="banner_pic">
              <div class="current"><img src="images/01.jpg" alt=""></div>
                <div class="pic"><img src="images/02.jpg" alt=""></div>
                <div class="pic"><img src="images/03.jpg" alt=""></div>
                <div class="pic"><img src="images/04.jpg" alt=""></div>
            </div>
            <ol id="button">
              <li class="current">1</li>
                <li class="but">2</li>
                <li class="but">3</li>
                <li class="but">4</li>
            </ol>
        </div>
        <div class="stages">
          <div class="stages_title">通知公告</div>
          <div class="stages_con">
              <marquee>
                  <ul>
                      <li><a href="#">【绘画百科】上色那些事！</a></li>
                        <li><a href="#">手绘、插画素材免费下载！</a></li>
                    </ul>
                </marquee>
            </div>
        </div>
        <div class="content">
          <div class="line1">
              <div class="left">
                  <div class="module">
                      <div class="title">
                            <div class="title_left"></div>
                            <div class="title_right"><span></span>课程分类</div>
                            <div class="title_bottom"></div>
                        </div>
                        <div class="module_con">
                          <ul>
                              <li><a href="#">素描课程</a></li>
                                <li><a href="#">油画课程</a></li>
                                <li><a href="#">头像课程</a></li>
                                <li><a href="#">水彩课程</a></li>
                                <li><a href="#">速写课程</a></li>
                                <li><a href="#">CG课程</a></li>
                                <li><a href="#">彩铅课程</a></li>
                                <li><a href="#">......</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="job">
                      <div class="job_title"><span></span>热门文章</div>
                        <div class="job_con">
                            <ul>
                              <li><span>1</span><a href="#">看看这几位手绘大牛的作品</a></li>
                                <li><span>1</span><a href="#">插画师该如何自我成长</a></li> 
                                <li><span>1</span><a href="#">动漫绘画百科之眼睛画法...</a></li>
                                <li><span>1</span><a href="#">头发N种画法...</a></li>
                                <li><span>1</span><a href="#">构图样式20例分享...</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="center">
                  <div class="message">
                      <div class="message_title">
                          <ol id="message">
                              <li class="current"><a herf="#"><span>专业动态</span></a></li>
                                <li><a href="#"><span>行业动态</span></a></li>
                            </ol>
                            <div class="more"><a href="#"><img src="images/more.gif" align="middle" /></a></div>
                        </div>
                        <div id="message_con">
                          <dl class="current">
                              <dt class="message_left"></dt>
                                <dd class="message_right">
                                  <ul class="left_ul">
                                      <li><span></span><a href="#">时髦青年召集令！浓浓嬉皮风、动感disco...</a></li>
                                        <li><span></span><a href="#">快来参加枪火游侠英雄角色设定大赛呀！</a></li>
                                        <li><span></span><a href="#">博郡汽车品牌LOGO设计征集开赛啦！</a></li>
                                        <li><span></span><a href="#">收官至！SurfaceBook 2随性专属包图案设计...</a></li>
                                        <li><span></span><a href="#">美的空调创意海报征集大赛来啦~</a></li>
                                    </ul>
                                    <ul class="right_ul">
                                      <li><a href="#">2018/06</a></li>
                                        <li><a href="#">2018/06</a></li>
                                        <li><a href="#">2018/06</a></li>
                                        <li><a href="#">2018/06</a></li>
                                        <li><a href="#">2018/07</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            <dl>
                              <dt class="meesage_left1"></dt>
                                <dd class="message_right">
                                  <ul class="left_ul">
                                      <li><span></span><a herf="#">辩论！中国最优秀的动画作品是那一部？</a></li>
                                        <li><span></span><a herf="#">测试：你会转到到那所二次元学校读书？</a></li>
                                        <li><span></span><a herf="#">日宅：最能体现手绘技能的是什么？</a></li>
                                        <li><span></span><a herf="#">【手绘节操】你的手绘作是临摹那部作品？</a></li>
                                        <li><span></span><a herf="#">手绘来袭，全新出击</a></li>
                                    </ul>
                                    <ul class="right_ul">
                                      <li><a href="#">2018/07</a></li>
                                        <li><a href="#">2018/07</a></li>
                                        <li><a href="#">2018/06</a></li>
                                        <li><a href="#">2018/07</a></li>
                                        <li><a href="#">2018/06</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                    <div class="teacher">
                      <div class="teacher_title"><span>插画师</span><a href="#"><img src="images/more.gif" /></a></div>
                        <div class="teacher_con">
                          <ul>
                              <li>
                                  <div><a href="#"><img src="images/teacher01.gif"/></a></div>
                                    <div class="name"><a href="#">诺曼洛克威尔</a></div>
                                </li> 
                                <li>
                                  <div><a href="#"><img src="images/teacher02.gif"/></a></div>
                                    <div class="name"><a href="#">塔莎杜朵</a></div>
                                </li> 
                                <li>
                                  <div><a href="#"><img src="images/teacher03.gif"/></a></div>
                                    <div class="name"><a href="#">竹冈美穗</a></div>
                                </li> 
                                <li>
                                  <div><a href="#"><img src="images/teacher04.gif"/></a></div>
                                    <div class="name"><a href="#">MarcosChin</a></div>
                                </li> 
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="right">
                  <div class="course">
                      <h3>精品课程</h3>
                        <ul>
                          <li><a href="#">美术基础精品课程</a></li>
                            <li><a href="#">uv拆分课程</a></li>
                            <li><a href="#">网游模型制作课程</a></li>
                            <li><a href="#">材质深入刻画</a></li>            
                            <li><a href="#">Q版角色建模</a></li>
                        </ul>
                    </div>
                    <div class="study">
                      <a href="#"><img src="images/study.gif" /></a>
                    </div>
                </div>
            </div>
            <div class="line2">
              <div class="book">
                  <div class="book_title"><span>推荐书籍</span><a href="#"><img src="images/more.gif" /></a></div>
                    <div class="book_con">
                      <ul>
                          <li>
                              <div><a href="#"><img src="images/book01.gif" /></a></div>
                                <div class="name"><a href="#">简笔画教程</a></div>  
                            </li>
                            <li>
                              <div><a href="#"><img src="images/book02.gif" /></a></div>
                                <div class="name"><a href="#">铅笔的温情手</a></div>  
                            </li>
                            <li>
                              <div><a href="#"><img src="images/book03.gif" /></a></div>
                                <div class="name"><a href="#">时装画手绘</a></div>  
                            </li>
                            <li>
                              <div><a href="#"><img src="images/book04.gif" /></a></div>
                                <div class="name"><a href="#">铅笔的魔法教程</a></div>  
                            </li>
                            <li>
                              <div><a href="#"><img src="images/book05.gif" /></a></div>
                                <div class="name"><a href="#">水彩手绘教程</a></div>  
                            </li>
                            <li class="no_mar">
                              <div><a href="#"><img src="images/book06.gif" /></a></div>
                                <div class="name"><a href="#">古尔德手绘</a></div>  
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
<?php require'./html/footer.html';?>


login.html 

<?php require'./html/loginhead.html';?>
        <div>
          <h3 class="content_tab_title">登录</h3>
            <form action="#" method="post" name="example" class="content_denglu" id="form">
              <table class="content_denglulist">
                  <tr>
                      <td class="left">姓名<span class="red">*</span></td>
                        <td><input type="text" name="name" class="txt01" id="username" /></td>
                    </tr>
                    <tr>
                      <td class="left">密码<span class="red">*</span></td>
                        <td><input type="password" name="password" class="txt02" id="password" /></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                        <td><input type="submit" value="提交" class="tabbtn" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </body>
</html>

register.html

<?php require'./html/loginhead.html';?>
        <div>
          <h3 class="content_tab_title">注册</h3>
            <form action="#" method="post" name="example" class="content_tab" id="form">
              <table class="content_tablist">
                  <tr>
                      <td class="left">姓名<span class="red">*</span></td>
                        <td><input type="text" class="txt01" id="username" name="name" /></td>
                    </tr>
                    <tr>
                      <td class="left">密码<span class="red">*</span></td>
                        <td><input type="text" class="txt02" name="password" id="password" /></td>
                    </tr>
                    <tr>
                      <td class="left">确认密码<span class="red">*</span></td>
                        <td><input type="text" class="txt02" id="password2" /></td>
                    </tr>
                    <tr>
                      <td class="left">性别<span class="red">*</span></td>
                        <td>
                          <label for="boy"><input type="radio" name="sex" id="boy" />男</label>
                            <label for="girl"><input type="radio" name="sex" id="girl" />女</label>
                        </td>
                    </tr>
                    <tr>
                      <td class="left">邮箱<span class="red">*</span></td>
                        <td><input type="text" class="txt03" name="email" /></td>
                    </tr>
                    <tr>
                      <td class="left">意向课程<span class="red">*</span></td>
                        <td>
                          <select class="course" name="course">
                              <option>手绘基础班</option>
                                <option selected="selected">手绘进阶班</option>
                                <option>手绘就业班</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                      <td class="left">了解渠道<span class="red">*</span></td>
                        <td>
                          <label for="baidu"><input type="checkbox" id="baidu" name="channel[]" value="baidu" />baidu</label>
                            <label for="itcast"><input type="checkbox" id="itcast" name="channel[]" value="小绘老学" />小绘老学员</label>
                            <label for="friend"><input type="checkbox" id="friend" name="channel[]" value="朋友推荐" />朋友推荐</label>
                            <label for="csdn"><input type="checkbox" id="csdn" name="channel[]" value="CSDN网站" />CSDN网站</label>
                            <label for="video"><input type="checkbox" id="video" name="channel[]" value="视频教程" />视频教程</label>
                            <label for="other"><input type="checkbox" id="other" name="channel[]" value="其他" />其他</label>
                        </td>
                    </tr>
                    <tr>
                      <td class="left">留言</td>
                        <td><textarea cols="50" rows="5" class="message" name="message">请简述您有没有绘画基础，以及为什么选择学校手绘？</textarea></td>
                    </tr>
                    <tr>
                      <td>&nbsp;</td>
                        <td><input type="submit" value="提交" class="tabbtn" /></td>
                    </tr>
                </table>
            </form>
        </div>
        <script type="text/javascript" src="./javascript/register.js"></script>
    </body>
</html>


3.配置mysql数据库


登录phpMyAdmin




新建itcast数据库和user表



4.部署项目


完成以后几步后，把项目部署到phpstudy上，即可打开网站浏览效果。phpstudy的使用可见我另一篇[fastadmin的安装过程]。


文章标签：
云数据库 RDS MySQL 版
PHP
数据库
关系型数据库
MySQL
数据库连接
关键词：
PHP项目
PHP登录
PHP注册
PHP登录注册
相关实践学习
如何在云端创建MySQL数据库
开始实验后，系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
南木元元
目录
相关文章
vohelon
|
1月前
|
缓存 前端开发 API
PHP 适合做什么类型的项目
【8月更文挑战第4天】PHP 适合做什么类型的项目
vohelon
38 4
职说测试
|
29天前
|
关系型数据库 MySQL 应用服务中间件
win7系统搭建PHP+Mysql+Apache环境+部署ecshop项目
这篇文章介绍了如何在Windows 7系统上搭建PHP、MySQL和Apache环境，并部署ECShop项目，包括安装配置步骤、解决常见问题以及使用XAMPP集成环境的替代方案。
职说测试
37 1
win7系统搭建PHP+Mysql+Apache环境+部署ecshop项目
sunrr
|
18天前
|
开发框架 前端开发 中间件
开源PHP项目
【9月更文挑战第2天】开源PHP项目
sunrr
27 4
路边两盏灯
|
27天前
|
PHP
【Azure Developer】PHP网站使用AAD授权登录的参考示例
【Azure Developer】PHP网站使用AAD授权登录的参考示例
路边两盏灯
25 0
路边两盏灯
|
27天前
|
存储 关系型数据库 Linux
【Azure 应用服务】App Service For Linux 部署PHP Laravel 项目，如何修改首页路径为 wwwroot\public\index.php
【Azure 应用服务】App Service For Linux 部署PHP Laravel 项目，如何修改首页路径为 wwwroot\public\index.php
路边两盏灯
18 0
土木林森
|
1月前
|
关系型数据库 Linux 网络安全
"Linux系统实战：从零开始部署Apache+PHP Web项目，轻松搭建您的在线应用"
【8月更文挑战第9天】Linux作为服务器操作系统，凭借其稳定性和安全性成为部署Web项目的优选平台。本文以Apache Web服务器和PHP项目为例，介绍部署流程。首先，通过包管理器安装Apache与PHP；接着创建项目目录，并上传项目文件至该目录；根据需要配置Apache虚拟主机；最后重启Apache服务并测试项目。确保防火墙允许HTTP流量，正确配置数据库连接，并定期更新系统以维持安全。随着项目复杂度提升，进一步学习高级配置将变得必要。
土木林森
82 0
疯狂的猿
|
2月前
|
安全 数据安全/隐私保护
屏蔽修改wp-login.php登录入口确保WordPress网站后台安全
WordPress程序默认的后台地址wp-login.php，虽然我们的密码设置比较复杂，但是如果被软件一直扫后台入口，一来影响网站的速度增加服务器的负担，二来万一被扫到密码，那就处于不安全的境地。所以，我们最好将后台地址入口隐藏屏蔽起来，我们可以通过下面的命令实现隐蔽wp-login.php入口。
疯狂的猿
68 0
郑小健
|
2月前
|
PHP 开发者
如何用Composer管理PHP项目的第三方扩展包
【7月更文挑战第2天】**Composer 是PHP开发的关键工具，用于管理项目依赖。安装需PHP 5.6.4+，通过官网脚本安装。在项目根目录创建 `composer.json` 文件定义依赖，使用 `composer require` 命令安装扩展包，如Guzzle。`composer.lock` 保证版本一致。`require_once &#39;vendor/autoload.php&#39;;` 实现自动加载。更新依赖用 `composer update`，管理依赖提升效率和项目维护性。深入学习可发掘更多高级功能。**
郑小健
95 0
G佳伟
|
2月前
|
缓存 前端开发 PHP
【超详细】php实现扫码关注微信公众号系统/网站自动注册登录
【超详细】php实现扫码关注微信公众号系统/网站自动注册登录
G佳伟
170 0
坠入极夜的夏
|
4月前
|
PHP
web简易开发——通过php与HTML+css+mysql实现用户的登录，注册
web简易开发——通过php与HTML+css+mysql实现用户的登录，注册
坠入极夜的夏
53 0