zoukankan      html  css  js  c++  java
  • 如何分析一个开源项目(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>

      

  • 相关阅读:
    软件工程第一次作业--IT女的进化
    软件工程第五次作业
    软件工程第四次作业
    软件工程第三次作业
    软件工程第二次作业
    v0.1beta
    第二次结对作业
    软件工程结对作业
    软件工程第三次作业
    软件工程第二次作业
  • 原文地址:https://www.cnblogs.com/xie-qi/p/15143063.html
Copyright © 2011-2022 走看看