LCUI Router 0.1.0 发布,Vue Router 的 C 语言实现
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 的简单用法。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
LCUI 2.0 发布,C 的图形界面开发库
LCUI 2.0 发布了。LCUI 是一个用 C 语言编写的图形界面开发库,可用于构建简单的桌面应用程序。 更新概要 问题修复 builder:注释结点应该被忽略 (460ee00) css:使用了未初始化的值 (44486f1) font:字体路径获取错误 (#187) (6d54685) font:FontBitmap_Free() 内存泄露 (c47a6c0) gui:根部件缺少 hover 和 active 状态 (02c03c7) gui:调整空窗口的尺寸时出现段错误 (#199) (56ce0b5) gui:TextCaret 应该在销毁后移除定时器 (a58b12d) linux:InitLinuxKeybord() 内存泄漏 (61cadc8) timer:在移除定时器后,其回调依然会被执行 (43233b3) util:dict 类型未正确导出 (20abb19) windows:未默认启用触控支持 (bc7710a) 纠正变量的使用 (513b3b9) 光标的位置应该在处理部件事件之前更新 (83fc949) 代码重构 gui:添加 widget_backgroun...
- 下一篇
LC Design 1.1.0 发布,业余级 UI 组件库
LC Design 1.1.0 发布了,它是专为 LCUI 开发的UI 组件库。 本次更新内容如下: 问题修复 下拉菜单应该与目标一同销毁,避免非法内存访问 (2d5a89b) 新功能 添加 hr 部件 (b3df646) 添加 LCDesign_GetVersion() (8dbd846) 迁移至 LCUI 2.0.0 (e7e0ace)
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
-
Docker使用Oracle官方镜像安装(12C,18C,19C)
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
推荐阅读
最新文章
- SpringBoot2全家桶,快速入门学习开发网站教程
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- MySQL8.0.19开启GTID主从同步CentOS8
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2整合Redis,开启缓存,提高访问速度
- Windows10,CentOS7,CentOS8安装Nodejs环境
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果