文檔可視化+表單引擎,讓數(shù)據(jù)交互更流暢!
共 1579字,需瀏覽 4分鐘
·
2024-05-10 13:28
hello,大家好,我是徐小夕。之前和大家分享了很多可視化,零代碼和前端工程化的最佳實(shí)踐,今天繼續(xù)分享一下最近開發(fā)的文檔引擎 Nocode/WEP 的最新更新。
往期精彩
-
零代碼+AI的階段性復(fù)盤 -
文檔引擎+AI可視化打造下一代文檔編輯器 -
爆肝1000小時(shí), Dooring零代碼搭建平臺(tái)3.5正式上線 -
從零打造一款基于Nextjs+antd5.0的中后臺(tái)管理系統(tǒng)
先和大家同步一下更新內(nèi)容:
1. AI內(nèi)容生成格式化優(yōu)化
2.文檔內(nèi)嵌表單組引擎, 可以配置自定義表單
3. 新增表單數(shù)據(jù)查看頁面
接下來我會(huì)和大家一一介紹更新的功能點(diǎn)。
演示地址:
http://wep.turntip.cn文檔案例:
http://wep.turntip.cn/design/doc?id=d1713369951622&uid=wep_251711700015023
AI內(nèi)容生成格式化優(yōu)化
之前有用戶在留言區(qū)評論說AI生成的內(nèi)容保存后格式?jīng)]了,我最近修復(fù)了一下,目前可以完美保留AI生成的內(nèi)容格式,幫助大家快速創(chuàng)作內(nèi)容:
上面是讓AI幫助我們生成一個(gè)前端學(xué)習(xí)大綱的需求,大家可以看到生成的效果,如果覺得不滿意,還可以重新生成:
我們保存之后, 目前可以和文檔完美融合,并且保留了AI的格式:
文檔內(nèi)嵌表單組引擎, 可以配置自定義表單
這個(gè)功能也是之前網(wǎng)友提的一個(gè)比較實(shí)用的建議, 最近也花了點(diǎn)實(shí)現(xiàn),實(shí)現(xiàn)了一個(gè)表單引擎,方便用戶可以在文檔里輕松制作表單,并進(jìn)行數(shù)據(jù)收集:
上圖我們可以看到,我們可以在文檔中輕松制作表單,而且一個(gè)文檔可以制作多個(gè)表單,非常有價(jià)值。
目前表單引擎我使用的是原生js實(shí)現(xiàn),由于dom操作,難免性能上會(huì)超過傳統(tǒng)框架諸如react,vue等,所以大家可以參考學(xué)習(xí)一下,后面我也會(huì)做一些技術(shù)分享。
整個(gè)引擎代碼大概不到400行:
我們來看看表單制作好之后保存的效果:
新增表單數(shù)據(jù)查看頁面
文檔和表單都有了, 我們當(dāng)然要能查看數(shù)據(jù)啦,文檔的創(chuàng)作者可以在文檔表單右上角直接點(diǎn)擊查看數(shù)據(jù),來觀察表單的收集情況。
我們來看看表單數(shù)據(jù)頁面:
演示地址:
http://wep.turntip.cn文檔案例:
http://wep.turntip.cn/design/doc?id=d1713369951622&uid=wep_251711700015023
