1. 程式人生 > >微信小程式之---模版元件拖拽開發嘗試

微信小程式之---模版元件拖拽開發嘗試

搜尋了下小程式模版,找到了一個極速應用模版,專門開發小程式的,可以看到很多型別的模版,有複雜樣式,常見元件,功能特點如下:

1.豐富的元件及模版可以拖拽元件,單獨對元件元素設定各種屬性而不需要一句程式碼

2.可以打包成微信開發工具原始碼可隨時釋出,隨時掃描

3.包含完整詳細的後臺操作介面,資料管理,使用者管理等

4.教程及社群問題討論較為完善

但是。。。

看著很美好。。

其實我只想要某個頁面。。

或者想把模版拿到後繼續修改開發。。

於是我找了個簡單的電商模版,使用,打包(必填的appid等中文都可以。。目測是沒什麼用的),下載,沒有任何多餘註冊及收費,挺良心了。

第一個嘗試:

電商模版可以用微信開發工具開啟,功能頁面也完美,但是,頁面目錄有上世紀的老奶奶的裹腳布那麼長。。。看了下 wxml,js,wxss   程式碼有點多,但是沒什麼亂碼,還是可以看。

心想,可能這麼複雜的模版就是要有這麼多的頁面檔案才對吧!

第二個嘗試:

看個簡單的頁面吧。。。

我自己使用元件畫了個頭像,暱稱,新增到背景圖,居中樣式。。在圖片上新增按鈕居中元件好像不好做,它自動把按鈕放在圖片頂部或者底下。。。算了,先這樣,反正我能在開發工具裡把它弄的服服帖帖的。。

再加個列表試下,嗯,一秒就又了列表。

好了。。。

可以打包了。。原始碼下載。。

用微信開發工具開啟,額。。。這個簡單的頁面出現了,但是我是重點不看臉,看程式碼的。page下面有多達十個資料夾,大概看了下,有手機號繫結,有訂單,有購物車,有個人資訊頁面。。。有分享頁面。。。有搜尋功能。。

就當作我可以全部一下子刪除吧,我去找了我自己編輯的這個頁面對應的原始碼。。。很好,它初始化並賦值了陣列,繫結資料, wxml 中也是幾百行的程式碼。。看到暈。。像今年的雙十一。。。我選擇放棄。。。

就這樣,和一啪啦的微信模版告別了。。。

頁面功能都實現了。。挺好的。。

但是太冗長複雜的程式碼無法快速方便的修改維護。。

但願以後我能遇到比極速開發更好的模版~

也歡迎介紹~