不想加班开发管理后台了，试试这个 Java 开源项目吧！
<blockquote><p>本文适合有 Java 基础并了解 SpringBoot 框架的同学</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123908703-1273830659.jpg"></p>
<p align="center">本文作者：HelloGitHub-<strong>嘉文</strong></p>
<p>这里是 HelloGitHub 推出的《讲解开源项目》系列，今天给大家带来一款开源的 Java 后台管理框架——<strong>EL-ADMIN</strong></p>
<p>它是一个基于 Spring Boot、Spring Data JPA、JWT、Spring Security、Redis、Vue、Element-UI 的前后端分离的后台管理系统。如果你想要学习上面这些框架的使用、增加实战经验、学习代码规范，又或者找接私活开发的脚手架，提高赚钱的效率，EL-ADMIN 都能满足你的需求。</p>
<blockquote>
<p>项目地址：https://github.com/elunez/eladmin</p>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123610315-129950031.png"></p>
<p>简单配置后可直接运行，极大地提高了你在开发管理后台的效率，从而有更多时间逛 HelloGitHub。不信？跟着本文，让你 <strong>5 分钟</strong> 跑起来一个功能丰富的管理后台项目。</p>
<h2 id="一快速开始">一、快速开始</h2>
<h3 id="11-环境准备">1.1 环境准备</h3>
<p>后端环境：</p>
<ol>
<li>JDK 1.8+</li>
<li>Maven 3.0+</li>
<li>MYSQL 5.5+</li>
<li>Redis 3.0+</li>
</ol>
<p>前端环境：</p>
<ol>
<li>Node v10+</li>
</ol>
<p>开发工具</p>
<ol>
<li>IDE：IDEA</li>
<li>MySQL 可视化：Navicat</li>
</ol>
<h3 id="12-快速开始">1.2 快速开始</h3>
<p><strong>（1）clone 项目</strong></p>
<ul>
<li>GitHub：</li>
</ul>
<pre><code class="language-bash"># 后端项目
git clone https://github.com/elunez/eladmin.git
# 前端项目
git clone https://github.com/elunez/eladmin-web.git
</code></pre>
<ul>
<li>Gitee（国内访问网速较快）：</li>
</ul>
<pre><code class="language-bash"># 后端项目
git clone https://gitee.com/elunez/eladmin.git
# 前端项目
git clone https://gitee.com/elunez/eladmin-web.git
</code></pre>
<p><strong>（2）导入 MySQL 数据库</strong></p>
<p>打开 Navicat，连接 MySQL，新建数据库 eladmin，设置字符集和排序规则如下图所示：</p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123624094-1180137641.png"></p>
<p>右键你新建的数据库，选择「运行 SQL 文件」，选择 clone 的下来的 <code>eladmin/sql/eladmin.sql</code> 文件。</p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123633979-331769086.png"></p>
<p>导入 SQL 数据成功，一共有 27 张表。</p>
<p><strong>（3）运行后端项目</strong></p>
<p>配置文件：使用 IDEA 打开后端项目 eladmin，等待 maven 下载结束后，打开配置文件 yml 配置数据库，改成你机器上的 MySQL 或者 Redis 的 IP、端口和密码。</p>
<blockquote>
<p>MySQL 默认：</p>
<ul>
<li>url：localhost:3306</li>
<li>密码：123456</li>
</ul>
<p>Redis 默认：</p>
<ul>
<li>url：localhost:6379</li>
<li>密码：无</li>
</ul>
</blockquote>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123643398-1779331492.png"></p>
<p>运行后端项目：</p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123652598-64979780.png"></p>
<p><strong>（4）运行前端项目</strong></p>
<p>在 clone 的前端项目「eladmin-web」文件夹下打开 cmd 命令行窗口。</p>
<pre><code class="language-bash"># 安装
npm install
# 运行
npm run dev
</code></pre>
<h3 id="13-效果预览">1.3 效果预览</h3>
<p>运行成功会自动弹出下面界面：</p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123701975-1735487761.png"></p>
<h2 id="二可能遇到的坑">二、可能遇到的坑</h2>
<h3 id="21-端口占用">2.1 端口占用</h3>
<p>报错信息：</p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123713780-948401270.png"></p>
<p>我们这里使用其他端口，修改配置文件 <code>application.yml</code> 端口为 8001：</p>
<pre><code class="language-yaml">server:
port: 8001
</code></pre>
<p><strong>注意：修改后端端口后，需要修改前端对应的请求接口。</strong></p>
<p><img src="https://img2020.cnblogs.com/blog/759200/202101/759200-20210106123722886-207343933.png"></p>
<h3 id="22-npm-install-安装缓慢或者安装失败">2.2 <code>npm install</code> 安装缓慢或者安装失败</h3>
<p>设置淘宝镜像源来解决</p>
<pre><code class="language-bash">npm config set registry https://registry.npm.taobao.org
</code></pre>
<p>检查是否设置成功</p>
<pre><code class="language-bash">npm config get registry
</code></pre>
<h2 id="三如何学习这个项目">三、如何学习这个项目</h2>
<h3 id="31-基本用途">3.1 基本用途</h3>
<p>EL-ADMIN 是<strong>一个简单且易上手的 Spring boot 后台管理框架</strong>，你可以通过它学习到：</p>
<ul>
<li>Spring Boot、Spring Data JPA、JWT、Spring Security、Redis、Vue、Element-UI 等框架的使用</li>
<li>增加项目经验</li>
<li>学习代码规范</li>
<li>作为接私活开发的「脚手架」，提高赚钱效率（比如 项目代码生成模块 可以直接生成前后端代码）</li>
</ul>
<h3 id="32-深入学习">3.2 深入学习</h3>
<p>了解完<strong>基本用途</strong>和<strong>快速开始</strong>之后，你想要更深层的学习这个开源项目的话，可以：</p>
<ol>
<li>了解技术框架：如果你没有了解 Spring Boot、Spring Data JPA、JWT、Spring Security、Redis、Vue、Element-UI 这些技术框架你应该先去了解它们，这是项目基石，不会的请网上搜索，因为 <strong>搜索是基本技能</strong></li>
<li>了解项目结构：了解各个模块和文件的主要作用</li>
<li>了解项目功能：了解项目实现的功能（比如说 权限验证 ），这个项目使用了什么技术来实现「权限验证」（JWT 和 Spring Security），你需要在源代码里面将这个功能实现的大致流程看懂（你可以找到功能入口一层一层点进去或者 Debug 或者 自己写一个类似功能）</li>
</ol>
<h3 id="33-怎么学习">3.3 怎么学习</h3>
<p>学习一个开源项目，你应该首先要明确的是 <strong>你学习开源项目的目的</strong>，因为很多开源项目（比如 EL-ADMIN）代码量还是比较大的，不同学习目的应该有不同的学习深度，而不是仅限于快速开始然后<strong>无从下手</strong>。</p>
<h2 id="四最后">四、最后</h2>
<p>很多同学学习 SpringBoot 的相关课程之后并不知道应该继续学习什么、做些什么实战项目。因为我就有类似的经历 ，这里我的个人建议：<strong>学习不是目的，使用起来才是</strong>，学了就要用，学了却不去用，还不如不学，因为不久就会忘的一干二净。如果只是学习却不巩固你的大脑就会将其忘记，而「实践」就是巩固的最佳方法，希望你能在实践中体验设计程序的快乐！</p>
<p>至此，感谢您的阅读。项目涉及到的知识点比较多，如果你时间不够充裕，建议选择感兴趣或者合适的功能去学习，有基础建议直接阅读 官方文档。</p>
<p>如果你有感兴趣的开源项目，但是不知道怎么上手，欢迎留言告诉我们。《讲解开源项目系列》就是帮助大家快速上手开源项目，所以你的需求就是我们的使命～留言吧！</p>
<h2 id="五参考">五、参考</h2>
<ol>
<li>
<p>官方文档</p>
</li>
<li>
<p>如何学习开源项目</p>
</li>
</ol>
</div>
<div id="MySignature" role="contentinfo">
<div>
<p style="border-top: #e0e0e0 1px dashed; border-right: #e0e0e0 1px dashed; border-bottom: #e0e0e0 1px dashed; border-left: #e0e0e0 1px dashed; padding-top: 5px; padding-right: 10px; padding-bottom: 10px; padding-left: 150px; background: url(https://images.cnblogs.com/cnblogs_com/xueweihan/859919/o_200924043112qrcode_for_gh_4fb030b35bb4_258.jpg) #e5f1f4 no-repeat 1% 50%; background-size:130px 130px;font-family: 微软雅黑; font-size: 13px" id="PSignature">
<br>
作者：削微寒
<br>
<strong>扫描左侧的二维码可以联系到我</strong>
<br>
<img alt="知识共享许可协议" style="border-width: 0" src="https://licensebuttons.net/l/by-nc-nd/4.0/88x31.png"><br>本作品采用署名-非商业性使用-禁止演绎 4.0 国际 进行许可。
</p>
</div><br><br>
来源：https://www.cnblogs.com/xueweihan/p/14244798.html
頁:
[1]