Need help with oui?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

zhaojh329
598 Stars 125 Forks MIT License 719 Commits 14 Opened issues

Description

A modern web interface for OpenWrt implemented in vue.js and Lua.

Services available

!
?

Need anything else?

Contributors list

# 40,194
Shell
remote-...
C
libev
201 commits
# 11,173
Python
wechat-...
wechat
netlify
11 commits
# 88,641
Shell
Perl
Lua
lede
9 commits
# 352,030
Vue.js
C
Shell
HTML
8 commits
# 222,386
C
Shell
Erlang
Ansible
4 commits
# 551,012
Vue.js
C
Shell
HTML
1 commit

oui(中文)

license PRs Welcome Issue Welcome Build Status visitors Support oui

OpenWrt web user interface implemented in vue.js and Ant Design of Vue.

Oui uses json-rpc to communicate with OpenWrt subsystems and support ACL.

Oui is especially suitable for enterprise custom development.

How to build

Add feeds

echo "src-git oui https://github.com/zhaojh329/oui.git" >> feeds.conf.default
./scripts/feeds update oui
./scripts/feeds install -a -p oui

Configure

Oui  --->
    Applications  --->
         oui-app-admin............................................. Administration
         oui-app-diagnostics.......................................... Diagnostics
         oui-app-firewall................................................ Firewall
         oui-app-home.......................................... Built-in home page
         oui-app-interfaces.................................... Network Interfaces
         oui-app-login........................................ Built-in login page
         oui-app-system............................................ System Setting
         oui-app-upgrade......................................... Backup / Upgrade
         oui-app-wireless................................................ Wireless
    -*- oui-bwm........................................ Bandwidth Monitor for oui
    -*- oui-httpd................................................ Oui rpc backend
    -*- oui-ui-core.................................................. Oui ui core

Compile

make V=s

Jsonrpc example

General

{
    "jsonrpc": "2.0",
    "id": 27,
    "method": "call",
    "params": ["sid", "network", "dhcp_leases", {}]
}

Ubus

{
    "jsonrpc": "2.0",
    "id": 7,
    "method": "call",
    "params": ["sid", "ubus", "call", { "object": "system", "method": "board" }]
}

How to modify vue

oui-ui-core

  1. Modify
  2. Enter directory 'oui/oui-ui-core/vue' and run the follow commands
    npm install
    npm run build
    
    ## application
  3. Modify
  4. Enter your application directory(e.g. 'oui-app-example') and run the follow commands
    cp vue/app.vue ../../build-app/src/
    
  5. Enter directory oui/build-app and run the follow commands
    npm install
    npm run build
    cp dist/app.common.js ../applications/oui-app-example/vue/dist/app.js
    
    # How to debug vue for application(e.g. oui-app-example)
  6. Copy oui-app-example/vue/app.vue to oui-ui-core/vue/src/views/oui-app-example.vue
  7. Enter directory 'oui/oui-ui-core/vue' and run the follow commands
    npm install
    npm run serve
    

Contributing

If you would like to help making oui better, see the CONTRIBUTING.md file.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.