若依 React Pro

实现效果截图

• 浅色模式

1. 登录

2. 首页

3. 表单

4. 统计

• 深色模式

1. 登录

2. 首页

3. 表单

4. 统计

项目说明

本项目为 RuoYi 前后端分离版本的前端适配项目。原作者的 RuoYi 前端项目使用 Vue 开发，本项目使用 React 开发，并引入了 Antd 和 Antd ProComponents，具有更高的美观度。

使用框架

• Next.js：主体 React 框架
• Ant Design：页面组件
• Ant Design ProComponents：高级封装页面组件
• Font Awesome：图标库
• cookies-next：cookies 操作
• jsencrypt：加解密
• ReactQuill：富文本编辑框组件
• React Spinner：加载组件
• React Cron：Cron 表达式生成器组件
• react-countup：数字自动增长效果
• react-chartjs-2：图表组件
• react-d3-speedometer：速度表盘组件

项目初始化

• 安装依赖

npm i

项目运行

• 启动项目

npm run dev

• 访问 http://localhost:3000

TODO

• 表单构建页面
• 代码生成页面