2 Unstar Star 2 Fork 0

liu / lcui-routerCMIT

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
LCUI 的官方路由管理器,代码设计参考自 Vue Router,用于解决 LCUI 应用内多视图的切换和状态管理问题。 spread retract

Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

lcui-router

(English/中文)

GitHub Actions Build Status Coverage Status

Introduction

LCUI Router is the official router for LCUI. It provides a similar development experience to the Vue Router and make building multiple views applications with LCUI a breeze. Features include:

  • Nested route/view mapping
  • Modular, component-based router configuration
  • Route params, query, wildcards
  • Fine-grained navigation control
  • Links with automatic active CSS classes

Installation

Windows:

Install with LCPkg:

lcpkg install github.com/lc-soft/lcui-router

Linux:

Download source code and copy it to your project directory.

Getting Started

Note: We will using lcui-cli tool to manage the configuration and source code for the router.

Create an LCUI application project:

lcui create myapp
cd myapp

Overwrite the following code to the file 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>
        <!-- use router-link component for navigation. -->
        <!-- specify the link by passing the `to` prop. -->
        <router-link to="/foo">Go to Foo</router-link>
        <router-link to="/bar">Go to Bar</router-link>
      </w>
      <!-- route outlet -->
      <!-- component matched by the route will render here -->
      <router-view />
    </w>
  </ui>
</lcui-app>

Generate two widgets:

lcui generate widget foo
lcui generate widget bar

Save following code as file config/router.js:

module.exports = [
  { path: '/foo', component: 'foo' },
  { path: '/bar', component: 'bar' }
]

Compile config file for router:

lcui compile router

Run app:

lcpkg run start

For more examples, please see the lcui-router-app project.

Documentation

LCUI Router is referenced from Vue Router, so you can read the Vue Router documentation to learn about the basic usage of LCUI Router.

License

MIT licensed.

Comments ( 0 )

Sign in for post a comment

C
1
https://git.oschina.net/lc-soft/lcui-router.git
git@git.oschina.net:lc-soft/lcui-router.git
lc-soft
lcui-router
lcui-router
master

Search