學習meteor之後的總結

2021-07-03 22:50:54 字數 1406 閱讀 9300

meteor是乙個強大的web開發框架

廢話不多說, 開始總結meteor的開發順序。

1. 要在乙個目錄下建立meteor 的project   用 meteor create

2. 要建立好目錄結構(! 非常重要)

在 ~// 建立 lib, client, server, public 四個目錄

client目錄裡面的檔案只會在前台執行,

server目錄下的檔案只會在後台執行,

lib目錄下的檔案會在兩端執行, 而且執行的優先順序高於一切檔案, 所以這個目錄下的js檔案不能使用jquery格式(因為這裡的檔案在jquery prototype執行之前執行, 因此瀏覽器解析不了這裡的**, 會報錯)

然後要建立子目錄

我一般在client目錄下建立以下目錄

templates: 放所有的html檔案以及相關的js

stylesheets: 放所有的css檔案

main.html和main.js (注意: main.*的所有檔案的優先順序是最低的, 所以這兩個檔案是程式執行的最後才執行的)

3. 要載入一些常用的meteor包

例如: iron:router  accounts-password  underscore   還有 [ materialize:materialize ] 和  [ twbs: bootstrap ] 二者只能選1 (你如果真的了解他倆可以同時載入兩個)

載入命令是 :    meteor add

4. 開始寫一些基礎的公用html和 router

首先是 layout :   在上面提到的templates目錄下建立 includes目錄(為了方便管理) ,裡面建立 layout.html 

一般網頁是按照 來分的, 但是 一般是固定的, 所以我們經常改動的只是 , layout解決的就是這個問題

下面是乙個layout的例子}}

}然後在 lib目錄裡面建立乙個 router.js檔案

裡面內容如下

router.configure();

router.route('/', );

router.route('/test', );

下面router路由了兩個路徑, '/' 和 '/test' 這時候並不是整個頁面在變幻, 而是 layout.html裡面的 } 變成 '}' 和 } 而已

還有兩個公用的html, 分別是 loading.html 和 notfound.html

我們在 templates/includes/ 目錄下面建立它們並寫好後, 可以在 router.js中方便的使用

router.configure();

loadingtemplate 就是在頁面進行載入的時候 render的頁面,

notfoundtemplate 就是找不到對應的url的處理函式的時候 render的頁面。

meteor框架學習

meteor js的全棧開發框架,官方的解釋 meteor整合了mongodb nodejs angular react,屬於一種快速開發框架。安裝 1 建立應用並執行 安裝完成後,進入任意工作目錄,執行命令建立應用 執行 meteor 預設埠為3000,訪問 meteor自帶乙個雲部署功能,比較厲...

Meteor 使用疑問總結

使用meteor有七八個月了,現在總結下meteor的幾點感受 先說說缺點吧 meteor 對npm支援不是很好,需要加入幾個packages後才能使用npm的packages 疑問 meteor mongodb 的時候如何解決讀寫分離。meteor 服務端的methods 如何做到登入檢查,而不是...

Code Review 之後的總結

1.對於isset和empty的區別 值isset empty a f t a 1tt a nullft array ff 2.intval變數轉成整數型別。在你確認一定是整數的時候,可以加上這個,而且在裡面可以加上號trim 例 intval trim post 3.對於錯誤值,要先判斷是否存在,...