beego後端vue前端 nodejs前後分離

原始碼

乙個購物**，資料庫設計如下：

前端nodejs + vue-cli + vue + element-ui

採用element-ui元件。記錄一**驗：

vue整體體驗很好，通過router和router-view可以很好的提高前端布局**的復用性。對我這種不擅長寫前端，每次寫前端ctrl+c，ctrl+v的真的是非常的友好。另外，資料的繫結、一些指令也是相當的好用

使用vue-cli工具，需要借助nodejs，可以實現前後端的分離。在vue-cli的工程上，目錄結構很清晰，很容易寫乙個前端。不過需要一些nodejs的知識，不然學起來真的很難受。
element-ui元件很好使用，不用懂很多css也能寫出來很漂亮頁面，有種純寫html最後得到帶css效果的頁面。

父子元件通訊

內建指令

函式

slot、props、scope

beego從入門到放棄，沒有重新執行解決不了的問題，beego基於mvc三層的乙個框架，只要學過其他語言的web，入手還是很容易的。

學習go語言一天，入手beego，本著練習go語言的原則，寫了這個專案。
beego有個bee工具，使用起來很容易。bee generate 幾乎直接把真的**的**都寫完了，需要改一些邏輯。生成的controller中getall也太恨了，把整個資料庫的資訊可以按照任意條件都能查詢到。

通過注釋配url，這個不知道是我的問題，還是beego的問題。配好的url，第一次不起作用，需要把程序關了，然後重新執行。第一次執行會生成乙個檔案，但是進入url會404，第二次執行就沒問題。

beego的orm也很用，很簡單的就能和資料庫對映。查詢外來鍵中的物件很可以查詢到，不過一旦用了外來鍵，外來鍵對應的就成為了乙個結構體，在發post等請求時，傳外來鍵id時，需要多寫乙個{}。

bee

generate    生成**

new 建立
pack 打包
run 執行

orm

type address struct

// auto自增、
// null可以為空、預設為非空、
// auto_now_add;type(datetime) 自動放到當時時間
// auto_now;type(datetime) 自動放到當時時間
// 區別auto_now_add第一次新增的時間，更新時間不變，auto_now每次更新時間改變

controller

vue跨域，複雜請求，後端為beego

關於跨域，網上講得很多，具體實施起來大多講的不詳細，貼我的vue端 require es6 promise polyfill import fetch from isomorphic fetch const tokenstr 保密 post請求 param options.url api位址 par...

saber前端部署 vue前後端分離

server 對應上面的 router，主要原因是路由的路徑資源並不是乙個真實的路徑，所以無法找到具體的檔案 因此需要rewrite到index.html中，然後交給路由在處理請求資源 location api user root worker processes 1 error log var l...

Nginx配置多個vue前端專案 後端專案

我在之前已經使用docker nginx部署乙個vue專案了，大概是這樣的 conf.d default.conf server error page 404 404.html redirect server error pages to the static page 50x.html error...