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

栏目: 软件资讯 · 发布时间: 4年前

内容简介: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


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

宇宙涟漪中的孩子

宇宙涟漪中的孩子

谢云宁 / 四川科学技术出版社 / 2017-11 / 28.00元

近未来。日冕科技公司通过建造围绕太阳的光幕搜集了近乎无穷的能源,这些能源主要用于地球上的网络空间建设。随着全球网络时间频率的不断提升,越来越多的人选择接驳进虚拟空间,体验现实中难以经历的丰富人生。 网络互动小说作者宁天穹一直自认为是这些人中普通的一员,有一天却被一名读者带进反抗组织,了解到日冕公司的各种秘密,并被告知自己的小说将在抵抗运动中起到重要作用。 起初他拒绝参与,但看到地球被笼......一起来看看 《宇宙涟漪中的孩子》 这本书的介绍吧!

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

MD5 加密
MD5 加密

MD5 加密工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具