java搭建寶塔部署實戰likeadmin系統vue前端源碼 - admin端（二）

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

上一期給大家分享了java版likeadmin的server端本地搭建運作，寶塔部署的方式，今天來給大家分享admin前端vue在本地搭建，與打包釋出到寶塔的方法。感興趣的朋友可以自行下載下傳學習。

技術架構

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

文字搭建教程

1. 下載下傳vscode編輯器，本地電腦安裝node16版本以上，如果不會的同學，可以翻一下我以往的教程，裡面有教大家怎麼下載下傳。
2. 用vscode打開admin目錄，建立終端，輸入 yarn install 安裝依賴，如果沒有安裝yarn，可以輸入 npm install -g yarn 這個指令來全局安裝yarn。
3. 依賴安裝好以後，修改.env.development與.env.production的接口位址。接口位址為server端的位址。
4. 輸入 yarn dev 本地運作。
5. 釋出到線上，輸入 yarn build 執行打包操作，打包好後會生成一個public檔案夾，把檔案夾裡的檔案壓縮上傳到寶塔。
6. 寶塔新添加一個靜态網站，把壓縮好的前端代碼上傳解壓縮。設定僞靜态規則成以下：

location / {
  if (!-e $request_filename) {
    rewrite  ^(.*)$ /index.html?s=/$1  last;
    break;
  }
}           

1. 背景預設賬号密碼：admin 123456

系統介紹

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

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

自适應手機、平闆、電腦端。更多特性持續內建中，選擇likeadmin進行項目開發，可以長期提高機關人效，同樣的時間做更多的事情，工作更專注，休息更輕松。

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

系統實測截圖

視訊教程

java搭建寶塔部署實戰likeadmin系統vue前端源碼 - admin端（二）