# 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'=>'注冊成功'];
~~~
- Tp 框架5.1安裝
- Tp 資源控制器創建跟非資源控制器
- Tp 自定義目錄
- Tp 鏈接傳參,地址欄獲取參數
- Tp ajax 異步提交數據
- Tp 模型里面指定開啟時間戳
- Tp加載驗證碼
- Tp 模版
- Tp 模版繼承
- Tp模版頁面If 條件 及session存儲 取出
- Tp 默認在模版頁面指定內容
- Tp 模版頁面獲取session
- Tp驗證器
- Tp 自定義驗證
- Thinkphp 模型驗證規則使用
- Tp 文件上傳
- Tp 實現注冊自動登錄
- Tp 編輯器
- Tp 結合 Markdown里面的editor編輯器
- Tp Marckdown 編輯模版輸出
- Tp 搜索功能
- Tp 點贊 收藏
- Tp 基本權限
- Tp 創建驗證器
- Sweetalert 彈出框 引用
- Tp 網站 開啟 關閉功能
- Tp 網站 開啟 注冊功能
- Tq QQ登錄
- Tp 郵箱注冊 驗證
- Tp 無限極分類
- Tp 路由
- Tp RBAC權限 適合于任何框架
- 創建權限模型,控制器,驗證規則
- 創建角色 控制器 模型 驗證規則
- 用戶角色設置
- 權限驗證
- Tp auth 權限
- 第一部 auth 安裝
- 第二部 創建 三張數據庫
- 第三部 創建用戶控制器
- 第四部 創建規則表
- 規則表基本操作
- 1 規則頁面加載
- 2 添加規則
- 3 編輯規則
- 4 刪除規則
- 第五部 創建用戶組
- 用戶組基本操作
- 第一步 展示用戶組首頁
- 第二步 添加用戶組
- 第三步 編輯用戶組
- 第四部 刪除用戶組
- 第六步設置權限
- 第一步 創建 模型 控制器
- 第二步 首頁顯示
- 第三部 設置用戶權限
- 第七步 執行權限認證
- 備注 附加規則原理
- Tp 數據庫
- 外鍵約束
- Tp 結合layui 上傳
- Layui 編輯器 前端展示
- Tp 模版eq
- Tp 刪除
- Tp session 處理
- Tp cache緩存方法
- Tp 后臺驗證管理員登錄
- 前臺Nav 導航
- 左邊導航
- Tp 批量刪除
- O2O
- Tp框架插入數據自帶時間戳
- Tp 結合layui 分頁
- Tp 整合百度地圖
- Tp 結合城市三級聯動
- 密碼驗證
- 團購時間
- Tp模板時間修改
- 安卓App 平臺入駐上線
- Api 接口返回
- Thinkphp 生成5.1二維碼
- 回調Api
- layui 關閉框 刷新
- Layui 監聽
- 判斷是否是pc端 手機端
- Lauyi 自動轉換時間
- Tp 增加時間
- ajax 同步 異步處理
- 彈出框
- 傳輸數據編輯
- 上傳 引用 uploadify
- js 收縮
- Tp 增加數據表
- Tp-前置鉤子
- 刪除代碼
- 適合tp5.0描述文字過長
- php 三級城市城市表帶數據
- layu結合 tp table數據數組循環
- layui 解決數據為NUll 錯誤代碼