直接先看操作
第一步：連接數(shù)據(jù)庫，輸入數(shù)據(jù)庫地址（要帶上庫名），登錄帳號與密碼，用于AI來分析數(shù)據(jù)字段與結(jié)構(gòu)，
如果沒有可訪問的數(shù)據(jù)庫， 可以導(dǎo)出 sql 結(jié)構(gòu)也行，雖然這功能還沒開始。
1.png
第二步: 如果你已經(jīng)有接口了（因為我是純前端的AI＋低代碼，所以暫時還需要自行提供接口，服務(wù)端代碼可以使用其它代碼生成工具完成），可以配置一下，沒有就跳過先
2.png
第三步：配置一下接口即使用沒有接口也要先預(yù)定義一下
3.png
再配置一下代碼中是模板變量，比如你的查詢接口第幾頁用的是num字段，那么 pageNo: 'num'
4.png
第四步：就可以解析出你的數(shù)據(jù)結(jié)構(gòu)了，可以修改選擇頁面使用到的表，會自動分析你可能使用的字段或組件，然后點擊 可以了，開始吧！
5.png
第五步：直接出系統(tǒng)，preview 一下
6.png
可以看到，不到一分鐘就出了一個系統(tǒng)，然后我們就到可視化低代碼階段，再復(fù)雜的系統(tǒng)也就是手到擒來了，更多功能可以自己體驗哦
11.png
總結(jié)
通過解析數(shù)據(jù)庫的表與其結(jié)構(gòu)，按對應(yīng)字段使用相關(guān)組件，自動生成可視化設(shè)計結(jié)構(gòu)，再做非常規(guī)修改或添加功能，下載再生成react源代碼項目確實非常高效方便
