FCat

FCat是基于Angular4+SpringCloud的企业级基础功能框架(户权限管理、区域管理、GIS地图、......)，其核心设计目标是分离前后端、开发快速、学习简单、功能强大、不重复造轮子，其目标是帮助企业搭建一套基础功能框架；

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

QQ群号（1群）：549141844

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

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

架构设计

前端技术：Angular；

• 支持angular2以上版本；

后端技术：SpringCloud；

• Eureka
  服务器用作服务注册服务器。 一个java客户端，用来简化与服务器的交互、作为轮询负载均衡器，并提供服务的故障切换支持。
• Zuul
  基于JVM路由和服务端的负载均衡器 类似nginx，反向代理的功能
• Hystrix
  提供了熔断、隔离、Fallback、cache、监控等功能，能够在一个、或多个依赖同时出现问题时保证系统依然可用。
• Feign
  是声明式、模板化的http客户端。旨在用最少的开销和代码将您的代码连接到http apis。
• Ribbon
  提供客户端的软件负载均衡算法
• Redis
  存储热点数据
• Session redis共享会话数据
• Security
  提供声明式的安全访问控制解决方案的安全框架

开发环境

• 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
cdm下运行一下命令：

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

默认CORS解决跨域问题

- 后台依次启动：CenterBootstrap、GateBootstrap、UserBootstrap 
- 前端：ng serve  
- 访问： http://localhost:4200 

另外一种解决跨域问题——nginx做转发

nginx.conf配置

worker_processes  1;
events {
    worker_connections  1024;
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
	server_name  localhost; 
        location / {
            proxy_pass   http://localhost:4200;
        } 
	location /apis {
	    rewrite    ^.+apis/?(.*)$ /$1 break;
            include  uwsgi_params;
            proxy_pass   http://localhost:8965;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
} 

功能

• 项目搭建、架构设计
• 用户管理
• 菜单管理
• 组织类型管理
• 组织架构管理————组织管理、关联用户、组织授权

前端效果