Framework7学习笔记之页面路由(新版)

一:新版路由器

在新版本中,我们可以在js文件中初始化app时,将page文件加载进来,逐一命名,甚至可以传参、定义回调函数等等,十分方便,在app对象中创建的页面路由,各个页面默认是对于app可见的,也就是说各个view都可通过pageName来调用它。

如果在某个View中对一些页面进行特定的路由设置,则可以在js文件中初始化view对象时,将page文件加载进来,逐一命名、传参、定义回调函数等等。

原文地址:https://www.cnblogs.com/ygj0930/p/8445732.html

时间: 2024-07-31 16:35:39

Framework7学习笔记之页面路由(新版)的相关文章

Framework7学习笔记之页面路由(旧版)

一:页面路由 Framework7的页面之间跳转有4种方法: 异步加载:从一个指定的URL加载页面,通常是另外一个页面的文件地址(默认行为)[常用] JS:创建和加载动态页面(html字符串拼接成的页面内容)[不常用] 内联页面:在index.html中将所有的page加载进来,在view中直接通过名字进行跳转.[常用] 使用模版:Framework7可以定义文件模版,可以通过调用模版并传值生成页面并且加载进来.[高阶用法] 二:异步加载 1)页面跳转 用<a>标签创建一个链接指向页面文件,当

Symfony2 学习笔记之系统路由

mfony2 学习笔记之系统路由 漂亮的URL绝对是一个严肃的web应用程序必须做到的,这种方式使index.php?article_id=57这类的丑陋URL被隐藏,由更受欢迎的像 /read/intro-to-symfony 来替代. 拥有灵活性更为重要,如果你要改变一个页面的URL,比如从/blog 到 /new 怎么办?有多少链接需要你找出来并更新呢? 如果你使用Symfony的router,这种改变将变得很简单. Symfony2 router让你定义更具创造力的URL,你可以map你

Framework7学习笔记之初始化App

一:初始化应用对象 我们想要在js文件中操作app,就需要初始化一个app对象来存储应用本身. 在初始化app时,还可以传递一些参数,对app进行一些个性化定制,如:主题.缓存设置.工具栏.导航栏.通知栏等等对app整体的特性设置. 二:格式实例 var app = new Framework7({ // App root element root: '#app', // App Name name: 'My App', // App id id: 'com.myapp.test', // En

《ASP.NET MVC 4 实战》学习笔记 9:路由(上)

本书第8章<安全性>相对偏理论,偶感觉比较枯燥故略过,应该不会影响后面的学习...好吧,是我想偷懒... 一.URL路由介绍: 1.默认路由: 当创建一个新的MVC 5应用程序时,默认的项目模板会在RouteConfig.cs文件中创建默认路由,并在Global.asax注册路由: public class RouteConfig { public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute(&

Framework7学习笔记之Page的定义与Page初始化

一:Page 一个page文件定义了一个app页面,它可以定义该页面的导航栏.底部工具栏.中间详细内容等等.  page通过加载到view容器中运行,而view在index.html中定义. index.html定义了app的基本结构:引入样式文件.引入js文件.创建app标签.创建view标签. 因此,page的定义文件 XX.html 不需要在定义head.body等等部分,只需要使用 div 搭建出页面的 状态栏.侧边栏.页面内容(导航栏.主体部分.底部工具栏).(不是每部分都要有,按需搭

nodejs学习笔记&lt;三&gt;关于路由(url)

在网站开发中,路由的设置非常关键.nodejs对路由处理封装了一个比较全面的模块. 来认识下url模块 1)在命令行(cmd)可以直接 node —> url 可直接查看url模块的所有方法. 2)在js中通过require调用url模块.var url = require('url'); url包括:parse,resolve,resolveObject,format,Url 五个方法. 1)parse: parse用来解析url地址.同样可以直接用命令行(cmd)调用,也可以在js中通过ur

《ASP.NET MVC 4 实战》学习笔记 10:路由(下)

六.调试路由: 1.安装Route Debugger: 在NuGet包管理器控制台输入: install-package routedebugger 2.使用Route Debugger: 一旦安装了Route Debugger对RouteDebugger.dll的引用便被添加到项目中,web.config也会添加一条新的应用程序设置: <add key="RouteDebugger:Enabled" value="true" /> 注:在部署应用程序之

vue学习笔记——vue-router(路由)

使用路由的时候有两个必要的知识:<router-link></router-link>:这个相当于a标签,点击的切换时候的按钮,<router-view></router-view>:这个就是你加载过来的组件放的位置 使用方法: 1.cnpm install vue-router --save 下载路由 2.在main.js 里面引入路由:import vueRouter from 'vue-router' 3.定义路由:Vue.use(vueRouter)

framework7学习笔记二:基础知识

一:DOM7 framework7有自己的 DOM7 - 一个集成了大部分常用DOM操作的高性能库.它的用法和jQuery几乎是一样的,包括大部分常用的方法和jquery风格的链式调用. 在开发时,为了避免命名冲突以及方便开发,我们把dom7定义为一个变量: var $$ = Dom7; 之后,就可以在页面中使用 $$ 了. DOM7可以调用的方法,请查阅官方文档:http://docs.framework7.cn/Index/dom.html 二: