vue3-element-admin 前后端本地啟動聯調

一、后端環境準備

1.1、下載地址

gitee 下載地址

1.2、環境要求

  • JDK 17

1.3、項目啟動

  1. 克隆項目

    git clone https://gitee.com/youlaiorg/youlai-boot.git
    
  2. 數據庫初始化

    執行?youlai_boot.sql?腳本完成數據庫創建、表結構和基礎數據的初始化。

  3. 修改配置

    application-dev.yml?修改MySQL、Redis連接為本地配置;

  4. 啟動項目

    執行?YoulaiBootApplication.java?的 main 方法完成后端項目啟動;

    訪問接口文檔地址?http://localhost:8989/doc.html?驗證項目啟動是否成功。

能看到如下界面,說明后端啟動成功:

二、前端環境準備

2.1、下載地址

gitee 下載地址

2.2、環境要求

  • 開發工具:VSCode
  • 運行環境:Node ≥ 18(其中 20.6.0 版本不可用)

2.3、項目啟動

摘自官網

# 克隆代碼
git clone https://gitee.com/youlaiorg/vue3-element-admin.git# 切換目錄
cd vue3-element-admin# 安裝 pnpm
npm install pnpm -g# 設置鏡像源(可忽略)
pnpm config set registry https://registry.npmmirror.com# 安裝依賴
pnpm install# 修改前端項目 .env.development 文件
VITE_APP_API_URL=http://127.0.0.1:8989      # 本地 開啟# 啟動運行
pnpm run dev

?點擊驗證碼,能進入后端?com.youlai.boot.shared.auth.controller.AuthController#getCaptcha 斷點中,就證明前后端啟動成功,可以愉快地玩耍拉~~

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/897608.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/897608.shtml
英文地址,請注明出處:http://en.pswp.cn/news/897608.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

C++中error C2027: 使用了未定義類型 問題部分解決方法

在 C 編程中,遇到錯誤 C2027:“使用了未定義類型”通常意味著在代碼中使用了某種類型,但是編譯器無法識別這個類型的定義。這個錯誤通常有幾個常見的原因: 1. 缺少包含頭文件 如果使用了某個庫中的類型,但是沒有包含…

WinForm模態與非模態窗體

1、模態窗體 1)定義: 模態窗體是指當窗體顯示時,用戶必須先關閉該窗體,才能繼續與應用程序的其他部分進行交互。 2)特點: 窗體以模態方式顯示時,會阻塞主窗體的操作。用戶必須處理完模態窗體上…

Agisoft Metashape 創建分塊建模

Agisoft Metashape 創建分塊建模 文章目錄 Agisoft Metashape 創建分塊建模前言一、構建分塊模型1.1、設置模型范圍1.2、參數設置二、構建紋理三、導出分塊模型3.1整體導出3.2單獨導出選定的分塊四、編輯分塊模型前言 從 Agisoft Metashape Professional 的 2.1. 版本開始,就…

golang從入門到做牛馬:第二十二篇-Go語言并發:多任務的“協同作戰”

在Go語言中,并發是一種強大的編程范式,允許程序同時執行多個任務。Go通過goroutines和channels提供了一種簡潔且高效的方式來實現并發。此外,Go的調度器(Scheduler)基于GMP模型,能夠高效地管理并發。接下來,讓我們一起深入了解Go語言中的并發機制。 Goroutines:輕量級的…

MinIO的預簽名直傳機制

我們傳統使用MinIo做OSS對象存儲的應用方式往往都是在后端配置與MinIO的連接和文件上傳下載的相關接口,然后我們在前端調用這些接口完成文件的上傳下載機制,但是,當并發量過大,頻繁訪問會對后端的并發往往會對服務器造成極大的壓力…

手把手教你用Docker搭建gitlab

文章目錄 前言一、安裝Docker二、安裝GItlab三、配置Gitlab四、備份五、Docker數據持久化總結 前言 如題所述,手把手帶你搭建gitlab,目標是實現ssh鏈接clone項目,不會我隨你怎么說。 說正題,GitLab 是一個基于 Git 的全面 DevOps…

基于springboot住院管理系統(源碼+lw+部署文檔+講解),源碼可白嫖!

摘要 隨著世界經濟信息化、全球化的到來和電子商務的飛速發展,推動了很多行業的改革。若想達到安全,快捷的目的,就需要擁有信息化的組織和管理模式,建立一套合理、暢通、高效的線上管理系統。當前的住院管理存在管理效率低下&…

JVM常用概念之常量

問題 final修飾的字段就一定是不能重新賦值嗎? 基礎知識 常量變量是使用常量表達式初始化的原始類型或 String 類型的最終變量。變量是否為常量變量可能對類初始化、二進制兼容性和明確賦值有影響。 —Java 語言規范 實驗 用例源碼-重新賦值 import java.lang.reflect.Fie…

數據采集技術之python網絡爬蟲(中國天氣網的爬取)

一、爬取中國天氣網所有地區當天的天氣數據(PyCharm): 網址:https://www.weather.com.cn/ 下面爬取數據: 因為現在已經到了夜間,所以白天的數據已經不見了,但原理是一樣的。 二、代碼以及詳情…

樹莓集團落子海南,如何重構數字產業生態體系?

樹莓集團在海南的布局,是其整體商業戰略中的關鍵一環。這背后,是對政策機遇、產業協同、以及區域優勢的深度考量。 政策機遇 海南自貿港建設帶來前所未有的政策紅利,包括貿易、投資、資金等方面的自由便利。樹莓集團緊抓這一機遇&#xff0…

Ollama本地部署deepseek-r1蒸餾版

Docker安裝Ollama 拉取鏡像 docker pull ollama/ollama? 啟動-使用GPU docker run -d --gpusall -p 11434:11434 --name ollama ollama/ollamadocker run : Docker 的核心命令,用于創建并啟動一個新的容器。 -d : 后臺模式(detached mode&#xff09…

41.HarmonyOS NEXT Layout布局組件系統詳解(八):自定義樣式與類

溫馨提示:本篇博客的詳細代碼已發布到 git : https://gitcode.com/nutpi/HarmonyosNext 可以下載運行哦! HarmonyOS NEXT Layout 布局組件系統詳解(八):自定義樣式與類 文章目錄 HarmonyOS NEXT Layout 布局組件系統詳…

【Go | 從0實現簡單分布式緩存】-7:增加etcd和gRPC功能

本文目錄 1.序2.引入etcd緩存流程項目結構 3.gocachepb.proto4.服務注冊register.go5.服務發現discover.go6.gRPC客戶端client.gopeers.goclient.go 7.gRPC服務端實現server.go一些問題緩存獲取流程緩存設置流程為什么要帶超時的上下文? 1.序 GeeCache項目并沒有引…

Pytorch系列教程:可視化Pytorch模型訓練過程

深度學習和理解訓練過程中的學習和進步機制對于優化性能、診斷欠擬合或過擬合等問題至關重要。將訓練過程可視化的過程為學習的動態提供了有價值的見解,使我們能夠做出合理的決策。訓練進度必須可視化的兩種方法是:使用Matplotlib和Tensor Board。在本文…

18 | 實現簡潔架構的 Handler 層

提示: 所有體系課見專欄:Go 項目開發極速入門實戰課;歡迎加入我的訓練營:云原生AI實戰營,一個助力 Go 開發者在 AI 時代建立技術競爭力的實戰營;本節課最終源碼位于 fastgo 項目的 feature/s14 分支&#x…

藍隊第三次

1.了解什么是盲注 盲注(Blind SQL Injection)是SQL注入的一種形式,攻擊者無法直接通過頁面回顯或錯誤信息獲取數據,而是通過觀察頁面的布爾狀態(真/假)或時間延遲來間接推斷數據庫信息。例如,通…

sql server 2016 版本補丁說明

包信息和發布類型 Microsoft為創建和分發的 SQL Server 的所有軟件更新包采用了標準化命名架構。 軟件更新包是一個可執行文件(.exe 或 .msi)文件,其中包含一個或多個文件,這些文件可能應用于 SQL Server 安裝以更正特定問題。 …

STM32之I2C硬件外設

注意:硬件I2C的引腳是固定的 SDA和SCL都是復用到外部引腳。 SDA發送時數據寄存器的數據在數據移位寄存器空閑的狀態下進入數據移位寄存器,此時會置狀態寄存器的TXE為1,表示發送寄存器為空,然后往數據控制寄存器中一位一位的移送數…

從青銅到王者:六大排序算法實戰解析

前言 在編程的世界里,排序算法如同一顆璀璨的明珠,閃耀著智慧的光芒。它不僅是計算機科學的基礎知識點,更是每一位程序員必備的技能。今天,就讓我們一同走進排序算法的世界,深入探究冒泡排序、選擇排序、插入排序、快速排序、歸并排序、堆排序這六大經典算法的精髓所在,…

小程序配置webview

1.在微信公眾平臺配置業務域名 1)包括把校驗文件放在服務器根目錄 2)配置域名 2.在小程序中 新建文件 小程序新建頁面:web-view json配置:{ "pageOrientation": "landscape", "renderer":&qu…