# Html 代碼頁面 ~~~ {extend name='/father/index' /} {block name='nave'} <nav role="navigation" class="navbar navbar-default"> <div class="container"> <div class="row"> <div class="col-sm-12" > <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse"> <span class="sr-only">切換導航</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="example-navbar-collapse"> <ul class="_menu" > <li ><a href="index.html">首頁</a></li> <li><a href="">新聞</a></li> <li><a href="">軍事</a></li> <li><a href="">娛樂</a></li> <li><a href="/login">登錄</a></li> <li class="_active"><a href="/register">注冊</a></li> </ul> </div> </div> </div> </div> </nav> {/block} {block name='left'} <div style="height:330px;width: 1200px"> <main class="col-md-3"></main> <main class="col-md-6 justify-content-center"> <form method="post" id="register" class="form-horizontal" style="padding-bottom: 50px"> <div class="card" style="padding-bottom: 20px"> <div class="card-header"> 賬號注冊 </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">賬號</label> <div class="col-sm-7"> <input type="text" name="usename" class="form-control"> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">密碼</label> <div class="col-sm-7"> <input type="password" name="password" class="form-control"> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">確認密碼</label> <div class="col-sm-7"> <input type="password" name="password_confirm" class="form-control"> </div> </div> </div> <div class="card-block"> <div class="form-group mt-4 "> <label class="col-sm-3 control-label">驗證碼</label> <div class="col-sm-7"> <div class="input-group mb-3"> <input type="text" class="form-control" name="code" placeholder="請輸入驗證碼" aria-label="Recipient's username" aria-describedby="basic-addon2"> <div class="input-group-append"> <span class="input-group-text" id="basic-addon2"> <img onclick="this.src='index/user/code?'+Math.random()" alt="點擊更換" title="點擊更換" src="index/user/code" /> </span> </div> </div> </div> </div> </div> </div> </form> <div class="text-center "> <button type="button" class="btn btn-success" id="reg">注冊賬號</button> <button type="button" class="btn btn-danger " id="ret">重新輸入</button> </div> </main> <main class="col-md-3"></main> </div> <div style="padding-bottom: 10px"></div> <script> $('#reg').click(function () { $.ajax({ type: 'post', url: "{:url('register_form')}", data: $('#register').serialize(), dataType: 'json', success: function(data){ if (data.status ==1) { $relus= swal({ text: data.message, icon: "success", button: false }); function rels() { if ($relus){ window.location.href = "{:url('index/index')}"; } } setTimeout(rels,2000) }else{ swal({ text: data.message, icon: "warning", button: false }); } } }) }) //表單清空 $('#ret').click(function () { $('#register')[0].reset(); }) </script> {/block} ~~~ 注冊登錄原理，只需要注冊的時候，在session 里面存儲一個uid，首頁判斷是否有uid ~~~ // 往數據庫里面添加用戶數據，添加成功,會返一個對象 $rule = \app\index\model\User::create($data); //同時把用戶提交數據存入session 里面 session('usename',$data['usename']); // 存儲用戶提交id，到seeion里面 session('uid',$rule['id']); return ['status'=>1,'message'=>'注冊成功']; ~~~