高擴展網頁平臺，原來碼良能夠這樣用

震驚，原來碼良能夠這樣用

很差意思，走錯片場，原來這裏不是 UC 震驚部。

本文爲「碼良系統的使用及設計實現」系列文章的第二篇。

• 開篇: 碼良的正確打開方式
• 碼良是如何設計高擴展的在線網頁製做平臺的
• 神筆已開，我該如何使用

小歡喜

距離上篇文章發佈一週時間，碼良也經過不一樣渠道獲取到了諸多關注。

好比， github star 數自10月8號上升了110%，達到了563（10月17號數據）

上了github vue 類型項目周榜

成了 gitee 的 gvp

被開源中國收錄並推薦

還有釘釘羣、微信羣裏不斷涌入的新面孔。

總之，謝謝你們的捧場 🎉🎉。

下文多圖，流量預警

碼良我已經打開了，但是到底怎麼用！

上篇文章詳細介紹了碼良服務的幾種獲取方式並簡要截取了一些使用場景的圖片，或許讀者已經自行探索了一些碼良的玩法了，本文將要給出大量的使用說明，你準備好了麼

場景一 hello world

你好，世界

使用富文本組件寫一個高端大氣上檔次的 」hello world「 給你看

場景二 滑一個看看

使用頁面容器組件（輪播器）能夠實現各類（自動/手動）輪播效果

左右滑

上下滑

整頁滑

場景三 點你咋地

爲組件添加點擊操做，操做能夠來自腳本，也能夠是自帶的哦

場景四 來點音樂

使用音頻組件爲頁面播放音樂

直接使用音頻資源地址

使用本地上傳的音頻文件

場景五 看個視頻

使用視頻組件爲頁面播放視頻

視頻來自資源連接

視頻來自視頻網站分享代碼

場景六 彈個美美的框

移動端頁面裏面每每須要模態框來使頁面展現更有層次，避免讓全部信息堆在一塊兒，那就作個美美的彈框如何

場景七 合成魔法

頁面作的多了，發現其實不少操做都是類似的，好比場景六的模態框，可不能夠收集起來重複利用呢？看我合成魔法

場景八 獲取用戶輸入看看

使用輸入框 組件能夠獲取用戶輸入內容，進行後續操做

場景九 智障機器人

還記得紅極一時的對話機器人麼，本身來作一個如何（對話 api 來自https://www.ownthink.com/robot.html）

使用按鈕、列表、文本等組件繪製出頁面結構

爲發送按鈕添加邏輯，除視頻外，能夠至碼良頁面精選頁 fork 頁面查看其細節

https://ymm-maliang.oss-cn-hangzhou.aliyuncs.com/ymm-maliang/access/ymm_1571322481642.mp4

智障機器人體驗地址

場景十 fxxxxk，發佈錯了

太不當心把編輯中的內容發佈出去了，忍不住 fxxxxxxk 從中來， 看看應該怎麼應對吧

閒話

好累，終於寫完了

例行求體驗，例行求 star

資源

代碼倉庫： https://github.com/ymm-tech/gods-pen

官網： https://godspen.ymm56.com/

使用手冊： https://godspen.ymm56.com/doc/cookbook/introduce.html

在線體驗： https://godspen.ymm56.com/admin/#/home

私有部署： https://godspen.ymm56.com/doc/cookbook/install.html

交流羣

釘釘	微信
優先加釘釘羣	若是上面微信二維碼過時。點擊我查看最新二維碼 添加的時候備註上 碼良我再邀請你進入羣聊