231 lines
11 KiB
Markdown
231 lines
11 KiB
Markdown
<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¢er=true&vCenter=true&width=435&lines=简单iOS招聘应用;SwiftUI+%2B+LeanCloud;唱跳rap篮球🏀;简单功能演示项目" alt="Typing SVG" />
|
||
</p>
|
||
|
||
<div align="center" style="margin: 20px 0;">
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</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: none;">
|
||
<tr>
|
||
<td width="60%" valign="top">
|
||
|
||
**iOS Boss** 是一个简单招聘应用演示项目，采用 **SwiftUI** 原生框架开发，集成现代化的 UI 设计理念和流畅的用户交互体验。
|
||
|
||
|
||
</tr>
|
||
</table>
|
||
</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: white; padding: 15px; text-align: left;">技术分类</th>
|
||
<th style="color: white; padding: 15px; text-align: left;">版本</th>
|
||
<th style="color: white; 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;">
|
||
<h4 style="background: linear-gradient(135deg, #AF52DE, #BF5AF2); 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>
|
||
</div>
|
||
|
||
---
|
||
|
||
|
||
## 📚 学习资源
|
||
|
||
<div align="center">
|
||
<table style="width: 100%; border-collapse: collapse;">
|
||
<tr>
|
||
<td width="33%" align="center" style="padding: 20px; background: linear-gradient(135deg, #007AFF, #5856D6); color: white; border-radius: 15px; margin: 5px;">
|
||
<h3>📖 官方文档</h3>
|
||
<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>
|
||
|
||
<td width="33%" align="center" style="padding: 20px; background: linear-gradient(135deg, #FF9500, #FF9F0A); color: white; border-radius: 15px; margin: 5px;">
|
||
<h3>🛠️ 开发工具</h3>
|
||
<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>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
|
||
## 📋 备注
|
||
|
||
<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" />
|
||
如果这个项目对你有帮助，别忘了给个 ⭐ Star！
|
||
<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>
|
||
|
||
<p style="color: white; font-size: 18px; text-shadow: 1px 1px 2px rgba(0,0,0,0.3);">
|
||
感谢你的支持！🚀
|
||
</p>
|
||
|
||
</div> |