laravel8实现注册功能

最新推荐文章于 2022-07-02 11:29:39 发布
最新推荐文章于 2022-07-02 11:29:39 发布
阅读量1.4k 收藏 10
点赞数 2
分类专栏： laravel 文章标签： laravel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Moxi099/article/details/117230879
版权

1.写出注册页面

在public/resourses/views文件夹下面新建register文件夹，再在register文件夹里面新建index.blade.php文件

在index.blade.php文件中写入：注意：此处是我找的模板，css文件和js文件放在public文件下面。注意路径和引用方法   模板文件地址：https://www.mycodes.net/192/10205.htm

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>register</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="robots" content="all,follow">
    <!-- Bootstrap CSS-->
    <link rel="stylesheet" href="{{ 'Bootstrap/css/bootstrap.min.css' }}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,700">
    <link rel="stylesheet" href="{{ 'Bootstrap/css/style.default.css' }}" id="theme-stylesheet">
    <link rel="stylesheet" href="{{ 'layui/css/layui.css' }}">
  </head>
  <body>
    <div class="page login-page">
      <div class="container d-flex align-items-center">
        <div class="form-holder has-shadow">
          <div class="row">
            <!-- Logo & Information Panel-->
            <div class="col-lg-6">
              <div class="info d-flex align-items-center">
                <div class="content">
                  <div class="logo">
                    <h1>欢迎注册</h1>
                  </div>
                </div>
              </div>
            </div>
            <!-- Form Panel    -->
            <div class="col-lg-6 bg-white">
              <div class="form d-flex align-items-center">
                <div class="content">
                    <div class="form-group">
                      <input id="register-username" class="input-material" type="email" name="registerUsername" placeholder="请输入邮箱" >
								      <div class="invalid-feedback">
								        	请输入正确的邮箱格式
								      </div>
                    </div>
                    <div class="form-group">
                      <input id="register-password" class="input-material" type="password" name="registerPassword" placeholder="请输入密码"   >
                    	<div class="invalid-feedback">
								        	密码必须在6~10位之间
								      </div>
                    </div>
                    <div class="form-group">
                      <input id="register-passwords" class="input-material" type="password" name="registerPasswords" placeholder="确认密码"   >
                    	<div class="invalid-feedback">
								        	两次密码必须相同 且在6~10位之间
								      </div>
                    </div>
                    <div class="form-group">
                      <button id="regbtn" type="button" name="registerSubmit" class="btn btn-primary">注册</button>
                    </div>
                  <small>已有账号?</small><a href="login.html" class="signup">&nbsp;登录</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- JavaScript files-->
    <script src="{{ 'Bootstrap/js/jquery.min.js' }}"></script>
    <script src="{{ 'Bootstrap/js/bootstrap.min.js' }}"></script>
    <script src="{{ 'layui/layui.js' }}"></script>
    <script>
    	$(function(){
    		/*错误class  form-control is-invalid
    		正确class  form-control is-valid*/
    		var flagName=false;
    		var flagPas=false;
    		var flagPass=false;
    		/*验证邮箱*/
    		var name,passWord,passWords;
    		$("#register-username").change(function(){
    			name=$("#register-username").val();
			    var re=/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
    			if(!re.test(name)){
    				$("#register-username").removeClass("form-control is-valid")
    				$("#register-username").addClass("form-control is-invalid");
    				flagName=false;
    			}else{
    				$("#register-username").removeClass("form-control is-invalid")
    				$("#register-username").addClass("form-control is-valid");
    				flagName=true;
    			}
    		})
    		/*验证密码*/
    		$("#register-password").change(function(){
    			passWord=$("#register-password").val();
    			if(passWord.length<6||passWord.length>18){
    				$("#register-password").removeClass("form-control is-valid")
    				$("#register-password").addClass("form-control is-invalid");
    				flagPas=false;
    			}else{
    				$("#register-password").removeClass("form-control is-invalid")
    				$("#register-password").addClass("form-control is-valid");
    				flagPas=true;
    			}
    		})
    		/*验证确认密码*/
    		$("#register-passwords").change(function(){
    			passWords=$("#register-passwords").val();
    			if((passWord!=passWords)||(passWords.length<6||passWords.length>18)){
    				$("#register-passwords").removeClass("form-control is-valid")
    				$("#register-passwords").addClass("form-control is-invalid");
    				flagPass=false;
    			}else{
    				$("#register-passwords").removeClass("form-control is-invalid")
    				$("#register-passwords").addClass("form-control is-valid");
    				flagPass=true;
    			}
    		})
    		
    		$("#regbtn").click(function(){
    			if(flagName&&flagPas&&flagPass){
    				localStorage.setItem("name",name);
    				localStorage.setItem("passWord",passWord);
    				// location="login.html"
            $.post('doRegister',{'name':name,'psw':passWord,'_token':"{{ csrf_token() }}"},function(res){
              //为避免layui与bootstrap冲突
              layui.use('layer', function(){
                var layer = layui.layer;
                if(res.code>0){
                  layer.msg(res.msg,{icon:1,time:1500},function(){
                    location="login";//跳转到login页面
                  })
                  }else{
                  layer.msg(res.msg,{icon:2,time:1500});
                  }
              });
              
            })
    			}else{
    				if(!flagName){
    					$("#register-username").addClass("form-control is-invalid");
    				}
    				if(!flagPas){
    					$("#register-password").addClass("form-control is-invalid");
    				}
    				if(!flagPass){
    					$("#register-passwords").addClass("form-control is-invalid");
    				}
    			}
    		})
    	})
    </script>
  </body>
</html>

2.新建register控制器  （使用cmd进入laravel根目录--这个根目录就是安装laravel时自定义的文件名称，如果按照文档安装的laravel,那么可能是blog）

php artisan make:controller Register

在控制器的class中写入：

public function index(){
        return view('register.index');
}

3.在routes/web.php中写入：

use App\Http\Controllers\Register;
Route::get('/register',[Register::class,'index']);

此时在浏览器输入自定义域名/register可以访问register页面了。

4.点击提交后需要做的操作

    4.1 在routes/web.php中写入

Route::post('/doRegister',[Register::class,'doRegister']);

    4.2在register中写入：

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;
use App\Models\User;
class Register extends Controller
{
    //
    public function index(){
        return view('register.index');
    }
    public function doRegister(Request $request){
        //1.获取用户的数据    2.验证用户名是否已经存在  3.在model中做相应数据处理   4.返回信息

        $name=$request->post('name');
        $pwd=$request->post('psw');
        
        $messages = [
            'name.unique' => '该邮箱已注册!',
        ];
        $validator=Validator::make(request()->all(),
            ['name'=>'unique:user,email'],$messages
        );
        if($validator->fails()){
            return ['code'=>0,'msg'=>$validator->errors()->first()];
        }
        $m=new User();
        $model=$m->setUser($name,$pwd);//添加用户
        return $model;
    }
}

    4.3在models/user下面写入：记得去database文件配置数据库名字等信息。

use Illuminate\Support\Facades\Crypt;
protected $table='user';
//添加用户
    public function setUser($name,$pwd){
        //将数据存储进数据库表，并将密码加密
        $pwd=Crypt::encryptString($pwd);
        $result=$this->insert(['email'=>$name,'password'=>$pwd]);
        if($result>0){
            return ['code'=>1,'msg'=>'注册成功!'];
        }else{
            return ['code'=>0,'msg'=>'注册失败！'];
        }
    }

至此，注册功能告一段落。

php的绯闻女友
关注
专栏目录
Laravel 8 自带 auth demo（二）＞＞ 注册与登录-解析
gary0309的博客
03-23 347
Laravel 8 自带 auth 功能 demo 解析，包括注册和登录
laravel登录注册页
weixin_58710813的博客
04-28 272
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>用户注册</title> <style> .rg_layout{ width: 900px; height: 500px; margin: auto; ...
laravel-auth：Laravel 8具有用户身份验证，通过电子邮件确认进行注册，社交媒体身份验证，密码恢复和验证码保护。 使用官方的[Bootstrap 4]（http：getbootstrap.com）。 这也充分利用了用于路由的控制器，用于视图的模板，并充分利用了中间件进行路由。 该项目可以在几分钟内站起来
02-03
Laravel Auth Laravel Auth是Laravel 8的完整版本，具有电子邮件注册验证，社交身份验证，用户角色和权限，用户个人资料以及受管理员限制的用户管理系统。 建立在Bootstrap 4。 赞助 如果要快速向Laravel应用添加基于令牌的安全身份验证，请随时通过检查Auth0的Laravel SDK和免费计划。 目录 关于 Laravel 8具有用户身份验证，电子邮件确认注册，社交媒体身份验证，密码恢复和验证码保护功能。 使用官方的 。 这也充分利用了用于路由的控制器，用于视图的模板，并充分利用了中间件进行路由。 项目可以在几分钟内站起来。 产品特点 具有 4.x项目
c_laravel8：登录帐户登录
02-11
关于Laravel Laravel是一个具有表达力，优雅语法的Web应用程序框架。 我们认为，发展必须是一种令人愉悦的创造力，才能真正实现。 Laravel通过减轻许多Web项目中使用的常见任务来减轻开发工作的痛苦，例如： 。 。 用于和存储的多个后端。 直观的表达 。 数据库不可知。 。 。 Laravel易于访问，功能强大，并提供大型，强大应用程序所需的工具。 学习Laravel Laravel拥有所有现代Web应用程序框架中最广泛，最全面的和视频教程库，因此轻而易举地开始使用该框架。 如果您不想读书，可以使用帮助。 Laracasts包含1500多个视频教程，涉及各种主题，包括Laravel，现代PHP，单元测试和JavaScript。 深入我们全面的视频库，提高您的技能。 Laravel赞助商 我们要感谢以下赞助Laravel开发的赞助商。 如果您有兴趣成为赞助
Laravel博客系统开发--注册功能
Cure The World的博客
09-10 523
注册功能 1.定义注册路由 代码如下 Route::group(['prefix'=>'admin','namespace'=>'Admin'],function (){ //登录 Route::match(['get','post'],'/','Index@login'); //注册 Route::match(['get','post'],'register','Index@register'); }); 2.引入HTML模板 form表单代码如下 &l
laravel登录注册
php技术交流
07-12 482
laravel登录注册： https://blog.csdn.net/qq_57739390/article/details/117948396
Laravel8 实现注册新用户时邮箱验证
Grace_Zhong的博客
06-10 2367
Laravel 实现注册新用户时邮箱验证前期准备安装需要的组件配置数据库配置邮箱方法一：使用 MailTrap方法二：使用谷歌邮箱数据库迁移文件添加字段发送邮件到用户邮箱添加视图页面新建 SignupMail, 返回 view 中的 send-email.blade.phpRegisterController 中添加 register() 方法，使用 SignupMail点击邮箱中的链接进行验证只允许验证过的用户登录 实现注册时邮箱验证的方法有很多… 如果项目使用了 laravel 内置的 Auth 相关的
Laravel实现用户注册和登录
10-24
Laravel是一个开源的PHP Web应用框架，它遵循...本文仅涉及了Laravel实现用户注册和登录的基本知识点和步骤，实际开发中可能还需要考虑更多细节和高级特性。通过阅读本教程，读者应能够搭建起一个基本的用户认证系统。
laravel框架实现后台登录、退出功能示例
10-16
在 Laravel 框架中，实现后台登录和退出功能是一项基本任务，对于任何Web应用程序的管理界面来说都是必要的。在本示例中，我们将详细探讨如何利用 Laravel 的特性来完成这些功能。 首先，我们从登录功能开始。在 ...
Laravel文档阅读笔记-Custom Authentication Login And Registration Using Laravel 8
IT1995的博客
07-02 440
博文主要是使用Laravel8创建自定义登录和注册。使用传统简单方法创建自定义用户登录、注册、面板页面。有如下步骤：①创建Laravel应用；②连接MySQL数据库；③设置auth的Controller；④创建auth路由；⑤创建auth的blade视图文件；⑥启动Laravel服务。安装陪配置好composer后，使用下面的命令创建Laravel项目。 进入创建应用的目录。 让Laravel连接mysql数据库，打开.env配置文件，修改数据库名，用户名，密码： Laravel提供了默认的用户
laravel实现用户注册系统
little_spice的博客
07-15 1492
一.效果展示 点击注册后 数据库已经多了一条数据 二.实现过程 1.工具： phpstudy7.0或以上版本（phpstudy的配置我上篇博客讲了：https://blog.csdn.net/doubleguy/article/details/96005440） ，sublime（编辑器不强制，记事本都可以，只要能写东西） 2.来个前端（这里给主要...
Laravel 上手教程之实现用户注册和登录
weixin_34075268的博客
01-22 587
Laravel身为最优雅的PHP框架，很多学习PHP的小伙伴造就对Laravel垂涎欲滴。今天就来实现你的愿望，让我们一起从零开始，利用Laravel实现Web应用最常见的注册和登录功能！所有的课程源码已放在Github上：laravel-start. Race Start ! 首先我们来明确一下我们这个课程需要的东西： Larav...
php注册laravel,Laravel实现用户注册和登录
weixin_29095049的博客
04-09 307
Laravel身为最优雅的PHP框架，很多学习PHP的小伙伴造就对Laravel垂涎欲滴。今天就来实现你的愿望，让我们一起从零开始，利用Laravel实现Web应用最常见的注册和登录功能！所有的课程源码已放在Github上：laravel-start. Race Start !首先我们来明确一下我们这个课程需要的东西：Laravel 4.2Bootstrap 3.3Laravel就是我们关心的核心...
Laravel 自动生成验证分析：register
TROUBLE I AM IN
07-23 1449
php artisan make:auth 中的register，即注册的源码剖析。
laravel注册逻辑
gaokcl的博客
01-30 360
  &lt;?php namespace App\Http\Controllers\Admin; use App\Models\Admin\AdminUser; use App\Models\Home\Comment; use App\Models\Home\Topic; use App\Models\Home\User; use App\Models\Home\Weibo; us...
Laravel源码入门－启动引导过程（九）RegisterFacades
weixin_34341229的博客
05-20 103
2019独角兽企业重金招聘Python工程师标准>>> ...
Laravel(1) 注册重写
weixin_34107739的博客
06-16 127
配置路由 php<?php Route::controllers([ 'auth' => 'Auth\AuthController', ]); 这种路由配置方式对应的路径方式是 访问的方式+方法名 如在浏览器中使用get方式去访问register方法 那么这个路由会自动配置到这个类下面的getRegister方法。p...
Laravel 快速实现密码重置教程
"Laravel 实现密码重置功能" 在Laravel框架中，密码重置...以上就是Laravel实现密码重置功能的完整流程。Laravel通过提供开箱即用的组件，极大地简化了这一常见功能的实现，让开发者可以专注于应用的核心业务逻辑。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值