19 Star 92 Fork 27

赵建辉 / oui

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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

  1. Modify
  2. Enter your application directory(e.g. 'oui-app-example') and run the follow commands
	cp vue/app.vue ../../build-app/src/
  1. 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)

  1. Copy oui-app-example/vue/app.vue to oui-ui-core/vue/src/views/oui-app-example.vue
  2. 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.

Comments ( 24 )

Sign in for post a comment

About

使用现代化的前端框架vuejs2实现的OpenWrt后台管理界面框架 spread retract
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://gitee.com/zhaojh329/oui.git
git@gitee.com:zhaojh329/oui.git
zhaojh329
oui
oui
master

Search