http://www.jendo.org/wiki1231/index.php?action=history&feed=atom&title=%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E6%92%B0%E5%AF%AB%2F%E6%9F%AF%E6%99%BA%E6%87%B7 網頁程式撰寫/柯智懷 - 修訂歷史 2026-04-11T04:50:58Z 本 Wiki 上此頁面的修訂歷史 MediaWiki 1.35.14 http://www.jendo.org/wiki1231/index.php?title=%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E6%92%B0%E5%AF%AB/%E6%9F%AF%E6%99%BA%E6%87%B7&diff=18570&oldid=prev 柯智懷：​/* 前台 */ 2016-02-15T05:36:48Z <p><span dir="auto"><span class="autocomment">前台</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2016年2月15日 (一) 05:36 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >第1行：</td> <td colspan="2" class="diff-lineno">第1行：</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==名詞==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>==名詞==</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===前台===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===前台===</div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*<del class="diffchange diffchange-inline">前台：客戶端終端機。</del></div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*<ins class="diffchange diffchange-inline">前台：客戶端(client)。</ins></div></td></tr> <tr><td class='diff-marker'>−</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>*HTML(Hyper Text Markup <del class="diffchange diffchange-inline">Languege</del>)：超文字標記語言，網際網路通用的前台設計語言。</div></td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>*HTML(Hyper Text Markup <ins class="diffchange diffchange-inline">Language</ins>)：超文字標記語言，網際網路通用的前台設計語言。</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*DOM(Document Object Model)：文件－物件模型，前台運作的標準物件導向模型。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*DOM(Document Object Model)：文件－物件模型，前台運作的標準物件導向模型。</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*CSS(Cascading Style Sheets)：層疊樣式表，可重複利用的HTML樣式屬性模組。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*CSS(Cascading Style Sheets)：層疊樣式表，可重複利用的HTML樣式屬性模組。</div></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8" >第8行：</td> <td colspan="2" class="diff-lineno">第8行：</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*jQuery：目前最龐大的第三方JavaScript函式庫。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*jQuery：目前最龐大的第三方JavaScript函式庫。</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*AJAX(Asynchronous JavaScript and XML)：非同步JavaScript與XML，在同一XML/HTML頁面下由JavaScript與後台溝通，回傳前台的技術。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*AJAX(Asynchronous JavaScript and XML)：非同步JavaScript與XML，在同一XML/HTML頁面下由JavaScript與後台溝通，回傳前台的技術。</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===後台===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===後台===</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*後台：伺服器。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*後台：伺服器。</div></td></tr> </table> 柯智懷 http://www.jendo.org/wiki1231/index.php?title=%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E6%92%B0%E5%AF%AB/%E6%9F%AF%E6%99%BA%E6%87%B7&diff=18254&oldid=prev 柯智懷：​/* PHP */ 2016-02-01T07:51:47Z <p><span dir="auto"><span class="autocomment">PHP</span></span></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="zh-Hant-TW"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">←上個修訂</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">於 2016年2月1日 (一) 07:51 的修訂</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l27" >第27行：</td> <td colspan="2" class="diff-lineno">第27行：</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**&lt;meta http-equiv=&#039;content-type&#039; content=&#039;text/html;charset=UTF-8 /&gt;：宣告文件為一個有文字的HTML檔案，編碼設為UTF-8。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**&lt;meta http-equiv=&#039;content-type&#039; content=&#039;text/html;charset=UTF-8 /&gt;：宣告文件為一個有文字的HTML檔案，編碼設為UTF-8。</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===PHP===</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>===PHP===</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*&lt;?php?&gt;：開始與結束PHP區段的標籤。</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*echo：送出、回音。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*echo：送出、回音。</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**echo $_REQUEST[&#039;變數名&#039;];：接收並反饋變數內容。</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>**echo $_REQUEST[&#039;變數名&#039;];：接收並反饋變數內容。</div></td></tr> <!-- diff cache key wiki1231:diff::1.12:old-18252:rev-18254 --> </table> 柯智懷 http://www.jendo.org/wiki1231/index.php?title=%E7%B6%B2%E9%A0%81%E7%A8%8B%E5%BC%8F%E6%92%B0%E5%AF%AB/%E6%9F%AF%E6%99%BA%E6%87%B7&diff=18252&oldid=prev 柯智懷：​新頁面: ==名詞== ===前台=== *前台：客戶端終端機。 *HTML(Hyper Text Markup Languege)：超文字標記語言，網際網路通用的前台設計語言。 *DOM(Document Object Mode... 2016-02-01T07:47:08Z <p>新頁面: ==名詞== ===前台=== *前台：客戶端終端機。 *HTML(Hyper Text Markup Languege)：超文字標記語言，網際網路通用的前台設計語言。 *DOM(Document Object Mode...</p> <p><b>新頁面</b></p><div>==名詞==<br /> ===前台===<br /> *前台：客戶端終端機。<br /> *HTML(Hyper Text Markup Languege)：超文字標記語言，網際網路通用的前台設計語言。<br /> *DOM(Document Object Model)：文件－物件模型，前台運作的標準物件導向模型。<br /> *CSS(Cascading Style Sheets)：層疊樣式表，可重複利用的HTML樣式屬性模組。<br /> *JavaScript：一種嵌入式的框架語言。<br /> *jQuery：目前最龐大的第三方JavaScript函式庫。<br /> *AJAX(Asynchronous JavaScript and XML)：非同步JavaScript與XML，在同一XML/HTML頁面下由JavaScript與後台溝通，回傳前台的技術。<br /> ===後台===<br /> *後台：伺服器。<br /> *ASP(Active Server Pages)：動態伺服器網頁，微軟所開發的後台命令執行平台，於微軟平台上能達到最高運作效能。<br /> *JSP(Java Server Pages)：Java伺服器網頁，與Java配套的後台命令執行平台，安全性與商業性較高，業界常用。<br /> *PHP(PHP Hypertext Preprocessor)：PHP超文件預處理器，開放原始碼，獨立發者最廣泛使用的後台語言。<br /> ===其他===<br /> *Java：一種半開放的框架程式語言。<br /> ==註解==<br /> *較完整的伺服器技術組合：Linux作業系統+Apache伺服+PHP後台+MySQL資料庫。<br /> *PHP程式中每一行都由命令、資料、執行所組成，結尾必須鍵入分號。<br /> ==語法==<br /> ===HTML===<br /> *&lt;form&gt;：創建表單<br /> **&lt;input type=&#039;text&#039; name=&#039;變數名&#039; value=&#039;預設應答&#039; /&gt;：創建文字方格。<br /> **&lt;input type=&#039;submit&#039; value=&#039;按鈕標籤&#039; /&gt;：創建上傳按鈕。<br /> **&lt;form acton=&#039;接收端&#039;&gt;：指定變數的後台接收端文件。<br /> *&lt;meta&gt;：宣告文件的根本屬性。<br /> **&lt;meta http-equiv=&#039;content-type&#039; content=&#039;text/html;charset=UTF-8 /&gt;：宣告文件為一個有文字的HTML檔案，編碼設為UTF-8。<br /> ===PHP===<br /> *echo：送出、回音。<br /> **echo $_REQUEST[&#039;變數名&#039;];：接收並反饋變數內容。<br /> *.：半形一般圓點，PHP連接號。<br /> *mysql_query(&quot;insert into 表單 set 欄=內容&quot;);：在指定表單指定欄中插入資料。<br /> *mysql_query(&quot;update 表單 set 欄=內容 where 列=內容&quot;);：替換指定表單指定欄指定列的窗格中的資料。<br /> *$connect=mysql_connect(&#039;主機&#039;,&#039;帳號&#039;,&#039;密碼&#039;);：以預設100台客戶端為連線上限對指定資料庫進行連結。<br /> *mysql_close($connect); ：使用完畢後將客戶端退出占用連線上限空缺。</div> 柯智懷