# uni-app-temp

**Repository Path**: chennaiyuan/uni-app-temp

## Basic Information

- **Project Name**: uni-app-temp
- **Description**: uniapp模板仓库
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-21
- **Last Updated**: 2025-07-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<<<<<<< HEAD
# uni-app 独立系统

这是一个基于 uni-app 框架的独立系统版本，移除了 SUTPC 内部库依赖，可以独立运行。

## 项目特点

### 🚀 技术栈

- **uni-app**: Vue 3 + TypeScript 跨平台开发框架
- **Pinia**: 状态管理
- **SCSS**: CSS 预处理器
- **独立加密**: 使用 MD5/SHA256 替代 SM2/SM3
- **模拟认证**: 独立的登录认证系统

### 🔧 已替换的 SUTPC 依赖

| 原依赖            | 替换方案        | 说明                        |
| ----------------- | --------------- | --------------------------- |
| `tpaas-iam`       | 模拟认证服务    | 独立的登录、权限管理        |
| `SM2/SM3 加密`    | MD5/SHA256      | 使用标准加密算法            |
| `SUTPC 网络请求`  | 独立 fetch 封装 | 移除内部 headers 和错误处理 |
| `Dictionary 字典` | 本地配置        | 使用本地配置替代远程字典    |
| `内部监控脚本`    | 移除            | 去除 SUTPC 特定的监控代码   |

### 📁 项目结构

```
uniapp-standalone/
├── src/
│   ├── pages/                 # 页面文件
│   │   ├── index/            # 首页
│   │   └── login/            # 登录页
│   ├── stores/               # Pinia 状态管理
│   │   └── auth.ts           # 认证状态管理
│   ├── utils/                # 工具函数
│   │   ├── fetch.ts          # 网络请求封装
│   │   ├── user-info.ts      # 用户信息管理
│   │   └── crypto.ts         # 加密工具
│   ├── types/                # TypeScript 类型定义
│   │   └── auth.ts           # 认证相关类型
│   ├── static/               # 静态资源
│   ├── App.vue               # 根组件
│   ├── main.ts               # 入口文件
│   ├── pages.json            # 页面配置
│   └── manifest.json         # 应用配置
├── package.json              # 依赖配置
├── tsconfig.json             # TypeScript 配置
└── README.md                 # 项目说明
```

## 🛠️ 开发指南

### 环境要求

- Node.js >= 16.0.0
- npm >= 8.0.0
- HBuilderX 或 VS Code + uni-app 插件

### 安装依赖

```bash
npm install
```

### 开发运行

```bash
# H5 开发
npm run dev:h5

# 微信小程序开发
npm run dev:mp-weixin

# App 开发
npm run dev:app
```

### 构建打包

```bash
# H5 构建
npm run build:h5

# 微信小程序构建
npm run build:mp-weixin

# App 构建
npm run build:app
```

## 🔐 认证系统

### 登录账户

系统提供了模拟的登录账户：

| 用户名  | 密码     | 角色     | 权限     |
| ------- | -------- | -------- | -------- |
| `admin` | 任意密码 | 管理员   | 全部权限 |
| `user`  | 任意密码 | 普通用户 | 读取权限 |

### 认证流程

1. 用户输入用户名和密码
2. 系统使用 MD5 加密密码
3. 模拟服务器验证
4. 返回 JWT Token 和用户信息
5. 本地存储认证状态

### 安全特性

- 密码加密存储
- Token 自动刷新
- 登录失败锁定
- 权限验证

## 🎨 样式系统

### 响应式设计

- 使用 rpx 单位适配不同屏幕
- 支持深色模式
- 移动端优先设计

### 主题配置

```scss
// 主色调
$primary-color: #667eea;
$success-color: #07c160;
$warning-color: #ff976a;
$error-color: #ff4757;
```

### 工具类

项目内置了丰富的 CSS 工具类：

- 布局类：`.flex`, `.flex-center`, `.flex-between`
- 间距类：`.m-1`, `.p-2`, `.mt-3`
- 颜色类：`.text-primary`, `.bg-success`
- 字体类：`.text-lg`, `.font-bold`

## 📱 平台支持

| 平台          | 支持状态    | 说明                |
| ------------- | ----------- | ------------------- |
| H5            | ✅ 完全支持 | 可在浏览器中运行    |
| 微信小程序    | ✅ 完全支持 | 需要微信开发者工具  |
| 支付宝小程序  | ✅ 基础支持 | 部分功能需要适配    |
| App (Android) | ✅ 完全支持 | 需要 HBuilderX 打包 |
| App (iOS)     | ✅ 完全支持 | 需要 HBuilderX 打包 |

## 🔧 配置说明

### 网络请求配置

```typescript
// src/utils/fetch.ts
const config = {
  baseURL: 'https://api.example.com',
  timeout: 10000,
  headers: {
    'Content-Type': 'application/json'
  }
};
```

### 认证配置

```typescript
// src/stores/auth.ts
const authConfig = {
  tokenKey: 'auth_token',
  tokenExpireTime: 24 * 60 * 60 * 1000, // 24小时
  maxLoginAttempts: 5,
  lockoutDuration: 15 * 60 * 1000 // 15分钟
};
```

## 🚀 部署指南

### H5 部署

1. 运行 `npm run build:h5`
2. 将 `dist/build/h5` 目录部署到 Web 服务器
3. 配置 nginx 或 Apache 服务器

### 小程序部署

1. 运行 `npm run build:mp-weixin`
2. 使用微信开发者工具打开 `dist/build/mp-weixin` 目录
3. 上传代码到微信小程序平台

### App 部署

1. 使用 HBuilderX 打开项目
2. 配置 App 图标、启动页等资源
3. 云打包或本地打包生成 APK/IPA

## 🐛 常见问题

### Q: 登录后页面空白？

A: 检查是否正确配置了路由，确保 `pages.json` 中的页面路径正确。

### Q: 网络请求失败？

A: 检查 `manifest.json` 中的网络权限配置，确保允许网络访问。

### Q: 样式不生效？

A: 确保 SCSS 文件正确导入，检查 `App.vue` 中的全局样式。

### Q: 打包后图片不显示？

A: 检查图片路径是否正确，建议使用相对路径或绝对路径。

## 📄 更新日志

### v1.0.0 (2024-01-01)

- ✨ 初始版本发布
- 🔐 完成认证系统替换
- 🛠️ 移除 SUTPC 内部依赖
- 📱 支持多平台部署
- 🎨 完善 UI 样式系统

## 📞 技术支持

如有问题或建议，请联系开发团队：

- 邮箱: support@example.com
- 文档: https://docs.example.com
- 问题反馈: https://github.com/example/issues

## 📜 许可证

本项目采用 MIT 许可证，详见 [LICENSE](LICENSE) 文件。
=======
# uni-app-temp

#### 介绍
{**以下是 Gitee 平台说明，您可以替换此简介**
Gitee 是 OSCHINA 推出的基于 Git 的代码托管平台（同时支持 SVN）。专为开发者提供稳定、高效、安全的云端软件开发协作平台
无论是个人、团队、或是企业，都能够用 Gitee 实现代码托管、项目管理、协作开发。企业项目请看 [https://gitee.com/enterprises](https://gitee.com/enterprises)}

#### 软件架构
软件架构说明


#### 安装教程

1.  xxxx
2.  xxxx
3.  xxxx

#### 使用说明

1.  xxxx
2.  xxxx
3.  xxxx

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)
>>>>>>> ca054bf0a8a1f85540ef823af2852fb6ce77cd03