Meteor:路由（1）

levinit 發(fā)布于2019-08-19 17:33 / 483人閱讀

摘要：添加一個路由規(guī)則這段代碼的意思是在主目錄下，我們指定訪問名字為的。大多數(shù)據(jù)的網(wǎng)站都需要支持風格的不僅僅能夠?qū)Φ膬?nèi)容做路由，還能增加風格的。添加一條規(guī)則用來告訴這個是服務器端的路由規(guī)則使用看下結(jié)果返回的結(jié)果為并沒有返回和文件。

Meteor本身并沒有好的路由使用規(guī)則，還好有比較好用的第三方Package使用。Iron.Router就是一個比較好的Meteor的路由框架，提供了Client 和 Server的路由設置，還可以用來開發(fā)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

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

meteor update iron:router

使用Iron.Router

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

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

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

使用Iron.Router 添加head.html

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


    
    Iron-router

查看網(wǎng)頁源代碼可以看到head里面多了個title:

設置"/"頁面

新建一個home.html頁面

router.js

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

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

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

簡化寫法

新建一個content.html。

增加一條路由規(guī)則:

Router.route("/content");

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

REST

大多數(shù)據(jù)的網(wǎng)站都需要支持REST風格的API,Iron.Router不僅僅能夠?qū)eteor的內(nèi)容做路由，還能增加REST風格的Api。
添加一條router規(guī)則:

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

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

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

返回的結(jié)果為:

this is string

并沒有返回html和js文件。

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

GPU云服務器云服務器 Meteor meteor.js 路由追蹤路由跟蹤

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/78632.html

（翻譯）Mantra官方文檔

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

denson 2019-08-20 12:26 評論0 收藏0
javascript項目開發(fā)規(guī)范實例

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

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

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

CoXie 2019-08-20 15:29 評論0 收藏0
Meteor——以NodeJS為基礎環(huán)境，MongoDB為數(shù)據(jù)環(huán)境的全棧開發(fā)平臺！

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

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

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

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