如果樓主是想要自己搭建小程式生成平臺的話。建議關注第三方的一鍵生成。因為那樣的話，你會節省成本。也不用浪費多少開發時間。無非就是要花點錢買一套那種原始碼程式。還需要認證微信開發者平臺。省時省力還省時間。樓主需要的話可以去百度一下關注一下。。

因為用第三方平臺的話，這樣的話你可以省很多事情。包括後期的修復bug之類的。還有一點就是第三方一鍵生成小程式平臺，一些技術相對來講很成熟啊。

現在市場上有許多這樣的平臺，比如說，即速應用，輕芒小程式+，上線了，小鵝通，這些都能夠生成自己的小程式，不過不同平臺可能針對的領域有差別，比如輕芒小程式，專注為內容創作者，快速生成小程式，小鵝通是專注於知識領域的，這些深耕於細分領域的都做的不錯。

第一步，首先你要將你支援使用者拖拽的模組提前寫出來，也稱模板區域，這些程式碼也就是你在小程式中實現的程式碼，透過HTML+CSS展示在你前端頁面，當用戶拖拽的時候用到的是Html5的拖拽效果，可以參考W3S的這個連結：http://www.w3school.com.cn/html5/html_5_draganddrop.asp

第二步，當我們將模板區域的元件拖動的到設計區域，這個區域要生成相應的小程式元件，並且展示出來

這上面僅僅只是說明了怎麼去實現，第一步，寫好元件模板，第二步，實現拖拽，第三步，生成元件程式碼，這些只是理論知識，真正去實現過程中比這裡的複雜情況多的多

所以這裡只能給你推薦一下你可能用的到的技術，連結如下：

https://juejin.im/post/5a667e286fb9a01c982cb474

Vue-Layout : vue視覺化佈局、自動生成程式碼https://cnodejs.org/topic/5993e5acf36051a45246c07a

對於基礎者的話，難度可能是相當大的，希望加油！