您现在的位置是:首页 > 文章详情

LCUI Router 0.1.0 发布,Vue Router 的 C 语言实现

日期:2020-03-03点击:477

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

原文链接:https://www.oschina.net/news/113792/lcui-router-0-1-0-released
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章