NiceFish（美人鱼） 是一个系列项目，目标是示范前后端分离的开发+部署模式。前端有3个版本：浏览器环境、移动端环境、Electron 环境；后端有2个版本：SpringBoot 版本和 SpringCloud 版本。
🚀🚀🚀请不要吝惜你的⭐️ Star ⭐️，星星越多，动力越足。🚀🚀🚀
此项目为 NiceFish 的前端界面提供服务，以下两个版本的前端都已经对好接口：
- 基于 Angular 框架的前端界面：http://git.oschina.net/mumu-osc/NiceFish/
- 基于 React 框架的前端界面：https://gitee.com/mumu-osc/NiceFish-React
推荐使用 React 版本，因为最近几个月这个版本向前改了很多。
注意：本项目与具体的前端框架无关，所有接口都是 Restful 的，可以使用任意前端框架来接入。
关于 Apache Shiro 权限控制，这里有 14 篇文章进行了详细的解释， https://cloud.tencent.com/developer/user/8593014 。
| 名称 | 版本号 | 描述 |
|---|---|---|
| Spring Boot | 3.2 | 发布于 2023 年 7 月 |
| JDK | OpenJDK 20 | Spring Boot 3.2 要求至少 Java 17，不再支持 Java 8 |
| IDEA | 最新版本 | 无 |
| Maven | 3.8 | Spring Boot 3.2 要求 Maven >=3.6 |
| MySQL | >=5（or MariaDB >=10） | 其它版本没有测试兼容性 |
| ElasticSearch（可选） | 8.9 | 8.9 是当前最新版，2023-08，其它版本没有测试兼容性 |
目前 Spring 各个模块的版本兼容性比较复杂，如果能成功启动，最好不要修改版本。
- git clone https://gitee.com/mumu-osc/NiceFish-React.git
- 用 IDEA 导入根目录下的 pom.xml
- 在 MySQL 中执行 docs/nicefish-spring-boot.sql 脚本（包含测试数据)
- 修改 application.yml 配置文件，把 MySQL 改成你自己的配置
- 修改 application.yml 配置文件，把上传文件的目录 uploadPath 改成你本地的目录
- 配置 Maven ，使用阿里云的源
- 启动 nicefish-cms 模块下的主类 NiceFishCMSApplication.java
- druid 监控地址：http://localhost:8080/druid/sql.html
[可选]：启用 ElasticSearch 搜索服务
- 按照 ElasticSearch 官方文档安装配置 ES: https://www.elastic.co/guide/en/elasticsearch/reference/current/install-elasticsearch.html
- 按照 ElasticSearch 官方文档安装配置 logstash: https://www.elastic.co/guide/en/logstash/8.9/installing-logstash.html
- 按照官方文档完成 logstash 与 ElasticSearch 的对接
- 参考本项目中的 /docs/elastic-mysql-jdbc.conf 配置文件配置 logstash 并重启服务，注意修改其中的 IP 地址、端口号、用户名和密码
- 修改 nicefish-elastic-search 模块下的 application.yml 配置文件，把 ElasticSearch 的 IP 地址和端口号改成你自己的
- 启动 nicefish-elastic-search 模块下的 NiceFishSearchApplication.java
- 打开浏览器，访问 http://localhost:8899/nicefish/search/user/get-all ，测试搜索服务是否正常，注意改成你自己本地的配置
- 在前端项目中设置代理，把带有 /search 前缀的服务全部代理给 nicefish-elastic-search 的服务
- nicefish-core: 提供通用的工具
- nicefish-shiro-rbac: 提供基于 Shiro 的通用认证和鉴权服务，RBAC 型。
- nicefish-cms: 基于以上基础模块的 CMS 应用
- nicefish-elastic-search: 提供基于 ElasticSearch 的搜索服务（可选，不是必须启动）
物理模型 pdm 文件在 docs 目录下，可以使用 PowerDesigner 打开，目前针对 MySQL 数据库。
| 名称 | 描述 | Stars |
|---|---|---|
| NiceFish（美人鱼） | 这是 Angular 版本的前端界面，基于最新的 Angular 版本，使用 PrimeNG 组件库。 |  |
| NiceFish-React | 这是 React 版本的前端界面，基于 React 18.0.0 ，使用 PrimeReact， 定制版 Bootstrap 开发。纯 JSX ，没有使用 TypeScript 。 |  |
| nicefish-ionic | 这是一个移动端的 demo，基于 ionic，此项目已支持 PWA。 |  |
| NiceBlogElectron | 这是一个基于 Electron 的桌面端项目，把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目。 |  |
| 名称 | 描述 | Stars |
|---|---|---|
| nicefish-spring-boot | 用来示范前后端分离模式下，前端代码与后端服务的对接方式，已经完成了基线版本。以此为基础，你可以继续开发出适合自己业务场景的代码。 |  |
| nicefish-spring-cloud | 用来示范前后端分离模式下，前端代码与分布式后端服务的对接方式。 |  |
MIT
（补充声明：您可以随意使用此项目，但是本人不对您使用此项目造成的任何损失承担责任。）
（此项目的作者正在寻找一份新的工作，如果有好的机会，请联系我的 VX： lanxinshuma）