<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          我做了個(gè)工具,幾秒就能生成項(xiàng)目!

          共 1944字,需瀏覽 4分鐘

           ·

          2024-04-10 17:08

          大家好,我是程序員魚皮,這篇文章分享下我剛剛帶大家做完的新項(xiàng)目 —— 代碼生成器共享平臺(tái)。

          可以看視頻演示:https://www.bilibili.com/video/BV1EA4m1L7tm/

          2fb75015d03bcd88c95260dafdb0720e.webp

          它可不是一個(gè)簡單的代碼生成器,而是可以自由定制、發(fā)布和使用各種代碼生成器的平臺(tái)。

          進(jìn)入主頁可以看到我們預(yù)添加的生成器,供大家玩耍。

          在線體驗(yàn):http://yuzi.code-nav.cn/

          比如 新年祝福網(wǎng)站 ,我可以任意輸入姓名和祝福語:

          1da6d05608e7aa7dfdc7e209f3db7a86.webp

          然后點(diǎn)擊生成代碼,就得到了一個(gè)完整的網(wǎng)站項(xiàng)目:

          3fd08cf4a39f2c5955283d5b9bb5fff2.webp

          雙擊運(yùn)行,就可以看到定制的祝福網(wǎng)站,顯示的內(nèi)容就是我們剛剛輸入的:

          1273faab478d71a33133819bec7ec45a.webp

          點(diǎn)擊 “打開” 按鈕,還有煙花雨效果,這就是程序員的浪漫吧,祝大家新年快樂~

          451aafd14021691febf342630981e09f.webp

          再比如 送你一朵玫瑰花 ,進(jìn)入詳情頁,可以下載生成器文件在本地使用,也可以直接在線使用。

          fb006e950e85450d7b43a4991c90a477.webp

          不同的生成器,能夠讓用戶定制和輸入的內(nèi)容也不同,比如給 “讀者大人” 送上 “身體健康” 的祝福:

          d98d6ed9ad1f4803550f98b901ecad9b.webp

          運(yùn)行效果如下:

          3bb58565dbcfdb306181098e01a618a0.webp

          上述演示網(wǎng)站的代碼不是魚皮寫的,是 GitHub 上的開源項(xiàng)目。在以前,你想定制一個(gè)這樣的網(wǎng)站,需要先把源碼下載到本地、再找到對(duì)應(yīng)的代碼內(nèi)容進(jìn)行替換。而現(xiàn)在有了我的代碼生成器平臺(tái),開發(fā)者可以將原項(xiàng)目制作為模板和生成器,其他用戶直接在線輸入?yún)?shù)就能定制化生成代碼了,大幅提高效率。

          你可以創(chuàng)建屬于自己的生成器,基于我開發(fā)的分步表單依次填寫基本信息、要讓用戶輸入的模型配置、要生成的文件配置、以及代碼生成器的源文件。然后,用戶就可以使用你開發(fā)的生成器啦~

          67ac2cdd96af4d84483d5c33cd706cad.webp

          我還開發(fā)了在線制作生成器的功能,在填寫好配置信息后,將你準(zhǔn)備好的動(dòng)態(tài)模板文件上傳,就能自動(dòng)打包成可執(zhí)行的生成器腳本。

          cf28e25003cb94804ab9892a46de3b9f.webp

          所謂的動(dòng)態(tài)模板文件,就是對(duì)一個(gè)固定文件的部分代碼進(jìn)行挖坑,比如:

                
                魚皮說 ${word}

          生成代碼時(shí),可以將用戶輸入的參數(shù)填入坑中,從而得到定制化的代碼,比如:

                
                用戶輸入:word = haha
          得到的代碼:魚皮說 haha

          為了簡化挖坑和填寫配置的過程,我還帶大家開發(fā)了模板制作工具,邏輯比較復(fù)雜,就先不贅述了。總之,我做的是 生成代碼生成器的生成器 。

          ba02cd50479ecceca11b53f63abf5fb7.webp

          有了這個(gè)代碼生成器共享平臺(tái),我們就可以大開腦洞,搞一些有趣的事情。

          除了剛剛的演示的各種祝福類網(wǎng)站外,很多學(xué)編程的同學(xué)常干的一件事是什么?

          “復(fù)制粘貼別人的代碼、稍微改一改就成自己的了、就可以寫到簡歷上了”

          用我的這個(gè)平臺(tái),這件事就變得異常簡單,比如我做了一個(gè)熱門的 Java 項(xiàng)目瑞吉外賣生成器,你可以直接在線修改頁面的名稱、圖片等等,不改任何代碼,得到屬于自己的 xx 外賣項(xiàng)目。

          b5aea351909ca5de5e921c8a78bdaac9.webp

          如下圖,紅圈部分都是我們自己定制的:

          1514cdc95799eb120ef2bc5b7f5d28cc.webp

          像我們開發(fā)常用的前端項(xiàng)目腳手架、后端項(xiàng)目模板,都可以用這種方法來生成,提高開發(fā)效率。

          項(xiàng)目開源

          功能就介紹到這里,這個(gè)項(xiàng)目我是完完整整地開源了,大家可以通過我精心拆分的提交記錄了解我的開發(fā)過程。

          開源:https://github.com/liyupi/yuzi-generator

          c16462a26ba672bf446beeba4d500b26.webp

          值得一提的是,我全程直播帶大家完成了這個(gè)全棧項(xiàng)目,總共錄制了 40 多個(gè)小時(shí)的視頻教程,而且專門寫了 15 萬字的文字教程,從需求分析、系統(tǒng)設(shè)計(jì)、開發(fā)實(shí)現(xiàn)、項(xiàng)目優(yōu)化、部署上線,每個(gè)細(xì)節(jié)給大家講的明明白白。

          0b2a46b09826b0c6ec5093afe25e0958.webp

          通過這個(gè)項(xiàng)目你可以學(xué)到很多技術(shù)的實(shí)戰(zhàn)運(yùn)用、各種系統(tǒng)設(shè)計(jì)和優(yōu)化方法等。而且我?guī)Т蠹易龅拿總€(gè)項(xiàng)目都編寫了詳細(xì)的大綱、簡歷寫法、面試題解、答疑手冊(cè)等。從學(xué)習(xí)到面試,一條龍服務(wù)。

          8e8f3830079b36da60298582a10f9e4b.webp近 60 道項(xiàng)目面試題解

          做項(xiàng)目教程真心不容易(頭發(fā)都肝沒了),但后面還是會(huì)繼續(xù)做下去的~

          加入項(xiàng)目學(xué)習(xí)

          最后歡迎大家體驗(yàn)網(wǎng)站,也歡迎加入編程導(dǎo)航,不僅能學(xué)習(xí)魚皮往期 7 大原創(chuàng)項(xiàng)目,后續(xù)還能跟著魚皮做新項(xiàng)目,享受編程導(dǎo)航更多原創(chuàng)資料,開啟你的編程起飛之旅~

          ?? 目前有兩周年限時(shí)特惠 全年最低價(jià) ,掃碼即可領(lǐng)券加入,絕對(duì)是今年最值得入手的時(shí)間!

          編程導(dǎo)航兩周年x新年特惠


          ?? 點(diǎn)擊下方閱讀原文,了解魚皮原創(chuàng)項(xiàng)目教程系列

          往期推薦

          搞了次性能優(yōu)化,結(jié)果出乎意料!

          我做了幾個(gè)項(xiàng)目,還是啥都不會(huì)?

          23年最火的前端項(xiàng)目出爐,竟然是它?

          Guava Cache 異步刷新技巧,你值得擁有!

          我們實(shí)習(xí)生的求職總結(jié)~

          教你幾招,寫出老板不敢裁你的 “好” 代碼?

          瀏覽 64
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  免费无码性爱视频 | 色五月婷婷小说 | 大香蕉狠狠操 | 久久美国发布站 | 国产婬乱片A片AAA毛姪片 |