如何分析一个开源项目(eladmin)

开源项目(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>

  

原文地址:https://www.cnblogs.com/xie-qi/p/15143063.html