# path-less-sys **Repository Path**: NBegin/path-less-sys ## Basic Information - **Project Name**: path-less-sys - **Description**: 企业级Vue3管理后台模板，集成了Ant Design Vue、Pinia、Vue Router等技术栈，提供权限管理、用户管理、角色管理，主题配置，国际化等功能。 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2026-03-27 - **Last Updated**: 2026-04-09 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # path-less-sys 后台系统+可视化设计平台，集成了完整后台系统、可视化页面设计器和流程设计器，提供企业级应用开发解决方案。 ![alt 营销](screenshots/营销.png) ## 项目特点 - **现代化技术栈**：基于Vue 3 + JavaScript + Ant Design Vue构建，使用Pinia进行状态管理 - **完整的权限体系**：支持用户、角色、权限三级权限控制，细粒度权限管理 - **响应式设计**：适配各种屏幕尺寸，提供良好的移动端体验 - **国际化支持**：内置多语言切换功能，支持中英文 - **主题定制**：支持自定义主题颜色、布局模式，提供多种预设主题方案 - **可视化设计器**：包含页面设计器、流程设计器、事件设计器，支持拖拽式开发 - **AI集成**：AI机器人管理、智能客服、AI助手等功能 - **元数据管理**：完整的元数据生命周期管理，支持元数据模板、字段类型管理 - **业务对象管理**：业务对象模板设计、实例管理、关系管理 - **API管理**：API设计、文档生成、测试工具 - **数据库设计**：可视化数据库设计、SQL生成、数据同步 - **即时通信**：内置消息系统，支持实时通信 - **代码规范**：集成ESLint、Stylelint等代码检查工具，确保代码质量 - **丰富的可视化**：集成ECharts图表库，提供数据可视化功能 - **数据大屏设计**：可视化拖拽式智能大屏设计，支持丰富的图表组件、动画效果和数据绑定 - **应用管理**：完整的应用生命周期管理，支持应用分组、配置管理 ## 技术栈 | 技术 | 用途 | | -------------- | ------- | | Vue 3 | 前端框架 | | JavaScript | 开发语言 | | Ant Design Vue | UI组件库 | | Pinia | 状态管理 | | Vue Router | 路由管理 | | Vue I18n | 国际化 | | Axios | HTTP客户端 | | ECharts | 数据可视化 | | Dayjs | 日期处理 | | Mock.js | 模拟数据 | | Vite | 构建工具 | | Node.js | 后端运行时 | | Express | 后端框架 | | SQLite | 数据库 | | Socket.io | 即时通信 | ## [在线演示](https://path-less-sys.pages.dev/) ## 价格方案 🔥 **降价优惠中，先到先得，仅限前100位！** 我们提供三种灵活的价格方案，满足程工程师的开发需求： ### 1. 基础后台系统 - ¥599 一次性 **适合学习和二次开发，提供完整的后台系统框架** - ✅ Express + Node.js后台框架 - ✅ 用户管理、权限管理 - ✅ 角色管理、菜单管理 - ✅ 系统日志、数据字典 - ✅ 多语言国际化支持（内置中英文） - ✅ 响应式设计，适配各种屏幕尺寸 - ✅ 自定义主题能力，支持主题定制 - ✅ 免费加入专属微信群 - ✅ 2个季度内免费获取新版本完整代码 - ✅ 结交志同道合的开发者朋友 - ℹ️ 持续优化中 ### 2. 后台+页面设计+流程 - ¥1,799 一次性 **完整的低代码解决方案** - ✅ 基础后台系统全部功能 - ✅ Vue 3纯前端页面设计器 - ✅ 拖拽式组件布局 - ✅ 实时预览，所见即所得 - ✅ 纯前端流程设计器 - ✅ 可视化流程编排 - ✅ 流程节点高度灵活配置 - ✅ 免费加入专属微信群 - ✅ 2个季度内免费获取新版本完整代码 - ✅ 结交志同道合的开发者朋友 - ℹ️ 持续优化中 ### 3. 后台+页面设计+流程+大屏 - ¥2,399 一次性 **企业级完整解决方案，包含所有功能模块** - ✅ 基础后台系统全部功能 - ✅ Vue 3纯前端页面设计器 - ✅ 拖拽式组件布局 - ✅ 实时预览，所见即所得 - ✅ 纯前端流程设计器 - ✅ 可视化流程编排 - ✅ 流程节点高度灵活配置 - ✅ 数据大屏设计器 - ✅ 丰富的图表组件库 - ✅ 动画效果和数据绑定 - ✅ 免费加入专属微信群 - ✅ 2个季度内免费获取新版本完整代码 - ✅ 结交志同道合的开发者朋友 - ℹ️ 持续优化中 ## 系统示意图 以下是系统核心功能页面的截图展示： | 登录页面 | 注册页面 | | ------------------------------- | ------------------------------- | | ![登录页面](./screenshots/login.png) | ![注册页面](./screenshots/register.png) | | 系统登录界面，支持用户名密码登录 | 用户注册界面，支持多种注册方式 | | 个人中心 | 智能客服 | | ------------------------------- | ------------------------------- | | ![个人中心](./screenshots/profile.png) | ![智能客服](./screenshots/智能客服.png) | | 用户个人信息管理 | 智能客服聊天界面，支持多轮对话 | | 页面设计 | 流程设计 | 数据大屏 | | ------------------------------- | ------------------------------- | ------------------------------- | | ![页面设计](./screenshots/页面设计.png) | ![流程设计](./screenshots/流程设计.png) | ![数据大屏](./screenshots/数据大屏.png) | | 可视化页面设计器，支持拖拽式开发 | 可视化流程设计器，支持流程节点配置 | 可视化数据大屏设计，支持丰富的图表组件和动画效果 | | 事件设计 | 首页 | | ------------------------------- | ------------------------------- | | ![事件设计](./screenshots/事件动作.png) | ![首页](./screenshots/首页.png) | | 事件可视化配置，支持触发条件设置和处理逻辑定义 | 系统首页，提供功能概览和快捷操作 | | 公共组件示例 | 主题设置 | | ------------------------------- | ------------------------------- | | ![公共组件示例](./screenshots/公共组件示例.png) | ![主题设置](./screenshots/主题.png) | | 系统内置公共组件展示与使用示例 | 主题定制功能，支持自定义主题颜色和布局 | ## 核心功能模块 ### 系统管理 - **用户管理**：用户列表、添加/编辑用户、权限分配、用户状态管理 - **角色管理**：角色列表、创建/编辑角色、权限分配、角色继承 - **权限管理**：权限列表、权限树配置、权限分类管理 - **部门管理**：部门结构管理、部门层级调整 - **日志管理**：操作日志记录、登录日志记录、日志查询与筛选 - **字典管理**：数据字典维护、字典项管理 ### 应用管理 - **应用列表**：应用概览、搜索筛选、批量操作、状态管理 - **应用仪表盘**：数据统计与展示、应用状态监控、趋势分析 - **应用分组管理**：分组创建与编辑、应用归类、分组权限控制 - **应用详情**：应用基本信息、配置管理、权限管理、集成管理 - **应用配置**：主题配置、菜单配置、安全配置、设备访问控制 ### AI管理 - **AI机器人管理**：机器人创建、配置、训练、部署 - **智能客服**：实时聊天、多轮对话、智能推荐 - **AI助手**：代码生成、文档生成、智能问答 ### 业务对象管理 - **业务对象模板**：模板设计、字段配置、关系定义 - **业务对象实例**：实例创建、编辑、查询、删除 - **业务对象关系**：关系管理、血缘关系可视化 - **业务对象版本**：版本控制、历史记录、版本回滚 ### 元数据管理 - **元数据模板**：模板设计、字段类型配置 - **元数据字段**：字段类型管理、自定义字段支持 - **元数据关系**：关系定义、血缘关系管理 - **元数据版本**：版本控制、变更追踪 ### 可视化设计器 - **流程设计器**：可视化流程节点配置、条件设置、审批路径定义 - **事件设计器**：事件可视化配置、触发条件设置、处理逻辑定义，支持图形化的事件动作编排 - **页面设计器**：页面组件拖拽、布局设计、样式配置，实时预览，所见即所得 - **数据大屏设计器**：可视化拖拽式智能大屏设计，支持丰富的图表组件、动画效果和数据绑定 ### API与数据库管理 - **API设计**：API定义、文档生成、测试工具 - **数据库设计**：可视化数据库设计、SQL生成、数据同步 ### 工作台 - **仪表盘**：数据统计与展示、系统概览、快捷操作 - **通知中心**：消息通知管理、通知分类、已读/未读状态 ### 个人中心 - **用户资料**：个人信息管理、密码修改、头像上传 - **系统设置**：个性化配置、语言偏好、主题设置 ### 即时通信 - **消息中心**：实时消息、历史记录、消息通知 - **聊天功能**：一对一聊天、群聊、消息推送 ### 其他功能 - **主题定制**：支持自定义主题颜色、布局模式、头部/侧边栏样式，提供多种预设主题方案，可视化主题配置界面 - **多语言**：国际化支持，内置中英文切换 - **面包屑导航**：页面层级导航，提升用户体验 - **标签页管理**：多页面标签管理，支持标签切换、关闭 - **文件管理**：文件上传、存储、预览、下载 - **水印管理**：系统水印配置、自定义水印 ## 目录结构 ``` ├── backend/ # 后端代码 │ ├── config/ # 配置文件 │ ├── controllers/ # 控制器 │ ├── database/ # 数据库相关 │ ├── middleware/ # 中间件 │ ├── models/ # 数据模型 │ ├── routes/ # 路由配置 │ ├── services/ # 业务逻辑 │ ├── static/ # 静态资源 │ ├── utils/ # 工具函数 │ ├── .env # 环境变量 │ ├── Dockerfile # Docker配置 │ ├── package.json # 后端依赖 │ └── server.js # 后端入口 ├── public/ # 公共资源 │ ├── avatar/ # 头像 │ ├── sounds/ # 音效文件 │ └── static/ # 静态资源 ├── screenshots/ # 系统截图 ├── src/ # 前端代码 │ ├── api/ # API接口定义 │ │ ├── ai.js # AI相关API │ │ ├── application.js # 应用管理API │ │ ├── auth.js # 认证API │ │ ├── business-objects.js # 业务对象API │ │ ├── data-model.js # 数据模型API │ │ ├── metadata.js # 元数据API │ │ ├── user.js # 用户管理API │ │ └── ... # 其他API │ ├── components/ # 通用组件 │ │ ├── ai/ # AI相关组件 │ │ ├── common/ # 通用组件 │ │ ├── layout/ # 布局组件 │ │ └── ... # 其他组件 │ ├── config/ # 配置文件 │ ├── directives/ # 指令 │ ├── layouts/ # 布局组件 │ ├── locales/ # 国际化配置 │ │ ├── en/ # 英文翻译 │ │ ├── zh/ # 中文翻译 │ │ └── index.js # 国际化配置 │ ├── mocks/ # Mock数据 │ ├── router/ # 路由配置 │ ├── stores/ # Pinia状态管理 │ ├── styles/ # 样式文件 │ ├── utils/ # 工具函数 │ ├── views/ # 视图组件 │ │ ├── ai-robots/ # AI机器人管理 │ │ ├── api-design/ # API设计 │ │ ├── applications/ # 应用管理 │ │ ├── auth/ # 认证 │ │ ├── business-objects/ # 业务对象管理 │ │ ├── dashboard/ # 仪表盘 │ │ ├── database-design/ # 数据库设计 │ │ ├── designer/ # 设计器相关 │ │ ├── metadata/ # 元数据管理 │ │ ├── system/ # 系统管理 │ │ └── ... # 其他视图 │ ├── App.vue # 根组件 │ ├── index.js # 入口文件 │ └── main.js # 应用初始化 ├── .env # 环境变量 ├── .gitignore # Git忽略配置 ├── package.json # 前端依赖 ├── vite.config.js # Vite配置 └── README.md # 项目说明文档 ``` ## 快速开始 ### 环境要求 - Node.js >= 16.0.0 - npm >= 8.0.0 ### 安装 ```bash git clone https://gitee.com/NBegin/path-less-sys.git cd path-less-sys npm install cd backend npm install ``` ### 开发环境启动 ```bash # 启动后端服务（在 backend 目录下） npm start # 启动前端服务（在项目根目录下） npm run dev ``` 后端服务将在 `http://localhost:8080` 启动，前端服务将在 `http://localhost:5173` 启动。 ### 构建生产版本 ```bash # 前端构建 npm run build:prod # 后端构建（Docker） docker build -t path-less-sys-backend ./backend ``` ## 开发指南 - **路由配置**：位于 `src/router/index.js`，支持嵌套路由、动态路由 - **API接口**：位于 `src/api/` 目录，使用Axios进行HTTP请求 - **状态管理**：使用Pinia，Store定义位于 `src/stores/` 目录 - **国际化**：配置位于 `src/locales/` 目录，支持多语言切换 - **主题定制**：配置位于 `src/components/theme/` 目录 ### 代码规范 ```bash npm run lint # 检查并自动修复JS/Vue代码 npm run lint:style # 检查并自动修复CSS/Less代码 npm run format # 格式化代码 ``` ## 系统架构 ### 前端架构 - **核心框架**：Vue 3 + JavaScript - **状态管理**：Pinia - **UI组件**：Ant Design Vue - **构建工具**：Vite ### 后端架构 - **运行环境**：Node.js - **Web框架**：Express - **数据库**：SQLite - **部署方式**：Docker ### 权限控制 - **路由权限**：根据用户权限动态生成路由 - **菜单权限**：根据用户权限显示/隐藏菜单项 - **按钮权限**：根据用户权限启用/禁用按钮 - **数据权限**：根据用户权限过滤数据 ## 浏览器兼容性 - Chrome (最新版本) - Firefox (最新版本) - Safari (最新版本) - Edge (最新版本) ## 许可证 商业专有许可证 (Commercial Proprietary License) © 2026 NBreak. 保留所有权利。 如需商业使用，请联系购买源码授权： 邮箱： ## 贡献 欢迎提交Issue和Pull Request，帮助改进项目。 ## 鸣谢 - [Vue.js](https://vuejs.org/) - [Ant Design Vue](https://antdv.com/) - [Pinia](https://pinia.vuejs.org/) - [Vue Router](https://router.vuejs.org/) - [ECharts](https://echarts.apache.org/) - [Vite](https://vitejs.dev/) *** **path-less-sys** - 企业级管理后台解决方案，让管理系统开发更简单、更高效！