路由之vipspa.js初步理解

cyixlq 发布于2019-08-21 11:46 / 1737人阅读

摘要：在这里说明这些仅是个人理解，仅供参考最近做了一个项目，在这个项目中用到了路由，这是我首次接触路由，感觉这是前端开发中必须要了解的一个插件。使用使用也是相当简单，主要是和的配合，样式在这里不多说，根据自己的页面需求设计页面即可。

## 在这里说明这些仅是个人理解，仅供参考 ##

最近做了一个项目，在这个项目中用到了路由，这是我首次接触路由，感觉这是前端开发中必须要了解的一个插件。该插件是：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"//错误显示页面
        });

view:需要展示内容的部分
templateUrl：跳转页面的URL
controller：控制该跳转页面的js文件
defaults：当其他页面跳转出错时，默认跳转到的页面

以上就是vipspa.js的简单使用，当然这个仅仅是简单的引用使用，路由还可以进行参数的传递。这个会在以后的文章里面进行说明。

github上面有插件下载和该插件的一些方法，点击这里
希望对做WEB系统的童靴有帮助！

云服务器 GPU云服务器深入理解webrtc之aec 人工智能初步 hadoop初步学习计算机的初步学习

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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