# 可婕移动App

**Repository Path**: starry123/KeGieApp

## Basic Information

- **Project Name**: 可婕移动App
- **Description**: 可婕移动App是一款功能丰富的移动应用，提供了个人信息管理、账单记录、体重管理等多种功能。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-15
- **Last Updated**: 2026-01-15

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 可婕移动App

<div style="text-align: center; margin: 20px 0;">
  <img src="img/login.png" width="200" alt="可婕移动App" />
</div>

<hr>

## 介绍

<div style="margin: 20px 0; padding: 15px; background-color: #f8f9fa; border-radius: 5px;">
可婕移动App是一款功能丰富的移动应用，提供了个人信息管理、账单记录、体重管理等多种功能，帮助用户轻松管理生活和工作。
</div>

## 软件架构

<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
  <tr style="background-color: #ffffff;">
    <th style="padding: 12px; text-align: left; border: 1px solid #ddd;">架构特点</th>
    <th style="padding: 12px; text-align: left; border: 1px solid #ddd;">详细说明</th>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">开发框架</td>
    <td style="padding: 12px; border: 1px solid #ddd;">基于NetCore MVC框架开发</td>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">核心组件</td>
    <td style="padding: 12px; border: 1px solid #ddd;">使用RuoVea.*相关组件</td>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">开发模式</td>
    <td style="padding: 12px; border: 1px solid #ddd;">采用前后端分离的开发模式</td>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">平台支持</td>
    <td style="padding: 12px; border: 1px solid #ddd;">支持多平台访问</td>
  </tr>
</table>


<hr>

## 安装教程

<div style="margin: 20px 0;">

### 1. 克隆项目到自己的Gitee仓库

<div style="background-color: #f5f5f5; padding: 15px; border-radius: 5px; margin: 10px 0;">
```bash
git clone https://gitee.com/your-username/KeGieApp.git
```
</div>

### 2. 生成Gitee私人令牌

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>登录Gitee，进入个人中心</li>
  <li>点击「设置」→「私人令牌」</li>
  <li>点击「生成新令牌」，选择所需权限</li>
  <li>保存生成的令牌信息</li>
</ul>

### 3. 配置仓库和令牌

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>打开应用登录页面</li>
  <li>点击红色标记的设置按钮</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/login-setting.png" width="300" alt="登录设置按钮" />
</div>

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>输入你的Gitee仓库地址和私人令牌</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/login-gitee.png" width="300" alt="Gitee登录配置" />
</div>

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>保存配置</li>
</ul>

</div>

<hr>

## 使用说明

<div style="margin: 20px 0;">

### 1. 登录系统

<table style="width: 100%; border-collapse: collapse; margin: 15px 0;">
  <tr style="background-color: #f2f2f2;">
    <th style="padding: 12px; text-align: left; border: 1px solid #ddd;">登录信息</th>
    <th style="padding: 12px; text-align: left; border: 1px solid #ddd;">详细内容</th>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">默认账号</td>
    <td style="padding: 12px; border: 1px solid #ddd;"><strong>test</strong></td>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">默认密码</td>
    <td style="padding: 12px; border: 1px solid #ddd;"><strong>123456</strong></td>
  </tr>
  <tr>
    <td style="padding: 12px; border: 1px solid #ddd;">配置文件</td>
    <td style="padding: 12px; border: 1px solid #ddd;">json/sys_user.json</td>
  </tr>
</table>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/sys_user.png" width="300" alt="用户配置文件" />
</div>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/login.png" width="300" alt="登录页面" />
</div>

### 2. 主要功能

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="width: 200px; padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin: 10px;">
    <h4 style="margin-top: 0;text-align: center;">个人中心</h4>
    <p style="text-align: center;">管理个人信息和账号安全</p>
  </div>
  <div style="width: 200px; padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin: 10px;">
    <h4 style="margin-top: 0;text-align: center;">账单管理</h4>
    <p style="text-align: center;">记录和查询收支情况</p>
  </div>
  <div style="width: 200px; padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin: 10px;">
    <h4 style="margin-top: 0;text-align: center;">体重管理</h4>
    <p style="text-align: center;">记录体重变化趋势</p>
  </div>
  <div style="width: 200px; padding: 15px; background-color: #f8f9fa; border-radius: 5px; margin: 10px;">
    <h4 style="margin-top: 0;text-align: center;">工作记录</h4>
    <p style="text-align: center;">管理日常工作事项</p>
  </div>
</div>

### 3. 操作指南

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>使用底部导航栏切换不同功能模块</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/home.png" width="300" alt="首页导航" />
</div>

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>点击各模块中的编辑按钮进行数据维护</li>
  <li>详细功能说明请参考应用内提示</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/settings.png" width="300" alt="设置页面" />
</div>
<hr>

## 功能模块介绍

<div style="margin: 20px 0;">

### 1. 个人信息管理

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>查看和修改个人资料</li>
  <li>管理账号安全设置</li>
  <li>修改登录密码</li>
</ul>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>个人中心页面</h5>
    <img src="img/mine.png" width="250" alt="个人中心" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>个人中心设置</h5>
    <img src="img/mine-settings.png" width="250" alt="个人中心设置" />
  </div>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>安全设置</h5>
    <img src="img/security.png" width="250" alt="安全设置" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>修改密码</h5>
    <img src="img/cpwd.png" width="250" alt="修改密码" />
  </div>
</div>

### 2. 账单管理系统

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>记录收入和支出</li>
  <li>按分类统计账单</li>
  <li>生成账单报表</li>
</ul>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>账单管理页面</h5>
    <img src="img/book.png" width="250" alt="账单管理" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>记录页面</h5>
    <img src="img/record.png" width="250" alt="记录页面" />
  </div>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>记录编辑</h5>
    <img src="img/record-edit.png" width="250" alt="记录编辑" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>编辑成功提示</h5>
    <img src="img/record-edit-ok.png" width="250" alt="编辑成功" />
  </div>
</div>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>编辑错误提示</h5>
    <img src="img/record-edit-err.png" width="250" alt="编辑错误" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>记录搜索</h5>
    <img src="img/record-ser.png" width="250" alt="记录搜索" />
  </div>
</div>

### 3. 体重管理

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>记录每日体重</li>
  <li>查看体重变化趋势</li>
  <li>设置体重目标</li>
</ul>

<div style="display: flex; flex-wrap: wrap; justify-content: space-around; margin: 20px 0;">
  <div style="text-align: center; margin: 10px;">
    <h5>体重信息页面</h5>
    <img src="img/weighinfo.png" width="250" alt="体重信息" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>体重信息编辑</h5>
    <img src="img/weighinfo-edit.png" width="250" alt="体重信息编辑" />
  </div>
  <div style="text-align: center; margin: 10px;">
    <h5>体重编辑成功</h5>
    <img src="img/weighinfo-eidt-ok.png" width="250" alt="体重编辑成功" />
  </div>
</div>

### 4. 工作记录

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>记录日常工作内容</li>
  <li>管理工作任务</li>
  <li>查看工作历史</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/work.png" width="300" alt="工作记录" />
</div>

### 5. 登出功能

<ul style="list-style-type: disc; padding-left: 20px; margin: 10px 0;">
  <li>安全退出系统</li>
</ul>

<div style="text-align: center; margin: 15px 0;">
  <img src="img/logout.png" width="300" alt="登出按钮" />
</div>

</div>

<hr>

## 注意事项

<div style="background-color: #fff3cd; border-left: 4px solid #ffeeba; padding: 10px 15px; margin: 20px 0; border-radius: 5px;">
  <ul style="list-style-type: disc; padding-left: 20px; margin: 0;">
    <li>请确保在配置Gitee令牌时选择正确的权限</li>
    <li>定期备份个人数据，防止数据丢失</li>
    <li>如遇问题请参考系统日志或联系管理员</li>
    <li>使用过程中请遵守相关法律法规</li>
  </ul>
</div>

<hr>

<div style="text-align: center; margin: 20px 0; font-size: 14px; color: #6c757d;">
  <p>© 2026 可婕移动App 版权所有</p>
</div>