資訊專欄INFORMATION COLUMN
摘要：在這里說明這些僅是個人理解，僅供參考最近做了一個項目，在這個項目中用到了路由，這是我首次接觸路由，感覺這是前端開發(fā)中必須要了解的一個插件。使用使用也是相當簡單，主要是和的配合，樣式在這里不多說，根據(jù)自己的頁面需求設計頁面即可。
## 在這里說明這些僅是個人理解，僅供參考 ##
最近做了一個項目，在這個項目中用到了路由，這是我首次接觸路由，感覺這是前端開發(fā)中必須要了解的一個插件。該插件是：vipspa.js ## 引用 ## 該插件的引用很簡單，和一般的插件的引用一樣，前提是必須引用jqury。 ## 使用 ## 使用也是相當簡單，主要是div和js的配合，樣式在這里不多說，根據(jù)自己的頁面需求設計頁面即可。 *div* 在div里面需要一個列表，來表示自己需要跳轉(zhuǎn)頁面的不同的分類，在這個列表里面需要使用`a`標簽，實例如下：
同時，還需要一個使用一個標簽來進行跳轉(zhuǎn)內(nèi)容的展示
*js* 在js文件里面需要設置自己根據(jù)不同的列表項選擇跳轉(zhuǎn)的頁面，先說代碼：
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:需要展示內(nèi)容的部分
templateUrl：跳轉(zhuǎn)頁面的URL
controller：控制該跳轉(zhuǎn)頁面的js文件
defaults：當其他頁面跳轉(zhuǎn)出錯時，默認跳轉(zhuǎn)到的頁面
以上就是vipspa.js的簡單使用，當然這個僅僅是簡單的引用使用，路由還可以進行參數(shù)的傳遞。這個會在以后的文章里面進行說明。
github上面有插件下載和該插件的一些方法，點擊這里
希望對做WEB系統(tǒng)的童靴有幫助！
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/87084.html
摘要：之前剛學時硬生生使用了靜態(tài)資源和接口分離的方法，實際使用中肯定會非常不方便。于是發(fā)現(xiàn)了用于前后端分離，編寫后臺的框架。 之前剛學django時硬生生使用了靜態(tài)資源和接口分離的方法，實際使用中肯定會非常不方便。于是發(fā)現(xiàn)了用于前后端分離，編寫后臺API的REST framework框架。這里做初步嘗試官方文檔看起來非常入門本次實踐主要是根據(jù)官方文檔步驟進行初步實踐，其中加入一些自己學習時理...
摘要：為了做到這一點，我創(chuàng)建了一個服務提供商，通過的消息推送來實現(xiàn)。最后聲明一個來發(fā)送修改過的對象。根組件，創(chuàng)建它并插入宿主頁面。路由的作用是在找不到任何路由時，訪問組件。定義路由數(shù)組后，用裝飾器導入，并將路由數(shù)組傳遞給的數(shù)組。 上一篇文章對用戶發(fā)來的注冊和登錄信息進行了處理，并實現(xiàn)了將注冊用戶信息插入到mysql數(shù)據(jù)庫的數(shù)據(jù)表和從mysql數(shù)據(jù)庫的數(shù)據(jù)表中查詢到用戶的登錄信息并返回用戶認證...
摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。 蘇...
閱讀 1219·2021-10-27 14:13
閱讀 2709·2021-10-09 09:54
閱讀 1005·2021-09-30 09:46
閱讀 2499·2021-07-30 15:30
閱讀 2240·2019-08-30 15:55
閱讀 3475·2019-08-30 15:54
閱讀 2921·2019-08-29 14:14
閱讀 2836·2019-08-29 13:12
