spring cloud + vue + element 整体框架演示

落日映苍穹つ 2022-01-29 14:47 247阅读 0赞

# spring cloud + vue + element 整体框架演示 #

### 文章目录 ###

*  spring cloud + vue + element 整体框架演示
 *   *  1. spring cloud 后端框架介绍
     *  2. vue + element + admin 前端框架
     *  3. 微应用门户集成框架
     *  4. 开发流程迭代

## 1. spring cloud 后端框架介绍 ##

1.  架构图介绍：[https://blog.csdn.net/yangwenpei116/article/details/88190847\#t4][https_blog.csdn.net_yangwenpei116_article_details_88190847_t4]
2.  服务注册发现：eureka
    
    1.  介绍：[https://blog.csdn.net/yangwenpei116/article/details/88190847\#t34][https_blog.csdn.net_yangwenpei116_article_details_88190847_t34]
    2.  微服务注册
    3.  微服务的心跳检测
    4.  微服务集群
    5.  Ribbon负载均衡
3.  服务网关：zuul
    
    1.  微服务统一入口
    2.  动态路由
    3.  微服务监控
    4.  权限校验
4.  权限控制集成ISC：admin
5.  微服务示例：spring-cloud-demo
    
    1.  根据数据库表名自动生成实体对象po、mapper
    2.  使用tk.mybatis实现单表的增删改查
    3.  前端统一返回数据格式类型ResultUtil
    4.  使用Pagehelper实现分页功能

## 2. vue + element + admin 前端框架 ##

1.  效果演示：[https://panjiachen.github.io/vue-element-admin/\#/login?redirect=%2Fdashboard][https_panjiachen.github.io_vue-element-admin_login_redirect_2Fdashboard]
2.  框架教程文档：[https://panjiachen.github.io/vue-element-admin-site/zh/guide/][https_panjiachen.github.io_vue-element-admin-site_zh_guide]
3.  开发demo演示：web-demo

## 3. 微应用门户集成框架 ##

1.  微应用集成演示：portal

## 4. 开发流程迭代 ##

1.  理解业务需求
2.  代码设计
3.  开发人员编写代码
4.  开发人员代码自测
5.  提交代码到git的dev开发分支
6.  jenkins代码质量检测，自动化构建生成docker镜像
7.  使用kubernetes或者rancher编排docker镜像
    
    1.  rancher演示
        
        1.  环境管理
        2.  升级应用
        3.  快速批量部署微服务
        4.  快速扩展集群
        5.  系统实时监控
        6.  docker日志查看
        7.  容器命令执行
8.  测试人员集中测试，测试通过则合并到主分支，未通过测试则回到步骤3

[https_blog.csdn.net_yangwenpei116_article_details_88190847_t4]: https://blog.csdn.net/yangwenpei116/article/details/88190847#t4
[https_blog.csdn.net_yangwenpei116_article_details_88190847_t34]: https://blog.csdn.net/yangwenpei116/article/details/88190847#t34
[https_panjiachen.github.io_vue-element-admin_login_redirect_2Fdashboard]: https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard
[https_panjiachen.github.io_vue-element-admin-site_zh_guide]: https://panjiachen.github.io/vue-element-admin-site/zh/guide/