Meteor:路由（1）

levinit 發布于2019-08-19 17:33 / 477人閱讀

摘要：添加一個路由規則這段代碼的意思是在主目錄下，我們指定訪問名字為的。大多數據的網站都需要支持風格的不僅僅能夠對的內容做路由，還能增加風格的。添加一條規則用來告訴這個是服務器端的路由規則使用看下結果返回的結果為并沒有返回和文件。

Meteor本身并沒有好的路由使用規則，還好有比較好用的第三方Package使用。Iron.Router就是一個比較好的Meteor的路由框架，提供了Client 和 Server的路由設置，還可以用來開發restful風格的api。

安裝Iron.Router

直接cd到項目目錄使用安裝命令:

meteor add iron:router

Changes to your project"s package version selections:

iron:controller        added, version 1.0.12
iron:core              added, version 1.0.11
iron:dynamic-template  added, version 1.0.12
iron:layout            added, version 1.0.12
iron:location          added, version 1.0.11
iron:middleware-stack  added, version 1.0.11
iron:router            added, version 1.0.12
iron:url               added, version 1.0.11


iron:router: Routing specifically designed for Meteor

可以看到安裝的詳細內容。
可以使用命令直接更新Iron.Router

meteor update iron:router

使用Iron.Router

我們知道使用meteor create meteor-project的命令創建的項目會默認生成三個文件.meteor-project.html,meteor-project.css,meteor-project.js安裝Iron.Router之后，運行項目會發現，頁面展示錯誤提示內容：

Organize your Meteor application.
Router.route("/", function () {
  this.render("Home", {
    data: function () { return Items.findOne({_id: this.params._id}); }
  });
});

我們默認生成的文件運行之后和Iron.Router規則有沖突，這個提醒的意思是我們還沒有設置一個"/"的路由規則，我們需要設置路由規則，但是首先要先將meteor默認生成的文件刪除。

使用Iron.Router 添加head.html

Iron.router需要設置一個head.html


    
    Iron-router

查看網頁源代碼可以看到head里面多了個title:

設置"/"頁面

新建一個home.html頁面

router.js

新建一個router.js文件。添加一個路由規則:

Router.route("/", function () {
    this.render("home");
});

這段代碼的意思是在主目錄（"/"）下，我們指定訪問名字為home的template。
現在頁面就可以正常的現在home.html的內容了。

簡化寫法

新建一個content.html。

增加一條路由規則:

Router.route("/content");

這個規則的會自動的指定名字叫做content的template或者頁面，這樣簡單的寫法，讓你不用再實現后面function的內容，簡化了代碼，約定大于配置。

REST

大多數據的網站都需要支持REST風格的API,Iron.Router不僅僅能夠對Meteor的內容做路由，還能增加REST風格的Api。
添加一條router規則:

Router.route("/content/:_id", function () {
    var req = this.request;
    var res = this.response;
    res.end("this is string");
}, {where: "server"});

where:"server"用來告訴Rotuer這個是服務器端的路由規則.
使用curl看下結果:

curl "http://localhost:3000/content/1"

返回的結果為:

this is string

并沒有返回html和js文件。

項目地址：https://github.com/jjz/meteor/tree/master/meteor-router

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/78632.html

（翻譯）Mantra官方文檔

摘要：我們通過對我們應用程序的每個部分進行單元測試來實現這一點，同時遵循一個標準。它幫助你單元測試，動作和集成容器。當在組件庫中使用庫函數時，它應該是純函數。 Mantra 工作草案-版本0.2.0 簡介這是一個Mantra草案規范，一個由Kadira創建的Meteor的應用程序架構。它幫助開發人員構建可維護的，面向未來的Meteor應用程序。版權 The MIT License (M...

denson 2019-08-20 12:26 評論0 收藏0
javascript項目開發規范實例

摘要：首次發表在個人博客總結一下個人在開發及同事代碼的過程中遇到的因為一些項目規范帶來的問題及認為比較好的解決方法由于個人經驗和認知水平有限下面僅代表我的個人觀念歡迎各位大佬多給我提建議以本人最近寫的一個項目技術棧為為例的使用因為一個項目往 showImg(http://upload-images.jianshu.io/upload_images/3297464-ccdb78e5d7d158...

sorra 2019-08-21 17:54 評論0 收藏0
2017年前端流行的數百個javascript庫，你會幾個？

摘要：有數百個免費的庫出來，為應用程序選擇正確的框架變得非常困難。是流行的驅動技術之一，由于年創建。在這三個塊中，有幾個暴露低層接口的綁定。反應由，和許多開發人員和個人的社區維護。誕生于年，是一個輕量級的框架。有數百個免費的JS庫出來，為應用程序選擇正確的JavaScript框架變得非常困難。一些開發商最終會拋棄，而其他開發者則迅速發展，并得到廣泛采用。許多開發人員只知道像jQuery和R...

CoXie 2019-08-20 15:29 評論0 收藏0
Meteor——以NodeJS為基礎環境，MongoDB為數據環境的全棧開發平臺！

摘要：當一個應用啟動時，會自動加載這些庫，為應用提供了一個基礎環境。也就是說，模板文件只能包含以這三種標簽為頂層標簽的片段。在中，我們需要判斷當前的具體運行環境，以便執行相應的代碼。一、全棧開發平臺 - 不僅僅是前端 Meteor和那些名聲如雷貫耳的前端框架，比如Angular, React等都不一樣，它是一個采用單一開發語言的全棧開發的平臺：開發者可以使用JavaScript同時進...

chenatu 2019-06-26 16:55 評論0 收藏0
Day 15：Meteor —— 從零開始創建一個 Web 應用

摘要：在我的機子上，運行于端口，以避免和其他默認運行于端口的沖突。我們可以使用命令連接數據庫查看定義應用層次創建的模板應用有一個問題，客戶端和服務器段的代碼是一樣的。在中加入然后添加問題模板注意我們使用了來確保用戶未登錄的情況下應用。編者注：我們發現了有趣的一系列文章《30天學習30種新技術》，正在翻譯中，一天一篇更新，年終禮包。下面是第15天的內容。到目前為止我們討論了Bower...

Big_fat_cat 2019-08-19 14:26 評論0 收藏0