路由之vipspa.js初步理解

cyixlq 發布于2019-08-21 11:46 / 1802人閱讀

摘要：在這里說明這些僅是個人理解，僅供參考最近做了一個項目，在這個項目中用到了路由，這是我首次接觸路由，感覺這是前端開發中必須要了解的一個插件。使用使用也是相當簡單，主要是和的配合，樣式在這里不多說，根據自己的頁面需求設計頁面即可。

## 在這里說明這些僅是個人理解，僅供參考 ##

最近做了一個項目，在這個項目中用到了路由，這是我首次接觸路由，感覺這是前端開發中必須要了解的一個插件。該插件是：vipspa.js
## 引用 ##
該插件的引用很簡單，和一般的插件的引用一樣，前提是必須引用jqury。
## 使用 ##
使用也是相當簡單，主要是div和js的配合，樣式在這里不多說，根據自己的頁面需求設計頁面即可。
*div*
在div里面需要一個列表，來表示自己需要跳轉頁面的不同的分類，在這個列表里面需要使用`a`標簽，實例如下：


    首頁
    頁面一
    頁面2
    頁面3
    頁面4

同時，還需要一個使用一個標簽來進行跳轉內容的展示

*js*
在js文件里面需要設置自己根據不同的列表項選擇跳轉的頁面，先說代碼：

vipspa.start({
            view: "#content",// 頁面路由的div
            router: {
                "/sy": {
                    templateUrl: "webApp/v1/v1.html",
                    controller: "webApp/v1/v1.js"
                },
                "/one": {
                    templateUrl: "webApp/v2/v1.html",
                    controller: "webApp/v2/v1.js"
                },
                "/two": {
                    templateUrl: "webApp/v3/v1.html",
                    controller: "webApp/v3/v1.js"
                },
                "/three": {
                    templateUrl: "webApp/v4/v1.html",
                    controller: "webApp/v4/v1.js"
                },
                "defaults": "/sy"     
            },
            errorTemplateId: "#error"http://錯誤顯示頁面
        });

view:需要展示內容的部分
templateUrl：跳轉頁面的URL
controller：控制該跳轉頁面的js文件
defaults：當其他頁面跳轉出錯時，默認跳轉到的頁面

以上就是vipspa.js的簡單使用，當然這個僅僅是簡單的引用使用，路由還可以進行參數的傳遞。這個會在以后的文章里面進行說明。

github上面有插件下載和該插件的一些方法，點擊這里
希望對做WEB系統的童靴有幫助！

GPU云服務器云服務器深入理解webrtc之aec 人工智能初步 hadoop初步學習計算機的初步學習

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

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

Django前后端分離之REST framework初試

摘要：之前剛學時硬生生使用了靜態資源和接口分離的方法，實際使用中肯定會非常不方便。于是發現了用于前后端分離，編寫后臺的框架。之前剛學django時硬生生使用了靜態資源和接口分離的方法，實際使用中肯定會非常不方便。于是發現了用于前后端分離，編寫后臺API的REST framework框架。這里做初步嘗試官方文檔看起來非常入門本次實踐主要是根據官方文檔步驟進行初步實踐，其中加入一些自己學習時理...

Scorpion 2019-07-30 17:44 評論0 收藏0
利用angular4和nodejs-express構建一個簡單的網站（四）—angular路由初步

摘要：為了做到這一點，我創建了一個服務提供商，通過的消息推送來實現。最后聲明一個來發送修改過的對象。根組件，創建它并插入宿主頁面。路由的作用是在找不到任何路由時，訪問組件。定義路由數組后，用裝飾器導入，并將路由數組傳遞給的數組。上一篇文章對用戶發來的注冊和登錄信息進行了處理，并實現了將注冊用戶信息插入到mysql數據庫的數據表和從mysql數據庫的數據表中查詢到用戶的登錄信息并返回用戶認證...

Zhuxy 2019-08-26 11:47 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0