Wakanda是一款數據存儲區和前端的可視化設計與編程工具,也是代碼編輯器;用戶可以設計數據存儲類,創建業務邏輯,繪制GUI并保護應用程序安全,使用Wakanda Community Edition,即使是最復雜的數據結構也是可以管理的;單擊拖動和繪制類之間的關系,借助HTML5和CSS3的功能來豐富您的UI,專門為上的功能和數據元素構建窗口小部件;該堆棧包括一個高能的對象數據存儲,一個豐富的客戶端小部件和數據傳輸框架,以及一整套完善的可選工具,例如可視化IDE;從現在開始,在Wakanda中編碼您的后端SS并使用新的Nodeworker API對其進行擴展,以從龐大的Node生態系統中受益,到目前為止,僅為內置DB和外部DB提供了象層,現在它也擴展到了Web服務;通過新的連接器連接到MSSQL或任何其他DB,用戶的數據模型是在JavaScpt象層中自動生成的!
Wakanda軟件功能
視覺數據建模
設計可視的本地或遠程數據模型(MySQL,Oracle …)。
管理其方法和權限,自動生成數據模型的ON。
使用Wakanda數據庫或任何第三方數據庫都
可以使用優雅的Javascpt語法(newSQL)處理數據。
Javascpt中的對象關系映框架(ORM),用于任何數據源。
Java代碼從A到Z
沒有鎖定:完全開源的SS應用。
專為提高生產力而設計:通過模塊管理重用您的業務代碼。一鍵式部署。
RESTful API
數據模型可通過自動生成的REST API訪問。微調的權限管理。
流行的前端框架集成
將Angular的優勢與或連接器一起使用:輕松將數據綁定到前端。
Wakanda軟件特色
適用于移動和Web應用
使用單個后端為多個移動和Web前端構建全渠道應用程序。
針對Web和移動應用程序的特定項目模板和預可視化工具。
支持所有平臺。
很快,許多其他集成:React,Aurelia …
適用于Mac或Windows的多合一IDE
開發您的前端,后端,并將數據集成在同一IDE中。
從開發到部署的完整工作流程。
馬上開始編碼:指導設置,預配置項目,您需要的所有庫都已集成。可通過擴展程序自定義IDE。
可視數據建模
設計可視化的本地或遠程數據模型(MySQL,Oracle )
管理其方法和權限,自動生成數據模型的ON,Wakanda社區版很棒!
專為移動
應用程序和Web應用程序打造具有單個后端的全渠道應用程序,用于多個移動設備和Web前端。
針對Web和移動應用程序的特定項目模板和預可視化工具。支持所有平臺。
Wakanda安裝步驟
1、用戶可以點擊本網站提供的下載路徑下載得到對應的程序安裝包
2、只需要使用解壓功能將壓縮包打開,雙擊主程序即可進行安裝,彈出程序安裝界面
3、同意上述協議條款,繼續安裝應用程序,點擊同意按鈕即可
4、可以根據自己的需要點擊瀏覽按鈕將應用程序的安裝路徑進行更改
5、現在準備安裝主程序,點擊安裝按鈕開始安裝
6、彈出應用程序安裝進度條加載界面,只需要等待加載完成即可
7、根據提示點擊安裝,彈出程序安裝完成界面,點擊完成按鈕即可
Wakanda使用教程
選擇:移動或網絡應用,angular或angular2
我們可以選擇我們要創建的應用程序類型:移動,Web或兩者。
在這里,我們要創建一個Angular Web應用程序。
對于Hello World,我們不需要后端。因此,只選擇網絡,有一個web前端,與Angular1模板。
將您的應用命名為HelloWorldWeb,單擊“創建”
在左側面板中,現在打開了帶有您的解決方案HelloWorldWeb名稱的選項卡。
您可以找到兩個文件夾:
HelloWorldWeb:它包含您的解決方案的文件。
web:它包含您的Web前端項目結構。
您可以通過右鍵單擊解決方案的名稱來創建多個Web(或移動)前端(“新建” >“項目”)
對于HelloWorldWeb,我們僅在web文件夾中工作。
運行您的Web應用程序
首先,讓我們看一下我們的Web模板。
單擊運行工具欄按鈕:
編寫Angular應用程序代碼
讓我們從根目錄看一下我們的web pject structure : as for a classical Angular app file structure, you have the index.html file and folders 應用 and 資產。
index.html 處理所有庫和Angular元素中的加載
assets 非常標準:它包含所有共享資產,如CSS,圖像,庫
app是您應用程序的核心。它包含您的所有控制器。
一個簡單的更改,web/index.html我完成了HelloWorld:
Hello Wakanda Newbies!
為了使其更直觀,可以在其css文件中更改背景顏色web/assets/css/style.scss:
body {
backgund-color: #51D8C6;
}
#wakanda-logo {
margin: 0;
max-height: 50%;
max-width: 50%;
}
提示:每次保存后,預覽會自動重新加載。
為我們的Angular應用配置路由
添加新組件并將其關聯到新路線
讓我們弄臟雙手吧!
由于我們的應用程序需要兩個視圖,第一個用于登錄,第二個用于Todos,因此我們首先創建這兩個組件。
為此,我們利用了基于Angular CLI的New Framework Element功能。用于創建角度應用程序的命令行工具。
Wakanda是用于創建Web,混合和本機應用程序的全棧JavaScpt平臺。Wakanda由兩個主要產品組成:
Studio: IDE,可幫助您對環境進行故障排除,開發應用程序并在本地對其進行測試。
:在開發和生產期間托管和運行Wakanda后端應用程序。
Wakanda Studio從正面到背面為您提供了完整的應用程序視圖:
應用程序腳手架:通過從模板的預配置列表中進行選擇來組成您的應用程序:
后端:JavaScpt,TypeScpt ..
網址:Angular4,Angular1 ..(很快Aurelia和React)
移動設備:Ionic2,Ionic1 ..(很快React Native)
環境故障排除:為您準備了開發工具和系統配置問題檢測以及解決方案,使您可以專注于創造價值。
框架CLI集成:直接通過圖形用戶界面從工作室生成Angular和Ionic的框架元素。引擎蓋下Wakanda工作室利用了angular-cli,ionic cli..
代碼版本控制: Git集成。
調試器:直接從Studio調試后端代碼。
任務:管理應用程序的運行任務(編譯,文件系統監視程序,livereloaders ..),從后端,移動設備和Web的集中式視圖其輸出,停止,重新加載任務..
代碼版本和完成: / TS / HTML / CSS ..的完成和 / TS后端文件的數據模型感知的代碼完成。
Wakanda Server是一種多線程,通過提供預捆綁的組件來降低配置和開發成本:
JavaScpt應用
使用V8作為JavaScpt運行時。
公開豐富的同步API,以處理文件系統,套接字,HTTP請求,內置或遠程數據庫,工作程序。
Workers API,以便您可以使用Node模塊,API和異步樣式編碼。
HTTP Server:公開Wakanda的自動生成的REST API,并可以提供應用程序的靜態文件。
數據象層
處理與數據源(內置的WakandaDB或遠程數據庫)的連接。
公開豐富的JavaScpt API以訪問和處理數據。
提供與數據作相關的事件。
保護對數據的訪問。
公開自動生成的REST API以訪問和處理數據。
WakandaDB(內置數據庫)
認證(目錄)
處理用戶/組和會話管理以及身份驗證。
公開端JavaScpt API。
公開REST API。