檢視網頁程式撰寫的原始碼

[[分類:選修與社團]]
==槪述==
===課程目標===
結合網際網路前後端的技術，達成以下目的：
#與使用者溝通；
#管理資料、運用資料。
===對學習者的叮嚀===
學到掌握與運用能力，至少要一年。一定要用功，半途而廢，等於沒有學，不如一開始就不要來修課。作業要做，自己也要找書來看，做自己的筆記。

名詞、觀念、邏輯要徹底弄清楚，似懂非懂程式就會錯，只要錯一個標點，程式就不會按預期規畫動作，可能查三天三夜也查不出來。
===牽涉的技術===
*前端(clint)：HTML4
*#DOM
*#CSS
*#javascript
*#*jQuery
*#SVG
*#HTML5
*後端(SERVER)
*#PHP
*#*物件使用
*#MySQL
*溝通前後端
*#叫出新頁
*#ajax
===參考講義===
*[http://jendo.org/files/doc/DEMO html]
*[http://jendo.org/files/doc/php.html PHP]
*[http://jendo.org/files/doc/MySQL.html MySQL]
*[http://jendo.org/files/doc/ajax.html AJAX]
==各次上課內容==
===2016.2.1===
*說明課程內容
*建立每位同學的修課資料夾：
*#後台：個人資料夾/www/php
*#前台：jendo.org/~○○○/php
*檢查瀏覽器
*檢查文字編輯器
*檢查上下傳工具
*檢查每個人的筆記頁
*建立應答程式對

==前端與後端溝通==
*[[HTML/表單]]
*[http://jendo.org/files/doc/php.html php講義]
*伺服器端
*#form.html
*#r.php
*前端與後端溝通有兩個通道
*#GET:由網址列就可傳送變數到後端
*#POST:要從表單傳送變數
*#REQUEST:表單、網址列皆可傳送
*在表單加入屬性action
*#<form action='檔案的位置'>
*#在上面form.html的範例裡，action='r.php'，r.php就是表單資料送出後會傳到的地方。這就是用php撰寫。
*PHP
*#開頭結尾:<?php........?>
*#echo回應出表單資料，分號;為執行。
*#echo '1:'.$_REQUEST['name1'].'<br/>'; 回應出前台表單name1的變數
*#echo '2:'.$_POST['name1'].'<br/>'; 由表單傳送變數(POST)，回應出前台表單name1的變數
*#echo '3:'.$_GET['name1'].'<br/>'; 由網址列傳送變數(GET)，回應出前台表單name1的變數
*PHP符號
*# + 值相加
*# - 值相減
*# * 值相乘
*# / 值相除
*# % 值相除後的餘數
*# . 兩串文字結合
*MySQL
*#[http://jendo.org/files/doc/MySQL.html MySQL講義]
*#MySQL是一個資料庫系統，裡面包含了數個資料表。
*#基本指令:
*#* ; 意為執行
*#* ` 是重音符號，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 幾筆;  刪除合條件合範圍的資料