# smart_campus **Repository Path**: hweilp/smart_campus ## Basic Information - **Project Name**: smart_campus - **Description**: 智慧校园 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2025-12-14 - **Last Updated**: 2026-01-30 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 智能校园应用平台 ## 项目概述 智能校园应用平台是一个基于 Vue 3 + Vite 构建的现代化应用开发平台，支持通过 AI 智能创建和手动创建两种方式快速构建业务应用。平台提供了完整的应用生命周期管理，包括应用创建、编辑、预览、发布和管理等功能。 ## 主要功能 ### 1. 应用创建 - **AI 智能创建**：通过自然语言描述生成完整的应用结构 - **手动创建**：直接填写表单创建基础应用 - **语音输入**：支持语音描述生成应用需求 - **多种应用类型**：支持业务流程、信息收集、调查问卷等类型 ### 2. 应用管理 - 应用列表展示和筛选 - 应用详情查看和编辑 - 应用预览和发布 - 应用删除和恢复 ### 3. 应用试用（新增） - **沙箱环境**：提供独立的试用测试环境，与生产数据完全隔离 - **角色切换**：支持在管理员、编辑者、查看者、数据分析师等角色间自由切换 - **试用账号**：提供预设的试用账号，无需注册即可体验 - **权限体验**：不同角色拥有不同的查看和操作权限 - **数据隔离**：试用环境产生的数据自动隔离，不影响正式环境 ### 4. 开发者平台（新增） - **开发者注册**：支持个人开发者和企业开发者注册 - **身份认证**：提供完善的身份信息上传和认证流程 - **资质管理**：支持上传身份证、营业执照等资质材料 - **信息安全**：严格保护开发者信息，确保真实有效 ### 5. 用户管理 - 用户登录和注册 - 密码修改 - 用户信息管理 - 通知管理 ### 6. 应用功能 - 模块化应用结构 - 自定义字段管理 - 工作流程配置 - 访问地址生成和管理 ### 7. 数据持久化 - 应用数据本地存储（localStorage） - 用户数据本地存储 - 应用与用户关联 ## 技术栈 | 技术 | 版本 | 描述 | |------|------|------| | Vue | 3.x | 前端框架 | | Vite | 7.x | 构建工具 | | Element Plus | 最新 | UI 组件库 | | Pinia | 最新 | 状态管理 | | Vue Router | 4.x | 路由管理 | | Web Speech API | - | 语音识别 | ## 安装和运行 ### 环境要求 - Node.js >= 16.x - npm >= 8.x ### 安装依赖 ```bash npm install ``` ### 开发模式 ```bash npm run dev ``` ### 构建生产版本 ```bash npm run build ``` ### 预览生产构建 ```bash npm run preview ``` ## 项目结构 ``` src/ ├── assets/ # 静态资源 ├── components/ # 公共组件 ├── layouts/ # 布局组件 ├── stores/ # Pinia 状态管理 │ ├── app.js # 应用状态管理（包含试用功能） │ └── user.js # 用户状态管理 ├── styles/ # 全局样式 ├── utils/ # 工具函数 ├── views/ # 页面组件 │ ├── CreateAppView.vue # 应用创建页面 │ ├── AppDetailView.vue # 应用详情页面 │ ├── AppEditView.vue # 应用编辑页面 │ ├── AppManagementView.vue # 应用管理页面 │ ├── AppPreviewView.vue # 应用预览页面 │ ├── AppTrialView.vue # 应用试用页面（新增） │ ├── AppPermissionsView.vue # 应用权限管理页面 │ ├── DeveloperRegisterView.vue # 开发者注册页面（新增） │ ├── DeveloperAuthView.vue # 开发者认证页面（新增） │ ├── LoginView.vue # 登录页面 │ └── UserProfileView.vue # 用户信息页面 ├── App.vue # 根组件 ├── main.js # 入口文件 ├── router.js # 路由配置 └── style.css # 全局样式 ``` ## 核心功能说明 ### 应用创建流程 1. **选择创建方式**：AI 智能创建或手动创建 2. **描述需求**： - AI 创建：输入或语音描述应用需求 - 手动创建：填写应用基本信息 3. **生成应用**： - AI 创建：系统自动生成应用结构 - 手动创建：系统创建基础应用结构 4. **编辑和预览**：调整应用结构和内容 5. **保存应用**：应用保存到本地存储 ### 应用试用功能 平台支持应用试用功能，可通过以下步骤使用： 1. 在应用管理页面或应用预览页面点击“进入试用环境” 2. 系统自动创建沙箱环境会话 3. 选择或切换不同角色（管理员、编辑者、查看者、数据分析师） 4. 体验应用功能，产生的数据会被隔离存储 5. 可以查看试用账号信息和权限说明 试用账号列表： - 管理员: `trial_admin` / `demoadmin123` - 编辑者: `trial_editor` / `demoeditor123` - 查看者: `trial_viewer` / `demoviewer123` - 数据分析师: `trial_analyst` / `demoanalyst123` ### 开发者平台 平台提供独立的开发者平台，支持第三方开发者注册和认证： 1. **开发者注册** - 支持个人开发者和企业开发者两种类型 - 需要提供真实有效的账号信息 - 支持手机验证码和邮箱验证码 2. **开发者认证** - 个人开发者：上传身份证正反面、手持身份证照片 - 企业开发者：上传营业执照、法人身份证等资质材料 - 支持JPG、PNG、PDF格式，单文件不超过5MB - 审核时间：1-3个工作日 3. **信息安全** - 所有信息严格加密保存 - 仅用于开发者身份验证 - 符合隐私政策和服务协议要求 ### 应用与用户关联 每个创建的应用都会关联到创建者用户，包括： - 应用数据中存储创建者的用户 ID - 应用列表显示创建者信息 - 支持应用协作功能 ## 开发指南 ### 代码规范 - 使用 Vue 3 `