English | 简体中文

NiceFish

NiceFish（美人鱼） 是一个系列项目，目标是示范前后端分离的开发模式，前端浏览器、移动端、Electron 环境中的各种开发模式，后端有两个版本：SpringBoot 版本和 SpringCloud 版本。

介绍

这是 NiceFish 的 React 版本，基于 React 18.2.0 ，使用 Antd、Inversify、 定制版 Bootstrap 开发。

用法

打开你的命令行终端，执行以下命令：

   git clone https://gitee.com/mumu-osc/NiceFish-React.git
   cd NiceFish-React
   yarn 
   yarn start or npm start

在线演示

• NiceFish-React 在 GitHub Pages 上的演示地址： https://damoqiongqiu.github.io/NiceFish-React

技术架构

主要依赖

• React 18.2.0
• antd 5.6.2
• Bootstrap 4.2.1
• echarts 4.2.1
• braft-editor 2.2.9

系列项目

名称	描述	Stars
NiceFish（美人鱼）	这是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式。后端有两个版本：SpringBoot 版本和 SpringCloud 版本
NiceFish-React	这是React 版本，基于React 18.2.0 ，使用 Antd、Inversify、 定制版 Bootstrap开发。
nicefish-ionic	这是一个移动端的 demo，基于 ionic，此项目已支持 PWA。
NiceBlogElectron	这是一个基于 Electron 的桌面端项目，把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目。
nicefish-spring-boot	用来示范前后端分离模式下，前端代码与后端服务的对接方式，已经完成了基线版本。以此为基础，你可以继续开发出适合自己业务场景的代码。
nicefish-spring-cloud	用来示范前后端分离模式下，前端代码与分布式后端服务的对接方式。
OpenWMS	用来示范管理后台型系统的开发模式。

单元测试

   yarn test or npm run test

端到端测试

   yarn cypress:open or  npm run cypress:open
   yarn cypress:run or  npm run cypress:run

打包分析

   yarn build-analyzer or npm run build-analyzer

分析报告

开源许可证

MIT