網頁程式撰寫/2017/游士賢

出自六年制學程
跳轉到： 導覽、 搜尋

上課筆記

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://jendo.org/wiki1231/index.php?title=網頁程式撰寫/2017/游士賢&oldid=37274」