天天看點

寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)

作者:web測評

大家好啊,我是測評君,歡迎來到web測評。

上一期給大家分享了pc端的部署方式,今天來給大家分享uniapp端在本地搭建,與打包釋出到寶塔的方法。感興趣的朋友可以自行下載下傳學習。

技術架構

  • vscode + node16+ + vue3 + uniapp + vite + typescript + yarn + tailwindcss
  • cnetos7以上 + 寶塔面闆

文字搭建教程

  1. 下載下傳HBuilderX編輯器,本地電腦安裝node16版本以上,如果不會的同學,可以翻一下我以往的教程,裡面有教大家怎麼下載下傳。
  2. 用HBuilderX導入uniapp目錄。
  3. 複制.env.development.example,将複制的檔案名修改為.env.development。
  4. 複制.env.production.example,将複制的檔案名修改為.env.production。
  5. 打開.env.development檔案,修改VITE_APP_BASE_URL變量的值為項目安裝部署的服務端位址。
  6. 安裝依賴,選中目前項目,點選HbuilderX左上角菜單工具>外部指令>npm install安裝依賴。
  7. 運作到h5,點選HbuilderX左上角菜單運作>運作到浏覽器>Chrome。
  8. 運作到微信小程式,點選HbuilderX左上角菜單運作>運作到小程式模拟器>微信開發者工具 - (uniapp)。
  9. 發行到h5:點選HbuilderX左上角菜單發行>網站-PC Web或手機H5(僅适用于uni-app),輸入網站标題,點選發行按鈕,編譯完成後可在uniapp/dist/build/h5下面看到打包好的代碼,将h5下面的代碼複制到釋出目錄,然後上傳代碼到伺服器或倉庫即可。

系統介紹

likeadmin可以通過可視化的代碼生成器,快速的生成後端CRUD代碼,前端頁面代碼。

通過可視化的表單設計器,拖拉拽DIY設計各種類型表單界面,并且生成對應代碼。減少基礎開發工作量,縮短整體開發時間。

當程式開發聚焦業務本身時,生産力就能充分釋放,軟體需求即可加速實作了。

系統實測截圖

寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)
寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)
寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)
寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)

視訊教程

寶塔搭建實戰php開源likeadmin通用管理移動端uniapp源碼(四)

繼續閱讀