开源软件名称(OpenSource Name): zhaojh329/oui开源软件地址(OpenSource Url): https://github.com/zhaojh329/oui开源编程语言(OpenSource Language):
JavaScript
45.2%
开源软件介绍(OpenSource Introduction): 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
sed -i '1i\src-git oui https://github.com/zhaojh329/oui.git' feeds.conf.default
./scripts/feeds update oui
./scripts/feeds uninstall -a
./scripts/feeds install -a
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
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
Modify
Enter directory 'oui/oui-ui-core/vue' and run the follow commands
npm install
npm run build
application
Modify
Enter your application directory(e.g. 'oui-app-example') and run the follow commands
cp vue/app.vue ../../build-app/src/
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)
Copy oui-app-example/vue/app.vue to oui-ui-core/vue/src/views/oui-app-example.vue
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.
请发表评论