網站開發-php開發手機論壇(3)-開發語言及開發工具介紹

上一篇我介紹了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)詳細圖文教程

ubuntu 搭建php本地開發環境

搭建環境過程很麻煩,會出現各種莫名其妙的錯誤,需要耐心谷歌求解。這也是web開發的第一步。

搭建完環境之後可以先熟悉一下php的一些操作。下一篇進入正題,手機論壇開發的功能設計及需求分析



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章