前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >分析开源项目

分析开源项目

原创
作者头像
后端码匠
修改2021-08-18 14:24:21
5820
修改2021-08-18 14:24:21
举报
文章被收录于专栏:后端码匠

解压项目

先不要着急运行

观察

  • 运用了哪些技术(SpringBoot、Vue、Redi、MQ...)
  • 是否有数据库(mysql)
  • 你的环境是否匹配(Maven、 Java、npm、nodes.js、redis...) 通过了, 然后再想办法运行

跑起来是第一步

  • 安装数据库, 执行SQL
  • 前端需要跑起来
  • 后端项目导入跑起来
  • 启动后端项目
mark
mark

只要发现了Swagger, 那么跑起来第一步就是先进入Swagger-ui界面! 因为这里面都是接口!

前后端分离项目固定套路

  • 从前端开始分析. 打开控制台, 点一个接口, 分析一波调用关系
  • 前后端接口调用不一致 8013 --- 8000 , 怎么操作
    • 封装了接口请求: ajax axios request
    • 找到配置
    • 前后端分离项目重点, 找到调用关系
    • 前端项目固定套路
      mark
      mark
代码语言:txt
复制
- Controler-Service-Dao
代码语言:txt
复制
- 如何渲染的呢?
代码语言:txt
复制
![mark](http://image.codingce.com.cn/blog/20200929/163833141.png)
代码语言:txt
复制
- Vue标准套路:
```vue
<template>
视图层
</template>
代码语言:txt
复制
<script>
代码语言:txt
复制
js操作
代码语言:txt
复制
export default {
代码语言:txt
复制
}
代码语言:txt
复制
</script>
代码语言:txt
复制
<style>
代码语言:txt
复制
页面的样式
代码语言:txt
复制
</style>
代码语言:txt
复制
```
代码语言:txt
复制
>文章已上传gitee https://gitee.com/codingce/hexo-blog   

项目地址: https://github.com/xzMhehe/codingce-java

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解压项目
  • 跑起来是第一步
  • 前后端分离项目固定套路
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档