網頁程式撰寫

槪述

課程目標

結合網際網路前後端的技術，達成以下目的：

1. 與使用者溝通；
2. 管理資料、運用資料。

對學習者的叮嚀

學到掌握與運用能力，至少要一年。一定要用功，半途而廢，等於沒有學，不如一開始就不要來修課。作業要做，自己也要找書來看，做自己的筆記。

名詞、觀念、邏輯要徹底弄清楚，似懂非懂程式就會錯，只要錯一個標點，程式就不會按預期規畫動作，可能查三天三夜也查不出來。

牽涉的技術

• 前端(clint)：HTML4
  1. DOM
  2. CSS
  3. javascript
     • jQuery
  4. SVG
  5. HTML5
• 後端(SERVER)
  1. PHP
     • 物件使用
  2. MySQL
• 溝通前後端
  1. 叫出新頁
  2. ajax

參考講義

• HTML
  1. 練習
• HTTP
• PHP
• MySQL
• AJAX

各次上課內容

2016.2.1

• 說明課程內容
• 建立每位同學的修課資料夾：
  1. 後台：個人資料夾/www/php
  2. 前台：jendo.org/~○○○/php
• 檢查瀏覽器
• 檢查文字編輯器
• 檢查上下傳工具
• 檢查每個人的筆記頁
• 建立應答程式對

前端與後端溝通

• HTML/表單
• php講義
• 伺服器端
  1. form.html
  2. r.php
• 前端與後端溝通有兩個通道
  1. GET:由網址列就可傳送變數到後端
  2. POST:要從表單傳送變數
  3. REQUEST:表單、網址列皆可傳送
• 在表單加入屬性action
  1. <form action='檔案的位置'>
  2. 在上面form.html的範例裡，action='r.php'，r.php就是表單資料送出後會傳到的地方。這就是用php撰寫。
• PHP
  1. 開頭結尾:<?php........?>
  2. echo回應出表單資料，分號;為執行。
  3. echo '1:'.$_REQUEST['name1'].'
     '; 回應出前台表單name1的變數
  4. echo '2:'.$_POST['name1'].'
     '; 由表單傳送變數(POST)，回應出前台表單name1的變數
  5. echo '3:'.$_GET['name1'].'
     '; 由網址列傳送變數(GET)，回應出前台表單name1的變數
• PHP符號
  1. + 值相加
  2. - 值相減
  3. * 值相乘
  4. / 值相除
  5.  % 值相除後的餘數
  6. . 兩串文字結合
• MySQL
  1. MySQL講義
  2. MySQL是一個資料庫系統，裡面包含了數個資料表。
  3. 基本指令:
     •  ; 意為執行
     • ` 是重音符號，Grave accent。若是那個單字在MySQL辨識碼裡面有，就必須要用 ` 括起來以說明此字是我們編輯的內容。
     • insert into 表格名 values ('值1','值2',…); 照著欄序加一筆資料
     • insert into 表格名 values ('值1','值2',…),('值1','值2',…),('值1','值2',…)…; 照著欄序加很多筆的資料
     • insert into 表格名 (欄名1,欄名2,…) values ('值1','值2',…); 只對指定的欄加一筆資料
     • insert into 表格名 set 欄名1='值1',欄名2='值2',…; 只對指定的欄加一筆資料
     • select 欄名1,欄名2,… from 表格名; 找出指定欄位的全部資料
     • select * from 表格名; 找出此表格的全部欄位全部資料
     • select * from 表格名 where 欄位名稱='欄位內容'; 找出某欄位，合條件的筆數。
     • select * from 表格名 where 欄位名稱 like '09%'; 找出某欄位，內容有09的資料。%指09後面任何內容
     • update 表格名 set 欄名=欄值,欄名=欄值… [where 條件][limit 範圍]; 合條件或合範圍的所有筆數，指定欄都換成指定欄值
     • delete from 表格名 where 條件 limit 幾筆; 刪除合條件合範圍的資料