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

108 lines
3.5 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# **FCat 全栈必备** <a href='https://gitee.com/xfdm/FCat/stargazers'><img src='https://gitee.com/xfdm/FCat/badge/star.svg?theme=dark' alt='star'></img></a>
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共享分支】](https://gitee.com/xfdm/FCat)
[【FCat-基于Oauth2、jwt鉴权分支】](https://gitee.com/xfdm_admin/Angular-SpringCloud-Oauth2)
# 架构设计
![img](http://on-img.com/chart_image/5954b886e4b0ad619ac73246.png)
## 前端技术Angular
支持angular2、4、5版本UI使用[AdminLTE](https://github.com/almasaeed2010/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](http://image.xfdmao.com/fcat/demo/fcat-login.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-dashboard.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-userList.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-menu.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-group.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-dict.png)
![img](http://image.xfdmao.com/fcat/demo/FCat-log.png)