FCat/angular/README.md
2023-08-24 09:33:03 +08:00

3.5 KiB
Raw Permalink Blame History

FCat 全栈必备 star

FCat是基于Angular4+SpringCloud的企业级基础功能框架(户权限管理、区域管理、GIS地图、......),其核心设计目标是分离前后端、开发快速、学习简单、功能强大、不重复造轮子,其目标是帮助企业搭建一套基础功能框架;
核心技术angualr、Spring Cloud、OAuth2、jwt、Spring Cloud Security、Eureka、Zuul、Hystrix、Feign、Ribbon、Redis、Mybatis、Mysql。

  • 前端技术Angular4
  • 后端技术SpringCloud

QQ群号1群549141844

[^_^] 演示地址: http://fcat.xfdmao.com
用户名/密码,自行注册

【FCat-基于session共享分支】
【FCat-基于Oauth2、jwt鉴权分支】

架构设计

img

前端技术Angular

支持angular2、4、5版本UI使用AdminLTE

  • angular-cli
  • TypeScript
  • 组件
  • 模板
  • 模块
  • 服务
  • 依赖注入
  • 动态路由
  • Http

后端技术SpringCloud

  • Eureka
    服务器用作服务注册服务器。 一个java客户端用来简化与服务器的交互、作为轮询负载均衡器并提供服务的故障切换支持。
  • Zuul
    基于JVM路由和服务端的负载均衡器 类似nginx反向代理的功能
  • Hystrix
    提供了熔断、隔离、Fallback、cache、监控等功能能够在一个、或多个依赖同时出现问题时保证系统依然可用。
  • Feign
    是声明式、模板化的http客户端。旨在用最少的开销和代码将您的代码连接到http apis。
  • Ribbon
    提供客户端的软件负载均衡算法
  • Redis
    存储热点数据
  • Session redis存储热点、共享会话数据
  • Security
    提供声明式的安全访问控制解决方案的安全框架
  • OAuth2
    一种授权框架,提供了一套详细的授权机制。用户或应用可以通过公开的或私有的设置,授权第三方应用访问特定资源。
  • JWT 提供了一种用于发布接入令牌Access Token),并对发布的签名接入令牌进行验证的方法。 令牌Token本身包含了一系列声明应用程序可以根据这些声明限制用户对资源的访问。
  • Config
    配置文件统一管理

开发环境

  • node-v6.11.0-x64.msi
  • redis3.X
  • jdk1.8
  • MySQL Server 5.6
  • maven3.X
  • IntelliJ IDEA
  • webstorm

部署项目

前端部署

安装node-v6.11.0-x64.msi

npm config set registry https://registry.npm.taobao.org
npm install -g @angular/cli
cd FCat\fcat-angular
npm install
ng serve

后台部署

后台依次启动

  • CenterBootstrap
  • GateBootstrap
  • UserBootstrap

访问

http://localhost:4200 

功能

  • 用户管理
  • 菜单管理
  • 组织类型管理
  • 组织架构管理————组织管理、关联用户、组织授权
  • 数据字典
  • 日志管理

效果展示

img img img img img img img