哈！伸港創作者！哈: 紀明村老師運動檢錄系統程式碼研究心得(二)登入login登出logout與使用者認證

整理：
1.只要會用滑鼠點兩下，用shell 在 ubuntu 16.04 x64 桌面版本快速安裝運動檢錄系統
 https://skjhcreator.blogspot.com/2021/03/shell-ubuntu-1604-x64.html
2.紀明村老師運動會競賽檢錄系統更新模組_學生帳號管理模組
 https://skjhcreator.blogspot.com/2021/03/blog-post.html
3.二林國小紀明村老師的二林網管 PDO + SQLite 程式寫作工具箱2014.07
https://skjhcreator.blogspot.com/2021/03/pdo-sqlite-201407.html
4.用shell 在CentOS 7 minimal 64位元安裝紀明村老師的運動會檢錄系統
 https://skjhcreator.blogspot.com/2021/02/shell-centos-7-minimal-64.html
5.紀明村老師的運動檢錄系統程式碼研究心得(一)介接CloudSchool與mysql資料庫
 https://skjhcreator.blogspot.com/2021/03/cloudschoolmysql.html
6.紀明村老師運動檢錄系統程式碼研究心得(二)登入login登出logout與使用者認證
 https://skjhcreator.blogspot.com/2021/02/loginlogout.html
7.紀明村老師運動檢錄系統程式碼研究心得(三)smarty
https://skjhcreator.blogspot.com/2021/02/smarty.html

20210131

第二次看紀老師的程式，才終於懂了。這一次看了3天，總看著login.php。卻忘了要從index.php開始看。才知道要從index.php來看，並將之畫成上圖。也才懂了，為什麼原先的login.php.html裡，要將form action到{{$smarty.server.SCRIPT_NAME}}？

而這個{{$smarty.server.SCRIPT_NAME}}就是"包含當前腳本的路徑"，其意義就是index.php。

20210120

寫在前頭。老實說，要寫出這篇，自己完全不知道要從何開始。只能從這個檔案login.php.html開始寫起。

檔案名稱：login.php.html

檔案內容：

<br>

<form action='{{$smarty.server.SCRIPT_NAME}}'

method='post' name='f1' autocomplete='off'>

</a>

</td>

</td>

</tr>

<font color="#FF0000">*</font>帳號:

</td>

<input type='text' name='user' value='' size=10

placeholder="教育處 Gsuite 帳號">@chc.edu.tw

</td>

</tr>

<font color="#FF0000">*</font>密碼:

</td>

<td>

<input type='password' name='pass' value='' size=16

placeholder="學籍系統/OpenID 密碼">

</td>

</tr>

<font color="#FF0000">*</font>驗證碼:

</td>

<td>

<img src="pass_img.php" border="0" name="pimg"

onclick="this.src='pass_img.php?'+ Math.random();">

<br>

<label>

<input type="radio" name="kind" value="G" checked>GSuite登入

</label>

<label>

<input type="radio" name="kind" value="L">本機登入

</label>

</td>

</tr>

<tr>

<input type='hidden' name='token' value='{{$this->token}}'>

<input type='button' class="button" value='-=系統登入=-'

onclick="if( window.confirm('確定登入？確定？')){

f1_sumit();

style='font-size:20px;

background-color:#FFFFFF;

border:2px #003C9D solid;'>

</td>

</tr>

</table>

</form>

function f1_sumit() {

var U=f1.user.value;

var P=f1.pass.value;

var C=f1.CHK.value;

if ( U=='' || P=='' || C=='') {

alert('請輸入帳號密碼！');

return ;

}

f1.form_act.value='login';

f1.submit();

}

</script>

這時發現共有三個資料要填寫，分別是帳號:、密碼:、驗證碼:。其中帳號亦還有分成兩種，本地端與彰化Gsuite兩種。

現在我們將其縮減只剩下彰化Gsuite帳號、密碼與Smarty，並移除背景、圖片、字型。讓程式碼變得簡單，好讓我們看清楚整個架構。

檔案名稱：login.html

檔案內容：

<html>

<head>

content='text/html; charset=UTF-8'>

<title>login與logout</title>

</head>

<body>

<form action='{{$smarty.server.SCRIPT_NAME}}'

method='post' name='f1' autocomplete='off'>

<tr>

</td>

</td>

</tr>

<tr>

帳號:

</td>

<input type='text' name='user' value=''

size=10 placeholder="教育處 Gsuite 帳號">@chc.edu.tw

</td>

</tr>

<tr>

密碼:

</td>

<td>

<input type='password' name='pass' value=''

size=16 placeholder="學籍系統/OpenID 密碼">

</td>

</tr>

<tr>

</td>

<td>

<label>

<input type="radio" name="kind" value="G" checked>GSuite登入

</label>

</td>

</tr>

<tr>

<input type='button' class="button" value='-=系統登入=-'

onclick="

if( window.confirm('確定登入？確定？')){

f1_sumit();

}" >

</td>

</tr>

</table>

</form>

function f1_sumit() {

var U=f1.user.value;

var P=f1.pass.value;

if ( U=='' || P=='' ) {

alert('請輸入帳號密碼！');return ;

}

f1.form_act.value='login';

f1.submit();

}

</script>

<br>

Script By 二林網管 PDO + SQLite 程式寫作工具箱2020.01

</div>

</body>

</html>

呈現在網頁的樣子

接下來，配合login.html來修改login.php。

檔案名稱：login.php

檔案內容：

資料來源：

1.紀明村老師運動檢錄系統程式碼研究心得(一)關於介接CloudSchool與mysql資料庫

2.PHP Session 使用範例說明

3.fis框架smarty语法总结（二）—— 系统函数

哈！伸港創作者！哈

標籤

2021年2月21日星期日

紀明村老師運動檢錄系統程式碼研究心得(二)登入login登出logout與使用者認證

沒有留言:

張貼留言

只要點兩下，傳統右鍵選單改回Win11右鍵選單

標籤

2021年2月21日 星期日

紀明村老師運動檢錄系統程式碼研究心得(二)登入login登出logout與使用者認證

沒有留言:

張貼留言

只要點兩下，傳統右鍵選單改回Win11右鍵選單

2021年2月21日星期日