IOS_Boss/README.md
2025-07-27 13:04:52 +08:00

203 lines
9.8 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div align="center">
<h1>IOS_Boss</h1>
<p align="center">
<img src="https://readme-typing-svg.herokuapp.com?font=Fira+Code&pause=1000&color=007AFF&center=true&vCenter=true&width=435&lines=简单iOS招聘应用;SwiftUI+%2B+LeanCloud;唱跳rap篮球🏀;简单功能演示项目" alt="Typing SVG" />
</p>
<div align="center" style="margin: 20px 0;">
![iOS](https://img.shields.io/badge/iOS-18.0+-000000?style=for-the-badge&logo=ios&logoColor=white&labelColor=000000)
![Swift](https://img.shields.io/badge/Swift-5.0-FA7343?style=for-the-badge&logo=swift&logoColor=white&labelColor=FA7343)
![SwiftUI](https://img.shields.io/badge/SwiftUI-3.0+-1575F9?style=for-the-badge&logo=swift&logoColor=white&labelColor=1575F9)
![Xcode](https://img.shields.io/badge/Xcode-16.4-147EFB?style=for-the-badge&logo=xcode&logoColor=white&labelColor=147EFB)
</div>
<div align="center" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 20px; border-radius: 15px; margin: 20px 0;">
<h3 style="color: white; margin: 0;">🚀 一款基于 SwiftUI 构建的简单 iOS 招聘应用</h3>
<p style="color: #f0f0f0; margin: 10px 0 0 0;"><em>摸鱼ing . . .</em></p>
</div>
</div>
---
## 🛠️ 技术栈
<div align="center">
<table style="border-radius: 10px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);">
<thead>
<tr style="background: linear-gradient(135deg, #667eea, #764ba2);">
<th style="color: black; padding: 15px; text-align: left;">技术分类</th>
<th style="color: black; padding: 15px; text-align: left;">版本</th>
<th style="color: black; padding: 15px; text-align: left;">说明</th>
</tr>
</thead>
<tbody>
<tr style="background: #f8f9fa;">
<td style="padding: 15px;"><strong>🎨 前端框架</strong></td>
<td style="padding: 15px;"><code>SwiftUI 3.0+</code> | <code>iOS 18.0+</code></td>
<td style="padding: 15px;">原生UI框架声明式开发</td>
</tr>
<tr style="background: #ffffff;">
<td style="padding: 15px;"><strong>☁️ 后端服务</strong></td>
<td style="padding: 15px;"><code>LeanCloud v17.11.0+</code></td>
<td style="padding: 15px;">数据存储 & 用户认证服务</td>
</tr>
<tr style="background: #f8f9fa;">
<td style="padding: 15px;"><strong>🖼️ 图片处理</strong></td>
<td style="padding: 15px;"><code>Kingfisher v8.5.0+</code></td>
<td style="padding: 15px;">异步图片加载与智能缓存</td>
</tr>
<tr style="background: #ffffff;">
<td style="padding: 15px;"><strong>🔄 下拉刷新</strong></td>
<td style="padding: 15px;"><code>MJRefresh v3.7.9+</code></td>
<td style="padding: 15px;">数据刷新组件</td>
</tr>
<tr style="background: #f8f9fa;">
<td style="padding: 15px;"><strong>🎭 动画效果</strong></td>
<td style="padding: 15px;"><code>DotLottie </code></td>
<td style="padding: 15px;">Lottie 动画支持,提升交互体验</td>
<tr style="background: #f8f9fa;">
<td style="padding: 15px;"><strong>⚙️ 开发环境</strong></td>
<td style="padding: 15px;"><code>Swift 5.0</code> | <code>Xcode 16.4</code></td>
<td style="padding: 15px;">开发语言与IDE环境</td>
</tr>
</tbody>
</table>
</div>
## 📱 界面预览
<div align="center">
<h3 style="background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
🏠 核心界面浏览
</h3>
</div>
<table align="center" style="border-collapse: collapse; margin: 20px 0;">
<tr>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #007AFF, #5856D6); color: white; margin: 0; padding: 15px;">📋 工作卡片展示</h4>
<img src="./IOS_study/Img/Git/工作卡片样式.webp" alt="工作卡片样式" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>卡片设计</em></p>
</div>
</td>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #34C759, #30D158); color: white; margin: 0; padding: 15px;">📖 职位详情页面</h4>
<img src="./IOS_study/Img/Git/工作详情样式.webp" alt="工作详情样式" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>详细信息展示</em></p>
</div>
</td>
</tr>
</table>
<div align="center">
<h3 style="background: linear-gradient(135deg, #f093fb, #f5576c); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
📝 发布工作界面
</h3>
</div>
<table align="center" style="border-collapse: collapse; margin: 20px 0;">
<tr>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #FF9500, #FF9F0A); color: white; margin: 0; padding: 15px;">💼 发布招聘信息</h4>
<img src="./IOS_study/Img/Git/发布工作样式.webp" alt="发布工作样式" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>信息发布界面,表单验证</em></p>
</div>
</td>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #8E8E93, #636366); color: white; margin: 0; padding: 15px;">🏢 发布公司信息</h4>
<img src="./IOS_study/Img/Git/发布公司.webp" alt="发布公司" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>公司信息管理,支持图片上传</em></p>
</div>
</td>
</tr>
</table>
<div align="center">
<h3 style="background: linear-gradient(135deg, #4ECDC4, #44A08D); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
🎭 交互体验
</h3>
</div>
<table align="center" style="border-collapse: collapse; margin: 20px 0;">
<tr>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #FF3B30, #FF453A); color: white; margin: 0; padding: 15px;">💬 弹窗提醒</h4>
<img src="./IOS_study/Img/Git/弹窗提醒.webp" alt="弹窗提醒" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>简单提醒机制</em></p>
</div>
</td>
<td width="50%" align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 10px;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<h4 style="background: linear-gradient(135deg, #5856D6, #5856D6); color: white; margin: 0; padding: 15px;">✅ 确认交互设计</h4>
<img src="./IOS_study/Img/Git/下线确定样式.webp" alt="下线确定样式" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>操作确认</em></p>
</div>
</td>
</tr>
</table>
<div align="center">
<h3 style="background: linear-gradient(135deg, #FF6B6B, #FF8E53); color: white; padding: 15px; border-radius: 10px; display: inline-block;">
👤 个人界面
</h3>
</div>
<div align="center" style="padding: 20px; background: linear-gradient(135deg, #f8f9fa, #e9ecef); border-radius: 15px; margin: 20px; display: inline-block;">
<div style="box-shadow: 0 8px 25px rgba(0,0,0,0.15); border-radius: 15px; overflow: hidden;">
<img src="./IOS_study/Img/Git/我的页面.webp" alt="我的页面" width="300" style="border-radius: 0 0 15px 15px;"/>
<p style="padding: 15px; margin: 0; background: white;"><em>用户中心</em></p>
</div>
</div>
---
## 📚 学习资源
<ul style="list-style: none; padding: 0;">
<li><a href="https://developer.apple.com/documentation/swiftui" style="color: white;">SwiftUI 官方文档</a></li>
<li><a href="https://docs.swift.org/swift-book/" style="color: white;">Swift 编程语言</a></li>
<li><a href="https://developer.apple.com/design/human-interface-guidelines/" style="color: white;">HIG 设计指南</a></li>
</ul>
<ul style="list-style: none; padding: 0;">
<li><a href="https://leancloud.cn/" style="color: white;">LeanCloud 后端</a></li>
<li><a href="https://github.com/onevcat/Kingfisher" style="color: white;">Kingfisher 图片库</a></li>
<li><a href="https://github.com/LottieFiles/dotlottie-ios" style="color: white;">DotLottie 动画</a></li>
</ul>
## 📋 备注
<div align="center" style="background: linear-gradient(135deg, #FFE082, #FFF176); padding: 20px; border-radius: 15px; border-left: 5px solid #FF9800; margin: 20px 0;">
<div align="left" style="color: #BF360C;">
<ul>
<li><strong>LocationHelper</strong> 定位功能待完善【未上传】</li>
</ul>
</div>
</div>
---
<div align="center" style="background: linear-gradient(135deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff); padding: 30px; border-radius: 20px; margin: 30px 0;">
<h2 style="color: white; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">
<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Objects/Light%20Bulb.png" alt="Light Bulb" width="40" height="40" />
如果这个项目对你有帮助,别忘了给个 ⭐️
<img src="https://raw.githubusercontent.com/Tarikul-Islam-Anik/Animated-Fluent-Emojis/master/Emojis/Smilies/Star-Struck.png" alt="Star-Struck" width="40" height="40" />
</h2>
</div>