網頁程式撰寫/2017/游士賢：修訂版本之間的差異

出自六年制學程
跳轉到： 導覽、 搜尋
（→‎本學期專案：跨校選修系統）
（→‎2017.12.21）
 
（未顯示同用戶所作出之64次版本）
第 13 行： 第 13 行：
 
===2017.09.14===
 
===2017.09.14===
 
*HTML5文件指示：<!DOCTYPE html>
 
*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
−
*:老師 - 姓名、電話、E-mail、科別
+
*#老師 - 姓名、電話、E-mail
 
*權限
 
*權限
−
*:訪問者 - 觀看課程內容
+
*#訪問者 - 觀看課程內容
−
*:學生 - 觀看課程內容、選課、觀看個人修課課表
+
*#學生 - 觀看課程內容、選課、觀看個人修課課表
−
*:老師 - 填寫課程內容、選課、觀看個人開課課表、觀看修課者名單
+
*#老師 - 填寫課程內容、選課、觀看個人開課課表、觀看修課者名單
 
*功能
 
*功能
 
*#註冊  
 
*#註冊  
−
*#:學生
 
−
*#:老師
 
 
*#選課
 
*#選課
−
*#修課權限
+
*架構與進度(尚未完成)
 +
*#美工：待續
 +
*#老師
 +
*#*選課清單：開課單位(連結)、選課人數(計算)
 +
*#*編修清單：登錄者只能編輯自己的課程
 +
*#*報名名單：各門修課者名單顯示
 +
*#*課表：日曆格式嵌入，尚未抓取資料庫資料
 +
*#學生
 +
*#*選課清單：開課單位(連結)、選課人數(計算)
 +
*#*選課：尚未動工
 +
*#*課表：尚未動工
 +
*#關於我們
 +
*#*簡介：尚未動工

2017年12月21日 (四) 11:49的最新修訂版本

上課筆記

2017.09.07

  • 環境建置
    1. FileZilla
    2. EmEditor
  • 程式
    1. form.php：負責以表單跟使用者互動；並設 action 為 r.php。
    2. r.php：負責接收表單的資料，存入資料表。
  • 資考資料
    1. 講義

2017.09.14

  • HTML5文件指示：<!DOCTYPE html>
  • 標籤介紹

網站SEO 

<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>

⚓️的使用 

<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>

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 ?>
  • 字串連接運算
    1. "ab". "cd" = <?php echo "ab" . "cd" ?>
    2. 字串連接運算2: "PHP與MySQL網頁" . "程式設計" =
      <?php echo "PHP與MySQL網頁" . "程式設計" ?>

2017.09.28

  • if/eiseif用法(最常用方法) 
<?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/>";
    }
?>
  • switch/case 
<?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/>";
}
?>
  • 三元運算?: 
<?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>
?>

2017.12.14

使用者權限

所有者 群　組 公　眾
讀　取
寫　入
執　行

三者之間關係

  • constant.php - 讀取伺服器
    • 每一個各人網站連近來讀取變數及設定
  • userConstant.php - 讀取個人使用者
    • 登錄者的session放置 
<?php
ini_set('session.save_path','/volume1/homes/○○○/sessPath'); 
include_once '/volume1/web/constant.php';
?>
  • siteconstant.php - 讀取使用者的每一個各人的網站
    • 每一各個人網站的設置

2017.12.21

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

網站製作

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

本學期專案：跨校選修系統

  • 網址：連結
  • 註冊
    1. 學生 - 姓名、電話、E-mail
    2. 老師 - 姓名、電話、E-mail
  • 權限
    1. 訪問者 - 觀看課程內容
    2. 學生 - 觀看課程內容、選課、觀看個人修課課表
    3. 老師 - 填寫課程內容、選課、觀看個人開課課表、觀看修課者名單
  • 功能
    1. 註冊
    2. 選課
  • 架構與進度(尚未完成)
    1. 美工：待續
    2. 老師
      • 選課清單：開課單位(連結)、選課人數(計算)
      • 編修清單：登錄者只能編輯自己的課程
      • 報名名單：各門修課者名單顯示
      • 課表：日曆格式嵌入，尚未抓取資料庫資料
    3. 學生
      • 選課清單：開課單位(連結)、選課人數(計算)
      • 選課：尚未動工
      • 課表：尚未動工
    4. 關於我們
      • 簡介：尚未動工
取自「http://home.jendo.org/wiki1231/index.php?title=網頁程式撰寫/2017/游士賢&oldid=37274」