前後端分離工具之ftl server

2022-07-08 10:30:16 字數 1515 閱讀 4985

源**可參考:

ftl-server 是一前端開發工具,支援解析freemarker模板,模擬後端介面,反向**等功能。

特性

安裝

1.  npm install ftl-server -g

2. 在工程目錄下新建配置檔案,比如ftl.config.js,配置檔案格式如下:

module.exports =,

ftl: ,

'ftlfile.ftl': function

(req, res) }}

}},

mock: [,

response:

function

(req, res)

}}, 'e:\\mock\\mock.js'], //檔案格式見下面的源**

proxy: [

]}

e:\\mock\\mock.js格式如下: 

//

/dir/mock.js

//可以export一陣列,或者直接一物件

module.exports =[

}}]

執行 fs -c ./ftl.config.js -p 1008   或  ftl-server -c ./ftl.config.js -p 1008 或 fs

3. 訪問 http://localhost:1008/,即可直接瀏覽目錄下的ftl頁面。

專案實踐

1. 專案根目錄下新建 ftl.config.js

1.1預設配置檔案名為 ftl.config.js,啟動時bash命令執行  fs  或  ftl-server

1.2如果是自定義配置檔案名稱,比如 config.js,則每次配置檔案改動,或者啟動ftl server時,bash命令需執行   fs -c ./config.js   或  ftl-server -c ./config.js

需要重新設定配置檔案的路徑。

2. ftl.config.js **內容

module.exports =,

proxy: [

]}

一些不常用的配置項沒加進去,ftl.datafiles裡不能配置ftl檔案的目錄,只能配名字,這點不是很方便。

如果頁面需要假資料,直接在頁面上assign假資料就可以了。或者將assign的假資料單獨建個ftl檔案,然後在需要假資料的ftl include進去就行。

3. mock資料請求

mock配置頁面需要發的一些請求,陣列表示。如下:

module.exports =[

}}]

4.啟動服務

bash命令執行   fs   或  ftl-server

可以使用  fs --help  檢視其它的操作。

前後端分離

關於前後端分離的一些好的文章推薦 前端框架 為什麼前後端分離 最直白的理解,我認為是因為在開發過程中,前端總是需要等待後端的環境搭建好之後,前端才能獲取相關資料,對於前端的開發影響很大,事實上前端並不關心後端的開發,那麼有沒有方法不讓後端影響前端的開發呢?其實後端提供的是什麼?乙個執行伺服器,乙個就...

前後端分離

在此說明 前後端分離有利於後端的快速開發,但並不利於搜尋引擎優化 seo 上圖能清晰的看到,使用前後端分離模式進行開發,瀏覽器會向伺服器傳送請求,伺服器會向瀏覽器傳送乙個類似框架的html,是固定的空殼,此時瀏覽器再使用ajax請求向後端伺服器索要資料,後端伺服器返回json字串給瀏覽器,從而使瀏覽...

前後端分離

前後端分離的好處 1 徹底解放前端 2 提高工作效率,分工更加明確。3 區域性效能提公升 4 降低維護成本 2 前後端分離的概念 後台只需要提供api介面,前端呼叫ajax實現資料呈現 3 場景和要求 4 web前端路由 就是根據url分配到對應的處理程式,原理和路由器原理相同,不同的請求位址會交給...