内容简介:LCUI Router 0.1.0 发布了,它是 LCUI 的官方路由管理器,用于解决 LCUI 应用内多视图的切换和状态管理问题,其代码设计参考自 Vue Router,大部分功能的实现代码都能在 Vue Router 的源代码中找到原型,算得上是...
LCUI Router 0.1.0 发布了,它是 LCUI 的官方路由管理器,用于解决 LCUI 应用内多视图的切换和状态管理问题,其代码设计参考自 Vue Router,大部分功能的实现代码都能在 Vue Router 的源代码中找到原型,算得上是 Vue Router 的 C 语言实现。
这是第一个公开发行版,没有更新日志,以下做些简单的介绍。
主要特性
- 嵌套的路由/视图表
- 模块化的、基于组件的路由配置
- 路由参数、查询、通配符
- 细粒度的导航控制
- 带有自动激活的 CSS class 的链接
安装
Windows:
使用 LCPkg 安装:
lcpkg install github.com/lc-soft/lcui-router
Linux:
假设你已经能够熟练的手动编译源代码,那么你只需下载此项目的源代码然后复制到你的项目目录里,与你的项目源代码一同编译。
快速上手
注意: 我们将使用 lcui-cli 工具来管理路由的配置和源代码。
创建一个 LCUI 应用程序项目:
lcui create myapp
cd myapp
复制以下代码并覆盖到文件 app/assets/views/app.xml
:
<?xml version="1.0" encoding="UTF-8" ?>
<lcui-app>
<resource type="text/css" src="assets/stylesheets/app.css"/>
<ui>
<w>
<textview>Hello App!</textview>
<w>
<!-- 使用 router-link 部件用于导航 -->
<!-- 通过 `to` 属性来指定链接 -->
<router-link to="/foo">Go to Foo</router-link>
<router-link to="/bar">Go to Bar</router-link>
</w>
<!-- 路由出口 -->
<!-- 与路由匹配的部件将会渲染在这里 -->
<router-view />
</w>
</ui>
</lcui-app>
生成两个部件:
lcui generate widget foo
lcui generate widget bar
保存以下代码到文件 config/router.js
:
module.exports = [
{ path: '/foo', component: 'foo' },
{ path: '/bar', component: 'bar' }
]
编译路由配置文件:
lcui compile router
运行应用程序:
lcpkg run start
如需更多示例,可查看 lcui-router-app 项目。
文档
LCUI Router 的设计参考自 Vue Router,因此,你可以通过阅读 Vue Router 的文档来学习 LCUI Router 的简单用法。
参考消息:https://gitee.com/lc-soft/lcui-router/releases
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
WebKit技术内幕
朱永盛 / 电子工业出版社 / 2014-6 / 79.00元
《WebKit技术内幕》从炙手可热的HTML5 的基础知识入手,重点阐述目前应用最广的渲染引擎项目——WebKit。不仅着眼于系统描述WebKit 内部渲染HTML 网页的原理,并基于Chromium 的实现,阐明渲染引擎如何高效地利用硬件和最新技术,而且试图通过对原理的剖析,向读者传授实现高性能Web 前端开发所需的宝贵经验。 《WebKit技术内幕》首先从总体上描述WebKit 架构和组......一起来看看 《WebKit技术内幕》 这本书的介绍吧!