Ant Design Pro
https://github.com/ant-design/ant-design-pro
SpringBoot Antd Pro
https://gitee.com/xiaolongzaixian/springboot-antd-pro.git
- DEMO页面
- 基础表单
- 复杂表单(BackTop组件)
- 查询表格
- 测试功能
- 基础表单
- 查询表格(跨域)
- 演示功能(CRUD访问RESTful接口)
- 新增表单
- 查询表格
- 查看详情
用户主页
表格列表
支持多环境部署:dev-开发环境、pro-生产环境
支持跨域访问API接口:config.xxx.js配置proxy
支持RESTful接口:演示功能(CRUD)
预留token扩展参数Auth-Token
调整登录后主页整体布局、菜单
表格组件显示行号
分页组件显示数据总数、当前页起止数据序号
分页组件修改可选分页参数[10,20,50,100]
暂无~
$ git clone https://gitee.com/xiaolongzaixian/antd-pro-helper.git --depth=1
$ cd antd-pro-helper
$ npm install
推荐IDE: WebStorm
$ npm start
默认访问地址:http://localhost:8000
npm命令编译生成html等静态文件
$ npm run build
html等静态文件目录为dist,包含index.html等
将html等静态文件拷贝到nginx目录下即可
npm命令编译生成html等静态文件
Spring Boot工程可选的静态资源目录如下:
将html等静态文件拷贝到Spring Boot工程的静态资源目录下即可
Antd Pro请求数据的/api/xxx接口,默认访问mock数据接口,需要禁用mock数据
$ npm run start:no-mock
除了安装官方说明部署html等静态文件之外,还需要在nginx中设置后台API接口代理
Nginx代理后台API接口参考设置如下:
location /api/{
proxy_pass http://localhost:9080/api/; #后台API接口实际访问地址
proxy_set_header X-Real-Ip $remote_addr;
proxy_set_header X-Forwarded-For $remote_addr;
}
Antd组件的数据参数都支持扩展,可以结合项目情况进行定义
例如表格组件的JSON数据格式默认为
{
list:[],
pagination: {current: 1, pageSize: 10, total: 100}
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型