利用Go語言初步搭建一個web應用的教程

 　　這篇文章主要介紹了利用Go語言初步搭建一個web應用的教程,由於很多國人盲目迷信谷歌,導致Go語言在國內的人氣遠超國外...需要的朋友可以參考下

　　1.Abstract

　　在學習web開發的過程中會遇到很多困難，因此寫了一篇類似綜述類的文章。作為路線圖從web開發要素的index出發來介紹golang開發的學習流程以及Example代碼。

　　在描述中多是使用代碼來描述使用方法不會做過多的說明。最後可以方便的copy代碼來實現自己的需求。

　　本文適應對象：

　　對web開發有一定經驗的人

　　能夠靈活使用ajax的人(至少懂得前後分離)

　　golang web 開發有一定了解，至少略讀過一些golang web開發的書籍

　　看完本文之後您會收獲：

　　golang web開發的一些技巧

　　golang web開發的一些實用API

　　本文在描述的時候為了解釋盡量詳細，已經把解釋寫到代碼注釋中。

　　2.golang web 開發check list

　　略過的部分：基本流程控制，OOP等基礎語法知識。

　　3.路由器

　　路由器是整個網站對外的靈魂，如果路由做的不好URL會非常惡心。所以這部分設計成第一個要說的內容。

　　路由分兩種一種是手動路由為了通過tul調度固定的功能，另外一點就是資源的獲取，通過url的分析來模仿靜態頁的方式來獲取資源(類似get)

　　自動路由，主要使用OOP的COMMAND模式來實現。所有功能使用post，統一入口，方便權限管理，安全管理，跨域管理。但是如此強大的功能還是交給框架來做吧。這裡就不給新手做參考了。

　　3.1手動路由

　　 代碼如下:

　　package main

　　import (

　　"log"

　　"net/http"

　　)

　　func main() {

　　RouterBinding() // 路由綁定函數

　　err := http.ListenAndServe(":9090", nil) //設置監聽的端口

　　if err != nil {

　　log.Fatal("ListenAndServe: ", err)

　　}

　　}

　　在httpserver運行之前先綁定路由

　　3.2 手動路由的綁定

　　3.2.1 靜態文件

　　代碼如下:

　　http.Handle("/pages/", http.StripPrefix("/pages/", http.FileServer(http.Dir("./pages"))))

　　3.2.2 固定函數與資源獲取

　　他們都是一樣的

　　代碼如下:

　　http.HandleFunc("/images/", fileUpload.DownloadPictureAction)

　　4.頁面加載

　　4.1 純靜態頁(HTML)

　　直接交給路由就行了。自動就訪問那個文件夾了。不過生產環境果然還得是cdn，如果自己服務器比較多。可以nginx反向代理。

　　主要好處前後分離，能上CDN就是通訊次數多了。不過通過優化改善之類的都還ok啦。

　　4.2 模板頁面的加載

　　 代碼如下:

　　commonPage, err := template.ParseFiles("pages/common/head.gtpl", //加載模板

　　"pages/common/navbar.gtpl", "pages/common/tail.gtpl")

　　if err != nil {

　　panic(err.Error())

　　}

　　navArgs := map[string]string{"Home": "home", "User": "yupengfei"}//復雜的參數開始往裡塞

　　knowledgePage, err := template.ParseFiles("pages/knowledge/knowledge.gtpl")

　　knowledgeArgs := map[string]interface{}{"Head": "This is a test title",

　　"Author": "kun.wang", "PublishDatetime": "2014-09-14",

　　"Content": template.HTML("

為什麼要用語義呢?

")}//不是不好，只是做字符串分析會影響工程效率

 

　　commonPage.ExecuteTemplate(w, "header", nil)// render 開始

　　commonPage.ExecuteTemplate(w, "navbar", navArgs)

　　knowledgePage.ExecuteTemplate(w, "knowledge", knowledgeArgs)

　　commonPage.ExecuteTemplate(w, "tail", nil)

　　僅提供關鍵代碼。

　　其他的都還挺好，就是頁面渲染用服務器是不是有點太奢侈了。

　　字符串數組作為輸入參數差錯比較困難

　　總結：雖然減少的通訊次數，但是沒辦法上CDN蛋疼，另外，模板的mapping蛋疼。

　　5.表示層腳本

　　表示層腳本做的比較困難也不是很好學。但是一旦搞定了，代碼的復用性會有非常可觀的提升。

　　就普通情況而言JS開發效率是非常高的靈活度高，並且使用的是客戶端的cpu性能好，免費資源多，學習的人也多，好招聘。

　　5.1 require.js

　　5.1.1 加載

　　 代碼如下:

　　

　　整個網頁之留這麼一個加載腳本的入口(每個頁面最好只有一個js文件)

　　好處

　　js是延遲加載。不會出現網頁卡死的情況

　　最大化使用緩存。(HTTP 304)

　　一個網頁只用一個js

　　dom事件綁定，不用在html控件上寫js綁定了

　　壞處

　　學習比較難

　　網站更新始終有緩存沒更新的浏覽器。造成錯誤(所以有些情況客戶自己就知道多刷新幾次了，已經成用戶習慣了)

　　參數解釋

　　`data-main` 業務邏輯入口，載入當前字符串.js這個文件

　　`language` 不解釋

　　`defer async` 字面意思

　　`src` r.js就是require.js的意思。代碼到處都能搞到。

　　5.1.2 頁面Business

　　加載依賴文件

　　 代碼如下:

　　require.baseUrl = "/"

　　require.config({

　　baseUrl: require.baseUrl,

　　paths: {

　　"jquery": "js/jquery-1.10.2.min",

　　"domready" : "reqmod/domReady",

　　"pm" : "reqmod/pmodal",

　　"cookie":"reqmod/cookie",

　　"user":"reqmod/user",

　　"bootstrap": "reqmod/bootstrap.min",

　　"nav":"reqmod/nav"

　　},

　　shim: {

　　'bootstrap': {

　　deps: ['jquery']

　　}

　　}

　　});

　　//直接copy全搞定。

　　執行頁面business

　　執行裡面做的最多的就是dom跟事件綁定而已。加載各種js庫直接引用。

　　代碼美觀，開發效率，執行效率都是非常棒的。

　　 代碼如下:

　　require(['nav','domready', 'jquery', 'user','pm'], function (nav,doc, $, user,pm){

　　//這個函數的第一個`數組`參數是選擇的依賴的模塊。1. 網站絕對路徑。 2. 使用加載依賴模塊的時候選擇export的內容

　　//數組的順序要跟function順序一致，如果有兩個模塊依賴比如說jquery插件，就寫道最後不用變量，直接使用`$`

　　doc(function () { // domReady

　　pm.load();//加載各種插件HTML模板之類的都ok

　　$('#btn_login')[0].onclick = function(){user.login();}//button 事件綁定

　　});

　　});

　　頁面MODEL

　　 代碼如下:

　　define(['jquery','reqmod/cookie','user','bootstrap'],function ($,cookie,user){

　　//define 函數的參數內容require是一樣的。

　　// 這裡依賴的模塊要在調用此模塊中的模塊中有path配置。不然會死的很慘，報錯的時候不會說缺少什麼什麼地方錯了。

　　var nav_load = function () { // 注意函數定義的方式copy就行

　　$.get('/nav.html', function(result){

　　var newNode = document.createElement("div");

　　newNode.innerHTML = result;

　　$('body')[0].insertBefore(newNode,$('body')[0].firstChild);

　　//document.body.innerHTML = result + document.body.innerHTML;

　　$('#btn_login')[0].onclick = function(){user.login();}

　　$('#btn_reg')[0].onclick = function(){window.location='/register.html'}

　　$.post('/login_check',{},function(data){

　　if(data==0){

　　Form_login.style.display=""

　　}

　　else{

　　form_userInfo.style.display=""

　　}

　　})

　　});

　　}

　　return {//這裡類似微型路由。非常靈活，非常方便

　　load :nav_load

　　};

　　});

　　5.2 JQuery

　　JQ的功能只要require.js引用了之後基本上都是一樣的。

　　如果有需要可以到w3school上學習一下。

　　6.業務層

　　Post分析

　　代碼如下:

　　func XXXAction(w http.ResponseWriter, r *http.Request) {

　　r.parseForm() //有這個才能獲取參數

　　r.Form["Email"] // 獲取Email 參數(String)