上一篇我介紹了http協議及網絡原理。對網絡開發有了一定的基礎,接下來要介紹開發語言與開發工具。
開發語言
所謂前臺就是網頁顯示的內容和邏輯控制。網頁內容一般用html和css編寫,邏輯控制一般用javascript編寫。
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言,而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
CSS 概述
- CSS 指層疊樣式表 (Cascading Style Sheets)
- 樣式定義如何顯示 HTML 元素
- 樣式通常存儲在樣式表中
- 把樣式添加到 HTML 4.0 中,是爲了解決內容與表現分離的問題
- 外部樣式表可以極大提高工作效率
- 外部樣式表通常存儲在 CSS 文件中
- 多個樣式定義可層疊爲一
JavaScript 是腳本語言
JavaScript 是一種輕量級的編程語言。
JavaScript 是可插入 HTML 頁面的編程代碼。
JavaScript 插入 HTML 頁面後,可由所有的現代瀏覽器執行。
以上是簡介,沒有學過的可以去w3school 在線教程 自學一下。
總之,前端即網頁呈現出來的內容是用html+css+javascript編寫的。
所謂後臺,前端提供了一個內容展示的框架,如果是靜態網頁,即把數據寫死在html文件裏面,只有展示的功能,沒有任何與服務器後臺交互的功能.也就是說網頁類型有兩種,一種叫做靜態網頁,一種叫動態網頁。
靜態網頁只需要使用純html編寫。(現在除了某些政府網站是靜態的,基本不會出現靜態的網頁)
而動態網頁要結合服務器端的腳本語言編寫,實現內容動態化。
現在來說說後臺與前端是怎麼交互的。
首先是要明白,html語言是在瀏覽器上執行,而後臺腳本語言是在服務器端執行的。
後臺腳本語言有jsp,asp,php。具體谷歌一下。
我自己用的是php,這個有利於開發中小型網站。
在開發前先要自學php,一個初步的概念就是,服務器腳本語言是用來處理客戶端發送過來的請求包括數據的,然後執行數據庫的操作,例如說增刪改查。然後返回相應的數據和html文件給客戶端。一般是處理get和post的請求。
這裏要解釋一下動態網頁的原理.首先,瀏覽器接收和識別html代碼,而不會識別服務器腳本語言.所以所有的後臺語言都在服務器上工作.他們接收請求,根據請求從數據庫裏面查找請求的內容,然後輸出(就是直接echo打印出來),然後打印出來的html代碼就會返回給瀏覽器.舉個例子
瀏覽器訪問:"index.html"
服務器接收請求,發現這是一個靜態網頁,不需要動態處理,直接返回這個文件給瀏覽器.
瀏覽器訪問:"index.php"
服務器接收請求,發現這是一個腳本,然後它會調用腳本解釋器執行這個腳本,腳本執行完之後可能會輸出一段html代碼,服務器就會把這段html代碼返回給瀏覽器.
此外,html代碼和php代碼是可以混編的.
index.php
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<body>
<?php
echo "我的第一段 PHP 腳本!";//當這個腳本被訪問時,服務器會執行php代碼,然後把輸出結果返回給瀏覽器
?>
</body>
</html></span>
返回給瀏覽器的結果如下:
<span style="font-size:18px;"><!DOCTYPE html>
<html>
<body>
我的第一段 PHP 腳本!
</body>
</html></span>
開發工具
每種腳本語言都有相應的服務器環境,例如說php+MySQL+Apache+Linux(windows)
Linux是操作系統,在服務器上運行很穩定的系統。
MySQL是一種免費的數據庫。用於快速存儲讀取數據。
Apache是一個開放源碼的網頁服務器。簡單理解就是要用於網絡訪問的服務器需要安裝Apache來接受客戶端的請求並且返回相應的文件。如果你的個人電腦安裝了Apache,同樣可以作爲服務器被人訪問,我們在本地開發的時候就是在電腦裏搭建這個環境,進行調試。
在 Windows 下安裝 WAMP(Apache、MySQL、PHP)詳細圖文教程
搭建環境過程很麻煩,會出現各種莫名其妙的錯誤,需要耐心谷歌求解。這也是web開發的第一步。
搭建完環境之後可以先熟悉一下php的一些操作。下一篇進入正題,手機論壇開發的功能設計及需求分析