源**可參考:
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分配到對應的處理程式,原理和路由器原理相同,不同的請求位址會交給...