大家好,我是程式設計師魚皮,這篇文章分享下我剛剛帶大家做完的新計畫 —— 程式碼生成器共享平台。
可以看視訊演示:https://www.bilibili.com/video/BV1EA4m1L7tm/
它可不是一個簡單的程式碼生成器,而是可以自由客製、釋出和使用各種程式碼生成器的平台。
進入主頁可以看到我們預添加的生成器,供大家玩耍。
線上體驗:http://yuzi.code-nav.cn/
比如
新年祝福網站
,我可以任意輸入姓名和祝福語:
然後點選生成程式碼,就得到了一個完整的網站計畫:
雙擊執行,就可以看到客製的祝福網站,顯示的內容就是我們剛剛輸入的:
點選 「開啟」 按鈕,還有煙花雨效果,這就是程式設計師的浪漫吧,祝大家新年快樂~
再比如
送你一朵玫瑰花
,進入詳情頁,可以下載生成器檔在本地使用,也可以直接線上使用。
不同的生成器,能夠讓使用者客製和輸入的內容也不同,比如給 「讀者大人」 送上 「身體健康」 的祝福:
執行效果如下:
上述演示網站的程式碼不是魚皮寫的,是 GitHub 上的開源計畫。在以前,你想客製一個這樣的網站,需要先把源碼下載到本地、再找到對應的程式碼內容進行替換。而現在有了我的程式碼生成器平台,開發者可以將原計畫制作為樣版和生成器,其他使用者直接線上輸入參數就能客製化生成程式碼了,大幅提高效率。
你可以建立屬於自己的生成器,基於我開發的分步表單依次填寫基本資訊、要讓使用者輸入的模型配置、要生成的檔配置、以及程式碼生成器的原始檔。然後,使用者就可以使用你開發的生成器啦~
我還開發了線上制作生成器的功能,在填寫好配置資訊後,將你準備好的動態樣版檔上傳,就能自動打包成可執行的生成器指令碼。
所謂的動態樣版檔,就是對一個固定檔的部份程式碼進行挖坑,比如:
魚皮說 ${word}
生成程式碼時,可以將使用者輸入的參數填入坑中,從而得到客製化的程式碼,比如:
使用者輸入:word = haha
得到的程式碼:魚皮說 haha
為了簡化挖坑和填寫配置的過程,我還帶大家開發了樣版制作工具,邏輯比較復雜,就先不贅述了。總之,我做的是
生成程式碼生成器的生成器
。
有了這個程式碼生成器共享平台,我們就可以大開腦洞,搞一些有趣的事情。
除了剛剛的演示的各種祝福類網站外,很多學編程的同學常幹的一件事是什麽?
「復制貼上別人的程式碼、稍微改一改就成自己的了、就可以寫到簡歷上了」
用我的這個平台,這件事就變得異常簡單,比如我做了一個熱門的 Java 計畫瑞吉外賣生成器,你可以直接線上修改頁面的名稱、圖片等等,不改任何程式碼,得到屬於自己的 xx 外賣計畫。
如下圖,紅圈部份都是我們自己客製的:
像我們開發常用的前端計畫腳手架、後端計畫樣版,都可以用這種方法來生成,提高開發效率。
計畫開源
功能就介紹到這裏,這個計畫我是完完整整地開源了,大家可以透過我精心拆分的送出記錄了解我的開發過程。
開源:https://github.com/liyupi/yuzi-generator
值得一提的是,我全程直播帶大家完成了這個全棧計畫,總共錄制了 40 多個小時的視訊教程,而且專門寫了 15 萬字的文字教程,從需求分析、系統設計、開發實作、計畫最佳化、部署上線,每個細節給大家講的明明白白。
透過這個計畫你可以學到很多技術的實戰運用、各種系統設計和最佳化方法等。而且我帶大家做的每個計畫都編寫了詳細的大綱、簡歷寫法、面試題解、答疑手冊等。從學習到面試,一條龍服務。
做計畫教程真心不容易(頭發都肝沒了),但後面還是會繼續做下去的~
加入計畫學習
最後歡迎大家體驗網站,也歡迎加入編程導航,不僅能學習魚皮往期 7 大原創計畫,後續還能跟著魚皮做新計畫,享受編程導航更多原創資料,開啟你的編程起飛之旅~
🧧 目前有兩周年限時特惠 全年最低價 ,掃碼即可領券加入,絕對是今年最值得入手的時間!
👇 點選下方閱讀原文,了解魚皮原創計畫教程系列
往期推薦