檢視網頁程式撰寫/2017/游士賢的原始碼

[[分類:網頁程式撰寫]]
==上課筆記==
===2017.09.07===
*環境建置
*#[https://filezilla-project.org/download.php?type=client FileZilla]
*#[http://jendo.org/files/tools/EmEditor.zip EmEditor]
*程式
*#form.php：負責以表單跟使用者互動；並設 action 為 r.php。
*#r.php：負責接收表單的資料，存入資料表。
*資考資料
*#[http://jendo.org/wiki1231/index.php?title=%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E6%92%B0%E5%AF%AB/2017 講義]

===2017.09.14===
*HTML5文件指示：<!DOCTYPE html>
*標籤介紹
網站SEO
<pre>
<head>
<meta name="description" content="Head元素"/>
<meta name="keywords" content="HTML,CSS,JavaScript"/> //關鍵字收尋
<meta name="author" content="陳會安"/>
<meta charset="utf-8"/>
<title>Ch3_1_3.html</title>
</head>
</pre>
⚓️的使用
<pre>
<body>
<h3>名詞索引</h3>
<a href="#html">HTML</a><br/> //定位html
<a href="#php">PHP</a><br/> //定位php
<hr/>
<h3 id="html">HTML</h3>  //被定位點
<p>OOO</p>
<hr/>
<h3 id="php">PHP</h3>  //被定位點 
<p>XXX</p>
</body>
</pre>

===2017.09.21===
*腳本
*:演算｜資料｜執行
*註解方式
*:單行註解：//(真正的註解)、#(抑制執行)
*:多行註解：/* */
*連接符號(.)
*實字
*:整數：123 (應用於運算式) - 123+456=579
*:字串：'123'  - '123'+'456'='123456'
*:浮點數：12.3｜12.32
*:布林數：ture (或>0)｜false (0=null)
*:=派值
*:==等於 - 123='123'
*:===完全相同 (值同、型別也相同)
*布林值
*:And運算: $a & $c = <?php echo $a & $c ?>
*:Xor運算: $a ^ $b = <?php echo $a ^ $b ?>
*:Or運算: $a | $b = <?php echo $a | $b ?>
*:Not運算 :  ~$a = <?php echo ~$a ?>
*字串連接運算
*#"ab". "cd" = <?php echo "ab" . "cd" ?><br/>
*#字串連接運算2: "PHP與MySQL網頁" . "程式設計" = 
*#:<?php echo "PHP與MySQL網頁" . "程式設計" ?><br/>

===2017.09.28===
*if/eiseif用法<font color="red">(最常用方法)</font>
<pre>
<?php 
$grade = 85;  // 指定變數值
echo "學生成績: $grade 分<br/>";
// if/elseif條件敘述
    if ( $grade >= 80 ) 
    {
        print "甲等!<br/>";
    }
    elseif ( $grade >= 70 ) 
    {
	print "乙等!<br/>";
    }
    elseif ( $grade >= 60 ) 
    {
	print "丙等!<br/>";
    }
    else 
    {
	print "丁等!<br/>";
    }
?>
</pre>
*switch/case
<pre>
<?php 
$GPA = 'B';  // 指定變數值
echo "學生成績: $GPA<br/>";
switch ( $GPA ) { // switdh條件敘述
   case 'A':
      print "學生成績超過80<br/>";
      break; <font color="red">跳到程式最後</font>
   case 'B':
      print "學生成績超過70,低於80<br/>";
      break;
   case 'C':
      print "學生成績超過60,低於70<br/>";
      break;
   default:
      print "學生成績不及格<br/>";
}
?>
</pre>
*三元運算?:
<pre>
<?php
// 指定變數值
$hour = 18;
// 條件敘述運算子
$str = ($hour >= 12) ? " PM" : " AM"; <font color="red">//大於12顯示PM，小於12顯示AM</font>
$hour = ($hour >= 12) ? $hour-12 : $hour; <font color="red">//大於12顯示X-12，小於12顯X</font>
print "目前時間為: " . $hour . $str;
// 條件敘述運算子(改寫成一行)<br/>
<font color="red">print "目前時間為:".(($hour >= 12)?$hour-12:$hour).(($hour >= 12)?"PM":"AM");</font>
?>
</pre>

===2017.12.14===
====使用者權限====
<table class=nicetable>
<tr>
  <th align=center style='width:12.5%'></th>
  <th align=center style='width:12.5%'>所有者</th>
  <th align=center style='width:12.5%'>群　組</th>
  <th align=center style='width:12.5%'>公　眾</th>
</tr>

<tr>
  <th>讀　取</th><th></th><th></th><th></th>
</tr>

<tr>
  <th>寫　入</th><th></th><th></th><th></th>
</tr>

<tr>
  <th>執　行</th><th></th><th></th><th></th>
</tr>
</table>

====三者之間關係====
*constant.php - <font color="red">讀取</font>伺服器
**每一個各人網站連近來讀取變數及設定
*userConstant.php - <font color="red">讀取</font>個人使用者
**登錄者的session放置
<pre>
&lt;?php
ini_set('session.save_path','/volume1/homes/○○○/sessPath'); 
include_once '/volume1/web/constant.php';
?&gt;</pre>
*siteconstant.php - <font color="red">讀取</font>使用者的每一個各人的網站
**每一各個人網站的設置

===2017.12.21===
#程式整理
#*外觀相關程式整理
#*#theme.php：網站框架
#*#style.css：網站外觀
#*基本功能相關程式整理
#*#upload
#*#*images：圖片上傳檔案位置
#*#*showImages.php：圖片顯示功能
#*#*fileUpload.php：圖片上傳功能
#*#preparation
#*#*editWebContent.php：網頁內容編輯功能
#*類別定義相關程式整理
#*擴充功能(日後解說)
#https wiki 映射與 http wiki 映射
#上傳程式配置
#類別定義說明

==網站製作==
*兩張圖
*#可畫字
*#banner用
*兩個CSS
*#整體外觀
*#導航列動作
*一張導航列背景圖
*theme.php：$html1、$html2
*siteConstant.php
*DB -> login -> etable
*:login：繼承 DB，更多「查資料表」、「看工作程式」、「有無權限」
*:etable：繼承 DB &login，更多「多樣互動」：表格、月曆、文章、文句

==本學期專案：跨校選修系統==
*網址：[http://6years.jendo.org/~游士賢/class/ 連結]
*註冊
*#學生 - 姓名、電話、E-mail
*#老師 - 姓名、電話、E-mail
*權限
*#訪問者 - 觀看課程內容
*#學生 - 觀看課程內容、選課、觀看個人修課課表
*#老師 - 填寫課程內容、選課、觀看個人開課課表、觀看修課者名單
*功能
*#註冊 
*#選課
*架構與進度(尚未完成)
*#美工：待續
*#老師
*#*選課清單：開課單位(連結)、選課人數(計算)
*#*編修清單：登錄者只能編輯自己的課程
*#*報名名單：各門修課者名單顯示
*#*課表：日曆格式嵌入，尚未抓取資料庫資料
*#學生
*#*選課清單：開課單位(連結)、選課人數(計算)
*#*選課：尚未動工
*#*課表：尚未動工
*#關於我們
*#*簡介：尚未動工