本文由体验技术团队Kagol原创。

TinyPro 是一个基于 TinyVue 打造的前后端分离的后台管理系统，支持在线配置菜单、路由、国际化，支持页签模式、多级菜单，支持丰富的模板类型，支持多种构建工具，功能强大、开箱即用！

• 源码：https://github.com/opentiny/tiny-pro（欢迎 Star ⭐）
• 官网：https://opentiny.design/vue-pro

我们很高兴地宣布，2026年1月10日，TinyPro 正式发布 v1.4.0 版本，本次发布集中在扩展后端模板、增强移动端体验以及对 NestJS 后端功能的实用增强。

本次 v1.4.0 版本主要有以下重大变更：

• 增加 Spring Boot 后端
• 增强移动端适配
• 增加卡片列表和高级表单页面
• 支持多设备登录
• 支持配置预览模式

你可以更新<span leaf="">@opentiny/tiny-toolkit-pro@1.4.0</span>进行体验！

tiny install @opentiny/tiny-toolkit-pro@1.4.0

详细的 Release Notes 请参考：https://github.com/opentiny/tiny-pro/releases/tag/v1.4.0

1 支持 Spring Boot 后端

之前只有 NestJS 后端，有不少开发者提出需要 Java 版本后端，大家的需求必须安排，所以本次版本新增对 Spring Boot 的支持，使得偏 Java / Spring 的团队可以更快速地用熟悉的后端框架搭建 TinyPro 全栈样板。

该支持包括 Docker 化示例、配置覆盖示例（application.yaml 覆写示例）以及针对 deploy 的说明，便于在容器化环境中直接部署或做二次开发。

如果你或团队偏向 Java 技术栈，这次更新显著降低了启动成本与集成难度。

详细使用指南请参考文档：Spring Boot 后端开发指南

2 移动端响应式与布局优化

本次引入移动端适配方案，包含布局调整、样式优化和若干移动交互逻辑改进。配套增加了端到端测试（E2E），保证常见移动场景（小屏导航、侧边栏收起、页签/页面切换）行为稳定。

适配覆盖了常见断点，页面在手机端的易用性和可读性有明显提升，适合需要同时兼顾桌面与移动管理后台的项目。

效果如下：

详细介绍请参考文档：TinyPro 响应式适配指南

3 增加卡片列表页面

之前列表页仅提供单一的查询表格形式，功能相对有限，难以满足日益多样化、复杂化的业务需求。为了提升用户体验、增强系统的灵活性，我们在原有基础上新增了一个卡片列表页面，以更直观、灵活的方式展示数据，满足不同场景下的使用需求。

体验地址：https://opentiny.design/vue-pro/pages/list/card

效果如下：

4 增加高级表单页面

表单页增加了高级表单，在普通表单基础上增加了表格整行输入功能。

体验地址：https://opentiny.design/vue-pro/pages/form/advance

效果如下：

5 支持多设备登录

之前只能同时一个设备登录，后面登录的用户会“挤”掉前面登录的用户，本次版本为账号登录引入设备限制（Device Limit）策略，可限制单账号并发活跃设备数，有助于减少滥用和提高安全性，适配企业安全合规需求。

可通过<span leaf="">nestJs/.env</span>中的<span leaf="">DEVICE_LIMIT</span>进行配置。

比如配置最多 2 人登录：

DEVICE_LIMIT=2

如果不想限制登录设备数，可以设置为 -1：

DEVICE_LIMIT=-1

6 演示模式

由于配置了 RejectRequestGuard，默认情况下，所有接口都只能读，不能写，本次版本增加了演示模式（PREVIEW_MODE），要修改 NestJS 后端代码才能改成可写的模式（<span leaf="">nestJs/src/app.module.ts</span>）。

本次版本增加了演示模式的配置，可通过<span leaf="">nestJs/.env</span>中的<span leaf="">PREVIEW_MODE</span>进行配置。

<span leaf="">PREVIEW_MODE</span>默认为 true, 会拒绝所有的增加、修改、删除操作，设置为 false，则变成可写模式。

PREVIEW_MODE=false

7 Redis 引入应用安装锁（redis app install lock）

主要用于避免重复安装或初始化时的竞态问题。

默认情况下，第一次运行 NestJS 后端，会生成 Redis 锁，后续重新运行 NestJS 后端，不会再更新 MySQL 数据库的数据。

如果你修改了默认的菜单配置（<span leaf="">nestJs/src/menu/init/menuData.ts</span>）或者国际化词条（<span leaf="">nestJs/locales.json</span>），希望重新初始化数据库，可以在开发机器 Redis 中运行<span leaf="">FLUSHDB</span>进行解锁，这样重新运行 NestJS 后端时，会重新初始化 MySQL 数据库的数据。

更多更新，请参考 Release Notes：https://github.com/opentiny/tiny-pro/releases/tag/v1.4.0

8 社区贡献

感谢所有为 v1.4.0 做出贡献的开发者！你们的辛勤付出让 TinyPro 变得更好！

• GaoNeng-wWw
• zhaoxiaofeng876
• WangWant7
• zzl12222
• discreted66

注：排名不分先后，按名字首字母排序。

如果你有任何建议或反馈，欢迎通过 GitHub Issues 与我们联系，也欢迎你一起参与 TinyPro 贡献。

往期推荐文章

• 🎉TinyPro v1.2.0 正式发布，趁着 TinyPro 项目刚创建不久，快来参与贡献吧！
• TinyPro 后台管理系统从启动 ➡️ 使用 ➡️ 二开，看这一篇就够了！点赞、收藏⭐，不迷路！
• 💥TinyPro Vue v1.1.0 正式发布：增加细粒度权限管理、页签模式、多级菜单，支持 Webpack/Vite/Rspack/Farm 多种构建工具

关于OpenTiny

欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～

OpenTiny 官网：https://opentiny.design
OpenTiny 代码仓库：https://github.com/opentiny
TinyVue 源码：https://github.com/opentiny/tiny-vue
TinyEngine 源码：https://github.com/opentiny/tiny-engine

欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI、TinyEditor~
如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~