我們從來都不開發代碼，我們隻是代碼的搬運工。— 阿飛 希望大家都變卡卡西。 — 啊賤
大家copy愉快，文檔隻做參考。如果發現問題或者有好的建議請回複我我回及時更正。
<a target="_blank"></a>
在學習web開發的過程中會遇到很多困難，是以寫了一篇類似綜述類的文章。作為路線圖從web開發要素的index出發來介紹golang開發的學習流程以及example代碼。
在描述中多是使用代碼來描述使用方法不會做過多的說明。最後可以友善的copy代碼來實作自己的需求。
本文适應對象：
對web開發有一定經驗的人
能夠靈活使用ajax的人（至少懂得前後分離）
golang web 開發有一定了解，至少略讀過一些golang web開發的書籍
看完本文之後您會收獲：
golang web開發的一些技巧
golang web開發的一些實用api
本文在描述的時候為了解釋盡量詳細，已經把解釋寫到代碼注釋中。
略過的部分：基本流程控制，oop等基礎文法知識。
路由器是整個網站對外的靈魂，如果路由做的不好url會非常惡心。是以這部分設計成第一個要說的内容。 路由分兩種一種是手動路由為了通過tul排程固定的功能，另外一點就是資源的擷取，通過url的分析來模仿靜态頁的方式來擷取資源（類似get） 自動路由，主要使用oop的command模式來實作。所有功能使用post，統一入口，友善權限管理，安全管理，跨域管理。但是如此強大的功能還是交給架構來做吧。這裡就不給新手做參考了。
package main
import (
"log"
"net/http"
)
func main() {
routerbinding() // 路由綁定函數
err := http.listenandserve(":9090", nil) //設定監聽的端口
if err != nil {
log.fatal("listenandserve: ", err)
}
在httpserver運作之前先綁定路由
http.handle("/pages/", http.stripprefix("/pages/", http.fileserver(http.dir("./pages"))))
他們都是一樣的
http.handlefunc("/images/", fileupload.downloadpictureaction)
直接交給路由就行了。自動就通路那個檔案夾了。不過生産環境果然還得是cdn，如果自己伺服器比較多。可以nginx反向代理。 主要好處前後分離，能上cdn就是通訊次數多了。不過通過優化改善之類的都還ok啦。
commonpage, err := template.parsefiles("pages/common/head.gtpl", //加載模闆
"pages/common/navbar.gtpl", "pages/common/tail.gtpl")
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("<p style=\"text-indent: 2em\">為什麼要用語義呢？</p>")}//不是不好，隻是做字元串分析會影響工程效率
commonpage.executetemplate(w, "header", nil)// render 開始
commonpage.executetemplate(w, "navbar", navargs)
knowledgepage.executetemplate(w, "knowledge", knowledgeargs)
commonpage.executetemplate(w, "tail", nil)
僅提供關鍵代碼。
其他的都還挺好，就是頁面渲染用伺服器是不是有點太奢侈了。
字元串數組作為輸入參數差錯比較困難
總結：雖然減少的通訊次數，但是沒辦法上cdn蛋疼，另外，模闆的mapping蛋疼。
表示層腳本做的比較困難也不是很好學。但是一旦搞定了，代碼的複用性會有非常可觀的提升。
就普通情況而言js開發效率是非常高的靈活度高，并且使用的是用戶端的cpu性能好，免費資源多，學習的人也多，好招聘。
<script data-main="/reqmod/login_main" language="javascript" defer async="true" src="js/r.js"></script>
整個網頁之留這麼一個加載腳本的入口（每個頁面最好隻有一個js檔案）
好處
js是延遲加載。不會出現網頁卡死的情況
最大化使用緩存。（http 304）
一個網頁隻用一個js
dom事件綁定，不用在html控件上寫js綁定了
壞處
學習比較難
網站更新始終有緩存沒更新的浏覽器。造成錯誤（是以有些情況客戶自己就知道多重新整理幾次了，已經成使用者習慣了）
參數解釋
`data-main` 業務邏輯入口，載入目前字元串.js這個檔案
`language` 不解釋
`defer async` 字面意思
`src` r.js就是require.js的意思。代碼到處都能搞到。
加載依賴檔案
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
};
jq的功能隻要require.js引用了之後基本上都是一樣的。 如果有需要可以到w3school上學習一下。
post分析
func xxxaction(w http.responsewriter, r *http.request) {
r.parseform() //有這個才能擷取參數
r.form["email"] // 擷取email 參數（string）
// 寫接下來的業務。
資源入口函數資源require分析（url分析固定寫法）
func foo(w http.responsewriter, r *http.request) {
queryfile := strings.split(r.url.path, "/")
queryresource := queryfile[len(queryfile)-1] // 解析檔案
//完成字元串分割之後，按照需求來擷取資源就可以了。
直接輸入object
data, err := ioutil.readall(r.body) //直接讀取form為 json 字元串
utility.simplefeedback(w, 10, "failed to read body")
pillarslog.pillarslogger.print("failed to read body")
return
k := 【business object】
err = json.unmarshal(data, &k)
utility.simplefeedback(w, 13, "pramaters failed!")
pillarslog.pillarslogger.print("pramaters failed!")
//友善快捷。再通路參數的時候，直接調用結構體參數就可以了。
//注意ajax調用函數的時候需要做出一些調整代碼如下：
$.ajax([dist],json.stringify([data]),function(){},'json');//注意json
其實不管什麼語言的mysql驅動都是從pro*c來的，是以會pro*\c之後，啥都好說
insert/delete/update
stmt, err := mysqlutility.dbconn.prepare("insert into credit (credit_code, user_code, credit_rank) values (?, ?, ?)")
pillarslog.pillarslogger.print(err.error())
return false, err
defer stmt.close()
_, err = stmt.exec(credit.creditcode, credit.usercode, credit.creditrank)
if err != nil {
} else {
return true, err
//還是比較友善的
query
stmt, err := mysqlutility.dbconn.prepare(`select commodity_code, commodity_name, description, picture,
price, storage, count, status,
insert_datetime, update_datetime from commodity where commodity_code = ?`)
return nil, err
result, err := stmt.query(commoditycode)
defer result.close()
var commodity utility.commodity
if result.next() {
err = result.scan(&(commodity.commoditycode), &(commodity.commodityname), &(commodity.description),
&(commodity.picture), &(commodity.price), &(commodity.storage), &(commodity.count), &(commodity.status),
&(commodity.insertdatetime), &(commodity.updatedatetime))
return &commodity, err
err := mongoutility.picturecollection.find(bson.m{"picturecode":*picturecode}).one(&picture)
這裡隻給出最簡單的例子。具體的看mgo的開發文檔就ok。還是比較簡單的。
測試指令 go test -v （沒有其他參數了！！！） 如果不帶-v隻顯示結果，不顯示調試過程，主要是調試開發的時候用
檔案格式 xxx_test.go 但是建議改成 xxx_test0.go 或者喜歡改成别的也可以。
由于測試先行的原則，在開發的時候一次測試也就一兩個函數。
這樣相當于把其他測試注釋掉
測試的時候的配置檔案要放到測試目錄下面。别忘了。
心态，錯誤太多一個一個來，要有個好心态。
注意在調試中log的不可缺失性。
下面api如果不知道從何而來直接doc搜尋就可以了。
package utility
import "log"
import "os"
import "fmt"
// logger model min variable.
var logger *log.logger
var outfile *os.file
// init function if logger if not inited will invoke this function
func init() {
if logger == nil {
propertymap := readproperty("pic.properties")
logfilename := propertymap["logfile"]
fmt.println("initial and open log file ", logfilename)
var err error
outfile, err = os.openfile(logfilename, os.o_create|os.o_append|os.o_rdwr, 0666)
logger = log.new(outfile, "", log.ldate|log.ltime|log.llongfile)
// closelogfile function : close logger invoke file.
func closelogfile() {
outfile.close()
使用方法：
utility.logger.println("log test")
看完這裡copy代碼日常工作還是能好應付一點。
如果是新手看完這個之後，看那麼厚的書就有一定的目标性了。能友善一點
----------------------------------------------------------------------------------------------------------------------------
![JavaScript的那些坑之事件代理事件代理事件階段[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)