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