開源項目（eladmin），前后端項目。來源碼雲；參考：狂神說Java；
一）百度搜索eladmin：
下載后端項目：https://gitee.com/elunez/eladmin;
下載前端項目：https://gitee.com/elunez/eladmin-web
*下載注意事項：
①國內優先使用碼雲下載，速度更快；
②解壓之前觀察：
1）項目使用技術；
2）是否帶有數據庫（mysql）；
3）運行環境是否匹配；
Java，SpringBoot->Maven；Vue->npm,nodejs（一種javascript的運行環境，能夠使得javascript脫離瀏覽器運行）；Redis-reids....
③第二步都ok，開始導入項目運行；
二）准備運行；
1）查看是否安裝mysql數據庫，如有的話，打開數據庫，運行后端項目中的sql；
①新建一個數據庫eladmin，
②復制sql語句，並運行；
2）運行前端項目，前端依賴安裝；
①安裝npm install；
文檔上寫的步驟；
3）后端項目導入；
4）先啟動后端項目；
①只要發現Swagger，那么跑起來的第一步都是先進入swagger-ui頁面，因為這里都是接口；
②查看配置文件（默認端口，配置，環境地址）；
啟動成功：
5）啟動前端；
前端就是安裝依賴，啟動測試運行，查看接口是否正常；
6）訪問前端；
前端啟動成功；
遇到問題，redis未啟動：
安裝redis教程：https://www.runoob.com/redis/redis-install.html；
啟動；
登錄成功，進入后台；
三）分析前后端分離項目固定套路；
1）從前端開始分析，打開控制台，點一個接口，分析一波調用關系；
2）前后端端口調用不一致；8012-8000；怎么連接的；
①封裝了接口請求，ajax（jsp），axios（request，vue）；
②找到環境配置；前后端項目分離的重點，找到接口的調用關系；SpringBoot提供服務，前端調用接口數據，Vue負責渲染頁面；
前端項目基本組成；
③通過前端的請求，找到后端的接口；
④后端分析，Controller->Service-Dao；
⑤從前到后分析，如何渲染到視圖上；
⑥vue標准套路；
<template>
視圖層 </template> <script>
js操作，接口的調用 export default{ } </script> <style>
頁面的樣式 </style>