更新記錄

1.0.5(2021-02-19)

更改配置名稱

1.0.4(2021-02-19)

添加地圖

查看更多

可視化編輯uniapp項目DIY拖拽

通過CMS可視化編輯uniapp，原理只是操作組件的排序和屬性。

如你的原項目需要加上可視化編輯，只需要規(guī)范轉(zhuǎn)化組件，即可輕松實現(xiàn)

項目剛上線還有很多不足，不斷優(yōu)化完善，不喜勿噴！

演示版本為最新版

QQ群：728615087

gitee: https://gitee.com/qianyu_wyc/uni-diy

項目分為cms端、uniapp項目端

安裝步驟

1、先更改把package.json中name后面的值改成英文即可，

如："name": "aaa"等,不然無法進行下一步操作

注：因為上傳的時候會被插件市場變更名字，所以需要手動替換一下

2、uniapp項目終端執(zhí)行安裝命令： npm install

不要用cnpm 安裝

3、運行uniapp到瀏覽器，得到網(wǎng)址：http://localhost:8081/

如果不是這個網(wǎng)址的話，需要到cms端的main.js中去配置

4、從gitee上下載cms端后，執(zhí)行安裝命令： npm install 運行命令：npm run serve

cms自定義頁面->保存數(shù)據(jù)到API->uniapp從API接口獲取數(shù)據(jù)->顯示頁面布局及樣式

為了便于大家演示，數(shù)據(jù)并未從后端獲取，而是固定的測試數(shù)據(jù)；所以頁面數(shù)據(jù)是無法保存的，可以自行編寫API端；

需要接口版+PHP端api可以加群獲取

陸續(xù)更新：

1、豐富的組件庫

2、unicloud版的API端

3、多頁面+多主題

本項目使用的插件

總結(jié)

以上是生活随笔為你收集整理的php移动端可拖动可视化,可视化编辑uniapp项目DIY拖拽的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。