Swfit-实现登录和列表网络请求MVP结构(最新2020.7)

最新推荐文章于 2022-02-15 15:48:13 发布
最新推荐文章于 2022-02-15 15:48:13 发布
阅读量219 收藏
点赞数
分类专栏： IOS json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37523448/article/details/107200703
版权
IOS 同时被 2 个专栏收录
52 篇文章 4 订阅
订阅专栏
json
16 篇文章 0 订阅
订阅专栏

此篇文章阐述如何Swfit实现登录功能界面，利用项目MVP结构，分层逻辑化清晰地实现需求：

功能特点：

  • Alamofire获取请求服务器JSON进行登录
  • 一个输入Name，一个输入Pwd，一个登录按钮，一个注册按钮
  • 输入账户密码，点击登录正确，方可跳转到Home界面
  • 点击注册按钮进行跳转到注册界面
  • UI框架用的最流行的SnapKit框架设计

一:项目结构如下：

  1. LoginView(登录的view样式)
  2. LoginPresenter（登录的接口请求）
  3. LoginModel（接口的返回参数JSON）
  4. LoginViewController（登录的控制器界面实现）

在这里插入图片描述

二：项目区块功能分析如下：

  • LoginView的界面实现，样式，代理Protocol，继承类Baseview
import UIKit

protocol  LoginViewProtocol:NSObjectProtocol{
    
    func onLoginClick()//登录的按钮代理
    
    func onReginClick()//注册的按钮代理
    
}

class LoginView: BaseView {
    
    weak var delegate:LoginViewProtocol?
    
    //用户名
    var aUserNmaeLb:UILabel?
    
    var aUserNameTf:UITextField?
    
    var aUserNameImage:UIImageView?
    
    //密码
    var aUserPsdLb:UILabel?
    
    var aUserPsdTf:UITextField?
    
    var aUserPsdImage:UIImageView?
    
    //确认按钮
    var aUserLoginBtn:UIButton?
    
    //注册按钮
    var aUserReginBtn:UIButton?
    
    override func initView() {
        
        let mainView = UIView()
        if let image = UIImage(named: "login_bg"){
             mainView.backgroundColor = UIColor(patternImage: image)
        }
        mainView.alpha = 0.95
        addSubview(mainView)
        
        mainView.snp.makeConstraints{(make)->Void in
            make.top.equalTo(self).offset(0)
            make.left.equalTo(self).offset(0)
            make.right.equalTo(self).offset(0)
            make.bottom.equalTo(self).offset(0)
        }
        
        let aimages = UIImageView()
        aimages.image = UIImage(named: "hy_login")
        mainView.addSubview(aimages)
        
         aimages.snp.makeConstraints{(make)->Void in
               make.top.equalTo(90)
               make.height.equalTo(80)
               make.width.equalTo(80)
               make.centerX.equalTo(self)
        }
        
        //用户名
        let aUserView = UIView()
        aUserView.layer.cornerRadius = 8
        aUserView.layer.borderColor = UIColor.white.cgColor
        aUserView.layer.borderWidth = 1
        mainView.addSubview(aUserView)
        
        aUserView.snp.makeConstraints{(make)->Void in
            make.left.equalTo(mainView).offset(10)
            make.right.equalTo(mainView).offset(-10)
            make.top.equalTo(mainView).offset(200)
            make.height.equalTo(50)
        }
        
        aUserNameImage = UIImageView()
        aUserNameImage?.image = UIImage(named: "user")
        aUserView.addSubview(aUserNameImage!)
        
        aUserNameImage?.snp.makeConstraints{(make)->Void in
            make.left.equalTo(aUserView).offset(10)
            make.width.equalTo(25)
            make.top.equalTo(aUserView).offset(15)
            make.height.equalTo(25)
        }
        
        aUserNameTf = UITextField()
        aUserNameTf?.placeholder = "Please input account/email."
        aUserNameTf?.text="hy"
        aUserNameTf?.textColor = UIColor.white
        aUserView.addSubview(aUserNameTf!)
       
        aUserNameTf?.snp.makeConstraints{(make)->Void in
           make.left.equalTo(aUserNameImage!).offset(35)
           make.width.equalTo(220)
           make.top.equalTo(aUserView).offset(0)
           make.height.equalTo(50)
        }
        
        //密码
        let aUserPsdView = UIView()
        aUserPsdView.layer.cornerRadius = 8
        aUserPsdView.layer.borderColor = UIColor.white.cgColor
        aUserPsdView.layer.borderWidth = 1
        mainView.addSubview(aUserPsdView)
        
        aUserPsdView.snp.makeConstraints{(make)->Void in
            make.left.equalTo(mainView).offset(10)
            make.right.equalTo(mainView).offset(-10)
            make.top.equalTo(mainView).offset(270)
            make.height.equalTo(50)
        }
        
         aUserPsdImage = UIImageView()
         aUserPsdImage?.image = UIImage(named: "pwdx")
         aUserPsdView.addSubview(aUserPsdImage!)
         
         aUserPsdImage?.snp.makeConstraints{(make)->Void in
             make.left.equalTo(aUserPsdView).offset(10)
             make.width.equalTo(25)
             make.top.equalTo(aUserPsdView).offset(15)
             make.height.equalTo(25)
         }
         
         aUserPsdTf = UITextField()
         aUserPsdTf?.placeholder = "Please input account/email."
         aUserPsdTf?.text="888@eiou"
         aUserPsdTf?.textColor = UIColor.white
         aUserPsdView.addSubview(aUserPsdTf!)
        
         aUserPsdTf?.snp.makeConstraints{(make)->Void in
            make.left.equalTo(aUserPsdImage!).offset(35)
            make.width.equalTo(220)
            make.top.equalTo(aUserPsdView).offset(0)
            make.height.equalTo(50)
         }
        
        //登录
        aUserLoginBtn = UIButton()
        aUserLoginBtn?.setTitle("登录", for: .normal)
        aUserLoginBtn?.layer.cornerRadius = 15
        aUserLoginBtn?.backgroundColor = UIColor(hexString: "#03a9f4", transparency: 1.0)
        mainView.addSubview(aUserLoginBtn!)
        
        aUserLoginBtn?.snp.makeConstraints{(make)->Void in
           make.top.equalTo(aUserPsdView).offset(80)
           make.left.equalTo(mainView).offset(30)
           make.right.equalTo(mainView).offset(-30)
           make.height.equalTo(50)
       }
        
        aUserLoginBtn?.addTarget(self, action: #selector(onLoginClick), for: .touchUpInside)
        
        //注册
    }
    
    @objc func onLoginClick(){
        if delegate != nil {
            delegate!.onLoginClick()
        }
    }
    
}
  • LoginPresenter接口文件的实现：
  • 主要描写了网球请求的方法，利用Alamofire框架，通过代理传递返回正确的JSON数据，控制器界面 接收model；
import UIKit
import Alamofire

protocol LoginProtocol:NSObjectProtocol {
    func getLoginSuccess(result:LoginModel)
    func getLoginFail(result:String)
}

struct LoginPresenter<T> where T:LoginProtocol {
    var view: T?
    weak var delegate:LoginProtocol?
    
    mutating func initial(_ view: T){
        self.view = view
    }
    
    func loginUserJson(user:String,pwd:String){
       let url = BASE_URL.appending("user/getUser")
               
       let params:[String:Any] = [
           "username":user,
           "password":pwd
       ]
       
       let headers: HTTPHeaders = [
           "Content-Type":"application/json"
       ]
        
        ApiUtils.shared.netWork(url: url, method: .post, params: params, headers: headers, success: { result in
            if let model = LoginModel.deserialize(from: result){
                 if model.code == "200"{
                    self.view?.getLoginSuccess(result: model)
                }else{
                    self.view?.getLoginFail(result: "Account or Password Yes!")
                }
            }else{
                self.view?.getLoginFail(result: "Account or Password Error!")
            }
            
        }, error: { error in
            self.view?.getLoginFail(result: error)
        })
    }
}
  • LoginModel主要描述的是JSON数据的model，我这json请求成功返回：如：{code = 200 ，message = “成功登录”，data:[{name:22,age:33},{name:33,age:66}]}

import UIKit
import HandyJSON

class LoginModel: HandyJSON {
    
    var code:String?
    var message:String?
    var data:Array<User>?
    
    required init() {}
}


class User: HandyJSON {
    
    var pushId:Bool?
    var name:String?
    var userName:String?
    
    required init() {}
}
  • LoginViewController控制器界面的功能实现
  • 把需要的代理都写入LoginViewController:BaseViewController,LoginProtocol,LoginViewProtocol,UITextFieldDelegate
import UIKit
import WHToast
import MBProgressHUD

class LoginViewController:BaseViewController,LoginProtocol,LoginViewProtocol,UITextFieldDelegate{
    
    private var loginView = LoginView()
    private var loginPresenter = LoginPresenter<LoginViewController>()
    
    private var uid:String?
    
    private var name:String?
    
    private var pwd:String?
    
    var hud:MBProgressHUD?
    
    private var cmUtil = CommonUtil()
    
    override func viewDidLoad() {
           super.viewDidLoad()
       }
    
    override func initView() {
        loginView.frame = view.bounds
        self.view.addSubview(loginView)
    }
    
    override func initData() {
        loginView.delegate = self
        loginView.aUserNameTf?.delegate = self
        loginView.aUserPsdTf?.delegate = self
        self.loginPresenter.initial(self)
    }
    
    
    func onLoginClick() {
        let name:String = loginView.aUserNameTf?.text ?? ""
        let pwd:String = loginView.aUserPsdTf?.text ?? ""
        
        if !cmUtil.isEmpty(name) && !cmUtil.isEmpty(pwd){
            loginPresenter.loginUserJson(user: name, pwd: pwd)
            showHud()
        }else{
            WHToast.showMessage("Input is not empty!", originY: 500, duration: 2, finishHandler: {
            })
        }
        print("登录")
    }
    
    /*
        show loading...
     */
    func showHud() {
        hud = MBProgressHUD.showAdded(to: view, animated: true)
        hud?.bezelView.style = .solidColor
        hud?.bezelView.color = UIColor.black.withAlphaComponent(0.7)
        hud?.label.text = NSLocalizedString("Loading...", comment: "HUD loading title")
        hud?.contentColor = UIColor.white
        //正常情况下是10秒后消失
        hud?.hide(animated: true, afterDelay: 8.0)
    }
    
    func hidHud(){
        hud?.hide(animated: true, afterDelay: 0.5)
    }
    
    func onReginClick() {
        print("注册")
    }
    
    func getLoginSuccess(result: LoginModel) {
        print("成功");
        hidHud()
        let reg = HomeViewController()
        let navCtrl = UINavigationController(rootViewController: reg)
        present(navCtrl, animated: true)
    }
    
    func getLoginFail(result: String) {
        hidHud()
        WHToast.showMessage(result, originY: 500, duration: 2, finishHandler: {
        })
        print("失败");
    }
    
    func textFieldShouldReturn(_ textField: UITextField) -> Bool {
        loginView.aUserNameTf?.resignFirstResponder()
        loginView.aUserPsdTf?.resignFirstResponder()
        return true
    }
    
    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        loginView.aUserNameTf?.resignFirstResponder()
        loginView.aUserPsdTf?.resignFirstResponder()
    }
}

三：Podfile配置文件调用第三方

target 'HY_SYSTEM_APP_SWFIT' do
  use_frameworks!
  pod 'Alamofire'
  pod 'SnapKit', '~> 5.0.0'
  pod 'HandyJSON', '~> 5.0.0'
  pod 'WMPageController', '~> 2.4.0'
  pod 'WHToast','~>0.0.3'
  pod 'MBProgressHUD', '~> 1.2.0'
  pod 'MJRefresh'

end

四：调取的服务器路径为自己的：
在这里插入图片描述

五：效果如图下：
在这里插入图片描述

以上此篇Swfit编写登录界面的功能需求实现到此为止，如果对你有所满意，感谢您的阅读与支持，如果有写的不好之处，欢迎指点迷津。相互进步学习… 可关注后续更多的IOS移动端文章！～Aftrey

六：Demo点击这：

Swfit-实现登录和列表网络请求MVP结构(最新2020.7)

Aftery的博客
关注
专栏目录
Swfit-实现登录和网络请求MVP结构(最新2020.7)
07-10
本资源“Swift-实现登录和网络请求MVP结构(最新2020.7)”正是基于这样的目标，它展示了如何用Swift语言实现一个登录界面，并结合MVP（Model-View-Presenter）架构进行网络请求。下面将详细介绍这个项目中的关键知识...
简单的iOS提示Toast
weixin_33698823的博客
11-19 1347
最近梳理项目中的Toast，发现应用的场景并不复杂，于是就自己定义了一个Toast替换之前的。 WHToast是一个轻量级的提示控件，没有任何依赖。先来看一下效果图。 Github地址：github.com/remember17/… 使用方法也非常简单，下面是使用步骤。 1. 可以直接去github下载文件拖进工程，也可以使用pod。 如果pod找不到WHToast，先执行 pod setup...
ios实用小功能
c1719561053的博客
02-15 1146
1. ios实现Toast效果 1.pod ‘WHToast’ 2.#import “WHToast.h” 3.使用方法 -(void)funtry{ NSLog(@"打印一下????"); [WHToast showMessage:@"测试一下" duration:1 finishHandler:^{ NSLog(@"省略n行代码"); }]; }
Toast 数据加载，内容加载，网络图片加载提示
CSDNYUANDAIMAXUEXI的博客
10-26 1366
Toast 数据加载，内容加载，网络图片加载提示 数据加载完毕提示： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fi
mvp架构
七水情
06-29 7179
1、MVP框架担任角色 Model: 处理数据，包过网络请求、提交数据;缓存、读写本地数据、写入;写入、读取数据库数据等 View: 提供Activity需要实现方法,本身是一个接口,实际在Presenter中被调用执行。 Presenter: 业务处理,内部持有Model和View;使用CallBack获取Model获取结果信息。 Activity: 实现View提供方法,持有...
简单的MVP网络请求数据
weixin_42270281的博客
12-09 323
首先你得有 OkHttp网络请求封装类 和 拦截器类 创建一个接口 CallBackView public interface CallBackView { void success(String json); void failed(Exception e); } .Model public class LoginModel { //获取数据 public vo...
ios-swfit-collectionView实现轮播图，支持上下和左右滚动.zip
07-11
本项目“ios-swift-collectionView实现轮播图，支持上下和左右滚动.zip”提供了一个用Swift实现的轮播图示例，它不仅支持常见的左右滚动，还创新地加入了上下滚动的功能，并且具备定时自动滚动的能力。 首先，让...
基于Swfit实现的人脸变老软件.zip
最新发布
08-30
该方案实现的原理是将一张预制作好的皱纹纹理“贴在”原图的人脸区域上，听起来很简单，不过在具体实现上则需要考虑不少问题，让我们从后往前去推导哪些要需要解决的问题：首先，预制作好的皱纹纹理如何和原图中的...
swift-iOS常见的权限状态和请求授权
08-14
iOS常见的权限状态和请求授权 ZRAutorizationManager封装了iOS开发中常用的相册,相机,麦克风推送,日历,联系人,定位等权限的状态和主动请求授权,一行代码搞定繁琐的权限状态和请求过程.
ios-swfit之高仿QQ.zip
07-11
10. **Performance Optimization**: 在设计和实现过程中，应关注性能优化，避免不必要的内存泄漏和过度渲染。可以使用 Instruments 工具进行性能分析，对代码进行调整以提升应用的运行效率。 总的来说，这个项目...
iPhone开源系列：WToast
weixin_33700350的博客
08-16 119
在iPhone项目开发的过程中，重新造轮子的事情屡见不鲜，一方面源于开发者的“自我”心态，但更多的是因为对开发项目的不了解。希望通过这样一个系列和大家一起发现和挖掘项目开发中常用的开源项目，共同改进iPhone应用开发。 在iPhone开发时，是否遇到一些需要对用户提示又不需要用户进行确认的消息呢？这时可能会很羡慕Android的Toast控件。...
简单网络请求MVP
yizhixiaohuli的博客
12-10 280
M层接口 public interface IModel { void doGet(int page,Okutils.OkHttpCallBack httpCallBack); } M层实现类 public class Model implements IModel{ @Override public void doGet(int page, Okutils.O...
MVP架构实例讲解-登录界面
*彬的博客
05-07 2083
MVP优缺点就不介绍了，主要说下应用，今天已程序登录的界面讲解如何用MVP架构，写的不好的地方欢迎指正 在介绍之前，先看下demo的目录结构 定义网络相关接口 网络请求都是共通的，所以可以把网络部分单独摘出来。 首先定义网络请求状态接口。所有的网络请求都包括开始，成功，不成功。所以网络请求状态接口如下所示 public interface RequestStatus&amp;lt;T...
获取网络json解析中的图片
qq_40087072的博客
09-06 988
public class MainActivity extends AppCompatActivity { private ListView lv; List lists=new ArrayList<>(); private MAdapter mAdapter; private List data; @Override protected voi
MVP加载框架以及网络请求
Liu_ser的博客
03-22 1380
这些是封装好之后的列表图，不要纠结命名规范，为了方便查看，相同的我都用的一个名字，只是改了后缀，上面是类的介绍，已实物为主下面是代码，先从V层开始，别忘了添加权限和依赖，解析的Bean类我就不写了，自己看着弄，全局App类别忘了在清单文件中声明： //网络请求依赖 compile 'com.squareup.okhttp3:okhttp:3.6.0' //gson解析依赖 compile 'co...
iOS开发：简单的Toast提示框实现
软贱开发攻城狮
01-28 5469
今天小年，再分享一篇2018年度最后一篇博客，博主是以iOS开发出身，那就最后一篇博文就分享一下关于iOS的内容吧。iOS开发过程中，有些时候操作App的时候，需要给用户对应的响应提示操作，使用系统自带的提示框不是每种情况都适用的。 除了使用系统自带的提示框，还有别的提示框选项，比如Toast提示框，Toast提示框在OC里面的使用效果就是仿制Android中的Toast的提示框效果，Toast...
icomoon使用详细介绍
热门推荐
Aftery的博客
06-18 2万+
此篇博文讲述如何利用icomoon导入图标，从而把自己想要的都通过icomoon方式进行，大家都知道，网站以及移动端，用图标还是尽量选择这种。因为直接用image有些图标会失真，从而也是前端开发之中，需求去掌握的一项，很简单的就几个步骤。 一，icomoon官网链接：https://icomoon.io/app/#/select 进入官网，默认会生成一套图标文件，如果不需要可以将所有的文件进行删除...
IOS弹出提示框(确认/取消)
Aftery的博客
07-17 1万+
在移动开发之中，系统弹出提示框是很常见的需求，比如，账户密码输入不正确的时候，给予客户提示“输入不正确，请再次输入！“； 此文章不做详细的描述，因为这个东西的话，也很简单，如果要以其他方式实现，可以去网上找其他的文档； 一：封装的方法 - (void)showError:(NSString *)errorMsg { // 1.弹框提醒 // 初始化对话框 UIAler...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值