2015-11-13 10:06:44 lvdezhou 阅读数 1579

1、oc工程调用swift-----自动创建桥接头文件

创建一个oc工程:


设置Product Module Name = 工程名



创建一个swift文件:

点击自动创建桥接头文件:



设置Objective-C Bridging Header 如下图:



至此,我们可以在oc中调用swift了

测试代码:


import Foundation

class Student: NSObject {
    var name : String = "dzl"
    var age : Int = 22
}

在oc中引入头文件  "工程名-swift.h" 就可以使用swift中的类了

注:这个头文件是不可见的

#import "ViewController.h"

#import "OCuseSwift1-swift.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    
    Student * s1 = [[Student alloc] init];
    NSLog(@"%@", s1.name);
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

输出:

2015-11-13 10:01:32.250 OCuseSwift1[1040:20007] dzl

此时swift也是可以引用OC的,只需将swift需要使用的oc类头文件在桥接头文件中引入即可,






2、oc工程调用swift-----手动创建桥接头文件


首先创建一个oc工程,与上面相同

然后创建一个swift文件,但是不选择创建桥接头文件,如图:



然后手动创建桥接头文件,就相当于创建一个普通的头文件一样,只是命名一定要严格按照规则:



工程设置中指定桥接头文件:


经测试,oc引用swift或者swift引用oc都是可以的,测试方法与上面相同,这里不再赘述。



3、swift工程调用-----自动创建桥接头文件 和 手动创建桥接头文件,基本与上面操作一直,不再详述




其实桥接头文件里面引入oc头文件,是为了swift可以访问oc文件,

在oc中引入   工程名-swift.h   文件  是为了oc可以访问swift,但这个文件是不可见的,不过可以通过command+鼠标左键查看该文件



2015-11-14 11:30:12 Xiao_Long_Li 阅读数 1594

OC调用Swift


如果你想在Objective-C工程中,嵌入Swift文件,实现OC调用Swift,那么这篇文章就能帮助你,由于本人最近在开发Swift项目,所以实现过OC调用Swift,在这过程中遇到过一些瓶颈,特此,将此文奉上,供大家参考。

OC调用Swift文件,需要创建桥接头文件,这个文件是当你在OC开发环境中创建Swift文件时由Xcode生成,该桥接头文件的命名是:<工程名>-Bridging-Header.h,它的作用是实现OC和Swift文件混编,并且如果我们想在当前OC类中调用Swift文件,必须在当前OC类中包含头文件,它的命名是:<工程名>-Swift.h,该头文件是由Xcode本身去维护,当我们点击进入到该头文件时,会看到Swift文件被编译成了OC封装的接口。

下面让我们来通过一个小Demo,进一步了解如何实现OC调用Swift。


第一步:创建OC工程

启动Xcode 7.1,然后单击File→New→Project菜单,在打开的Choose atemplate for your new project界面中选择“iOS →Application→Single View Application”工程模板(如下图所示)。


选中Single View Application单击“Next”,会出现如下图所示



这里我们将工程名命名为OCCallSwift,单击“Next”,就会出现下图所示的界面


单击“Create”,这时我们的OC工程就创建好了。

接下来我们创建一个OC的类,类名为OCViewController,具体怎么创建就不详细说了。


第二步:在OC工程中添加Swift文件


在当前OC工程中,创建Swift文件,如下图所示:


选中Cocoa Touch Class,点击“Next”,此时会跳到下图:


这里我们将Swift文件命名为SwiftViewController,将Language设置为Swift,单击“Next”,跳到下图:


这时单击“Creat”,就会弹出“Would you like to configure an Objective-C bridging header?”,如下图所示


单击“Create Bridging Header”,这时我们就在OC工程中创建好了一个Swift文件,如下图所示



第三步:实现OC调用Swift

这里我们就简单实现一下在OC类中跳转到Swift文件中

1)在OC类中包含头文件

#import <OCCallSwift-Swift.h>,命名规则为:<工程名>-Swift.h,如下图所示


2)在OC类中调用Swift文件,跟OC类调用OC类实现方式一样,如下图所示:



这样我们就实现了OC调用Swift。


友情提示:1.以上的代码是在Xcode7.1中实现,并且是新工程;

2.必须创建桥接头文件(“Create Bridging Header);

3.必须在调用Swift文件的OC类中包含如下头文件:<工程名>-Swift.h

4.如果以上条件全部符合,但是你在一个老的OC应用中调用Swift,有可能出现下面情况'<工程名>.Swift' file not found,这时你就应该在Xcode中的Build Setting中找到"Defines module",将其改为Yes


特别说明:1. 以上Swift文件均指Swift类;

  2. Swift语言为Swift2.0版本。


著作权声明:本文为原创,欢迎转载分享。请尊重作者劳动,转载时保留该声明和作者博客链接,谢谢

2018-08-10 20:02:33 weixin_38633659 阅读数 681

简介

该项目主要介绍了oc与swift之间、swift内部几种常见的传值方式(属性传值、代码块传值、代理传值、通知)

如果oc与swift之间的桥接有疑问请参考:OC与swift桥接互调

项目介绍

  • 1、swift之间的页面跳转与返回
  • 2、oc监听swift推送的通知
  • 3、swift内部推送接收的通知
  • 4、oc调用swift的代理方法
  • 5、swift调用oc代码块
  • 6、oc对swift的属性传值、方法调用、代码块调用
  • 7、swift对oc的属性传值、方法调用、代码块调用
  • 8、swift之间的传值

1、swift之间的页面跳转与返回

1、present方式跳转

 @objc func btnAction(_ sender:UIButton){
        let subVC  = SubVC();
        self.present(subVC, animated: true) {
            NSLog("������:%@", subVC);
        };
        NSLog("������:%@____%@",sender,self);
    }

2、返回

self.dismiss(animated: true) {
                NSLog("返回");
            };

2、oc监听swift推送的通知:

  • swift发送通知
 func postNotifition(){
        NotificationCenter.default.post(name: NSNotification.Name(rawValue: "XMNotification"), object: "通知方法");
    }
  • oc接收通知
-(void)addNotification{
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notiAction:) name:@"XMNotification" object:nil];
}

-(void)notiAction:(NSNotification *)sender{
    NSLog(@"oc:%@",sender.object);
}

-(void)removeNotification{
    [[NSNotificationCenter defaultCenter] removeObserver:self name:@"XMNotification" object:nil];
}

3、swift内部推送接收的通知:

 func postNotifition(){
        NotificationCenter.default.post(name: NSNotification.Name(rawValue: "XMNotification"), object: "通知方法");
    }

    @objc func addNotification(){
        NotificationCenter.default.addObserver(self, selector: #selector(notificationAction(_:)), name: NSNotification.Name(rawValue: "XMNotification"), object: nil);
    }
    @objc func removeNotifition() {
        NotificationCenter.default.removeObserver(self);
    }

    @objc private func notificationAction(_ noti : Notification){
        let str:String = noti.object as! String;
        print("swift:" + str);
    }

通知打印结果

4、oc调用swift的代理方法:

  • 编辑协议方
///1、编辑协议
@objc(FourVCDelegate)
protocol FourVCDelegate {
    func backSuperVC(str:String)
}

///2、定义协议对象
@objc var myDelegate:FourVCDelegate?;

///3、调用协议
let str:String = "代理方法"
self.myDelegate?.backSuperVC(str: str);
  • 签署协议方
///1、调用协议
@interface FirVC ()<FourVCDelegate>

///2、签署协议
-(SecVC *)seVc{
    if (!_seVc) {
        _seVc = [SecVC new];
        _seVc.myDelegate = self;
    }
    return _seVc;
}

///3、协议实现
-(void)backSuperVCWithStr:(NSString *)str{
    NSLog(@"%@", str);
}

代理协议打印结果

5、swift调用oc代码块

  • oc文件类
///代码块定义
@property(nonatomic,strong)void (^thiBlock)(NSString *str);

///代码块实现
!self.thiBlock?:self.thiBlock(@"swift调用oc代码块");
  • swift文件类

let vc  = ThiVC();
///代码块调用
vc.thiBlock = {(str) -> () in
    print("代码块方法");
}

self.present(vc, animated: true, completion: {

});

提示

6、oc对swift的属性传值、方法调用、代码块调用

  • swift方法类
import UIKit

class FourVC: UIViewController {

    ///数组
    @objc var arr0:NSArray = NSArray()

    ///无参数无返回值
    @objc func swMethod0(){
        print("无参数无返回值");
    }
    ///有参数无返回值
    @objc func swMethod1(str: String)  {
        print("有参数无返回值:\(str)");
    }
    ///有参数有返回值
    @objc func swMethod2(str: String) -> (String){
        return "有参数有返回值:" + str;
    }

    /// mark - 代码块
    ///无返回参数
    @objc func bkBlock0(response:() -> ()){
        response();
    }
    ///返回一个字符串参数
    @objc func bkBlock1(response:(_ res : String) -> ()) {
        response("返回一个字符串参数");
    }
    ///返回多个任意类型参数
    @objc func bkBlock_2_(response:(_ res : Any,_ res1 : Any) -> ()) {
        response(self.arr0, "无参数,返回多个任意类型参数:");
    }
    ///传入多个参数 并返回多个任意类型的参数
    @objc func bkBlock3(p1:Any,p2:Any,p3:Any,res:(_ res0 : Any ,_ res1 : Any ,_ res2:Any,_ res3:Any) -> ()) {
        res("传入多个参数 并返回多个任意类型的参数:\n",p1, p2, p3);
    }
    ///Block带返回值
    @objc func bkBlock4(res:() -> ()) -> (String){
        res();
        return "Block带返回值"
    }


    //定义block
    typealias fucBlock = (_ backMsg : String?) ->()
    func bkBlock4(cmdStr:String?,blockProperty:fucBlock){
        blockProperty("backMsg---by block inside func")
    }

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.yellow;
        print("属性传值结果:",self.arr0[0],self.arr0[1],arr0[2]);
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        self.dismiss(animated: true) {

        };
    }
}
  • oc方法类:
    FourVC *vc = [FourVC new];
    // --- 属性传值 ---
    vc.arr0 = @[@"可以",@"可以",@"可以"];

    /// ------ 方法调用 -----

    //无参数无返回值
    [vc swMethod0];
    //有参数无返回值
    [vc swMethod1WithStr:@"dasda"];
    //有参数有返回值
    NSString *str = [vc swMethod2WithStr:@"sdfasda"];
    NSLog(@"%@",str);

    /// ------ 代码块调用 -----

    [vc bkBlock0WithResponse:^{
        NSLog(@"无返回数据代码块");
    }];

    //有一个返回值
    [vc bkBlock1WithResponse:^(NSString * str) {
        NSLog(@"%@", str);
    }];

    //有两个返回值
    [vc bkBlock_2_WithResponse:^(id str, id str1) {
        NSLog(@"%@\n%@",str1,str);
    }];

    //有参数有返回值
    [vc bkBlock3WithP1:@"ds" p2:@"dsa" p3:@"das" res:^(id p0,id p1, id p2, id p3) {
        NSLog(@"%@\n%@\n%@\n%@",p0,p1,p2,p3);
    }];

    [self presentViewController:vc animated:YES completion:^{

    }];

此处输入图片的描述

7、swift对oc的属性传值、方法调用、代码块调用

  • xxx.h文件
@interface OcVC : UIViewController
///代码块
@property(nonatomic,strong)void (^clickBlock)(void);
///字符串
@property(nonatomic,copy)NSString *titStr;
///方法
-(void)testAction;
@end
  • xxx.m文件
- (void)viewDidLoad {
    [super viewDidLoad];
    NSLog(@"%@",self.titStr);
    !self.clickBlock?:self.clickBlock();
}

-(void)testAction{
    NSLog(@"调用方法");
}
  • xxx.swift文件

let sub  = OcVC();
//属性传值
sub.titStr = "属性传值";
//方法调用
sub.testAction();

//代码块调用
sub.clickBlock = { () -> () in
     print("不带参数代码块")
};

sub.clickBlock();
self.present(sub, animated: true, completion: {

});

打印结果

8、swift之间的传值

    func jumpToNextVC(){
        ///mark - =============
        let foVC =  FourVC()

        let dic:NSDictionary = ["key":1,"key1":2];
        let arr0:NSMutableArray = ["你好","好不好"];

        // mark -  属性传值
        foVC.arr0 = arr0;

        //方法调用
        foVC.swMethod0();
        foVC.swMethod1(str: "da");
        let str = foVC.swMethod2(str: "ddd");
        print(str);

        // mark -  代码块回调
        foVC.bkBlock0 {
            print("你可以的");
        };
        foVC.bkBlock1 { (res) in
            print(res);
        }
        foVC.bkBlock_2_{ (res, str) in
            print(res, "+", str);
        }
        foVC.bkBlock3(p1: "1", p2: "2", p3: "3") { (res0, res1, res2, res3) in
            print(res0,res1,res2,res3);
        }
        self.present(foVC, animated: true) {

        };
    }
2016-11-15 17:41:47 zhonggaorong 阅读数 6156

最新一些学妹问起,所以抽点时间来写的,适合入门级别的swift 与 OC 混编 的程序猿。  

本文章将从两个方向分别介绍 OC 与 swift 混编  


1. 第一个方向从 swift工程 中引入 oc类 

    1. 1 如何在swift的类中使用oc类
    1.2  如何在swift中实现oc的代理方法
    1.3   如何在swift中实现oc的Block回调

2. 第二个方向从OC工程中引入swift类

    2.1  如何在OC类中使用swift类
    2.2   如何在OC中实现swift的代理方法
    2.3   如何在OC中实现swift中类似Block回调


下面是具体的实现过程:

 1.1  如何在swift的类中使用oc类? 

1.  swift工程中引入OC类。 具体实现过程。

    1.1 新建一个swift工程类。 取名 swiftOrOC

    1.2  实现的功能为 :  从swift. viewController.swift 中 push到 OC语言 secondViewController 控制器

1.2.1  新建SecondViewController 类 。

        

     1.2.2 建立桥接文件。 (很重要)


    一定要记得点击这个按钮。 

       1.2.3  接下来工程目录如下:

       

     1.2.4 接下来就可以实现具体的跳转功能了。 

      ViewController.swift中具体实现

     

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var hintLabel: UILabel!  //稍后用来显示回调
    
    // push 到 oc controller
    @IBAction func pushAction(_ sender: AnyObject) {
        let secondVC = SecondViewController.init()
        self.navigationController?.pushViewController(secondVC, animated: true)
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }


}


1.2 如何在swift中实现oc的代理方法

       1.2.1 首先在 SecondViewController.h 中声明一个协议。具体代码

        

#import <UIKit/UIKit.h>

@protocol SecondDelegate <NSObject>

-(void)refreshHintLabel:(NSString *)hintString;

@end

@interface SecondViewController : UIViewController

@property (nonatomic,weak)id<SecondDelegate> secondDelegate;
@end
     1.2.2 然后在SecondViewController.m中,通过一个UITextField,让用户输入内容,当用户点击返回的时候把输入框中的内容返回给对应的代理。具体代码如下

    

#import "SecondViewController.h"
#import "UIViewController+BackButtonHandler.h"

@interface SecondViewController ()
{
    UITextField *textField;
}
@end

@implementation SecondViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    self.title = @"oc";
    
    self.view.backgroundColor  = [UIColor whiteColor];
    
    textField = [[UITextField alloc]initWithFrame:CGRectMake(100, 100, 200, 200)];
    textField.placeholder = @"请输入用户名";
    [self.view addSubview:textField];
    [textField.layer setBorderColor:[UIColor blackColor].CGColor];
    [textField.layer setBorderWidth:1.0];

    
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
    [self.view endEditing:YES];
}
#pragma mark 返回上一页回调 ,将用户输入的用户名传回给 ViewController.swift
-(BOOL)navigationShouldPopOnBackButton{
    if ([_secondDelegate respondsToSelector:@selector(refreshHintLabel:)]) {
        [_secondDelegate refreshHintLabel: textField.text];
    }
    
    return YES;
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

/*
#pragma mark - Navigation

// In a storyboard-based application, you will often want to do a little preparation before navigation
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    // Get the new view controller using [segue destinationViewController].
    // Pass the selected object to the new view controller.
}
*/

@end
  1.2.3 接下来就非常简单了,让ViewController.swift只需要成为SecondViewController的代理,然后遵循她的协议,就可以了。 具体代码如下。

       1.2.3.1 遵循协议

  

     1.2.3.2 成为代理,并实现协议方法,更改controller.swift中hintLabel的text。

    // push 到 oc controller
    @IBAction func pushAction(_ sender: AnyObject) {
        let secondVC = SecondViewController.init()
        secondVC.secondDelegate = self;
        self.navigationController?.pushViewController(secondVC, animated: true)
    }
    
    // SecondViewControll的代理方法
    func refreshHintLabel(_ hintString: String!) {
        hintLabel.text = "secondView textView.text = " + hintString;
    }
    

 1.3   如何在swift中实现oc的Block回调

1.3.1 具体过程与1.2小节一样。 直接上代码。

        1.3.2 声明block;

         

typedef void(^RefreshHintLabelBlock)(NSString *hintString);

@interface SecondViewController : UIViewController
@property (nonatomic, copy) RefreshHintLabelBlock hintBlock;
@end

        1.3.3 block的回调。 SecondViewController.m中

#pragma mark 返回上一页回调 ,将用户输入的用户名传回给 ViewController.swift
-(BOOL)navigationShouldPopOnBackButton{    
    if (_hintBlock) {
        _hintBlock(textField.text);
    }
    return YES;
}

        1.3.4 在swift类中调用 oc的block.

    // push 到 oc controller
    @IBAction func pushAction(_ sender: AnyObject) {
        let secondVC = SecondViewController.init()
//        secondVC.secondDelegate = self;
        secondVC.hintBlock = {(t:String?)in
            self.hintLabel.text = "secondView textView.text = " + t!
        }
        self.navigationController?.pushViewController(secondVC, animated: true)
    }


   工程已上传到git上,git地址: https://github.com/zhonggaorong/SwiftOrOc/tree/master

2.  OC工程中引入swift类。 具体实现过程。

    耽误了不少时间, 今天才开始写oc工程中引入swift类。

    demo地址: 

  

     2.1  如何在OC类中使用swift类


       2.1.1   新建一个基于OC语言的工程 ,取名 OcOrSwiftTwo
       2.1. 2  实现的功能为 : 从oc类 viewcontroller中, push 至 swift语言 SecondViewController  ,然后SecondViewController可以通过代理或者swift闭包把值传回viewcontroller. 
       2.1.3   当前文件目录看下图:  (第四个箭头: 桥接文件)
        
  
    2.2   如何在OC中实现swift的代理与闭包Block方法
            
    2.2.1 如何在oc中引入swift类。#import "工程名-swift.h"
#import "OcOrSwiftTwo-swift.h"
   2.2.2 在secondViewController.swift 中实现代理与闭包,代码如下:
    注意: @objc(代理名)  才能在外部可见这个代理
 
import UIKit
import Foundation

// 必须加上@objc 代理才能在oc类中可见。
@objc(EditTextFieldDelegate)
protocol EditTextFieldDelegate:NSObjectProtocol {
    func editTextField(_ str: String) -> Void
}

@objc(SecondViewController)
class SecondViewController: UIViewController {

    var editorDelegate:EditTextFieldDelegate?
    var textField:UITextField?
    var addButton:UIButton?
    var pushButton:UIButton?
    
    typealias editorBlock = (_ t:String) -> Void
    var myEidtorBlock:editorBlock?
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = UIColor.white
        textField = UITextField.init(frame: CGRect.init(x: 50, y: 60, width: 200, height: 50))
        textField?.placeholder = "输入返回首页的内容"
        self.view.addSubview(textField!)
        
        addButton = UIButton.init(type: .custom)
        addButton?.setTitleColor(UIColor.black, for: .normal)
        addButton?.setTitle("pop", for: .normal)
        addButton?.frame = CGRect.init(x: 50, y: 150, width: 200, height: 50)
        addButton?.layer.borderColor = UIColor.black.cgColor
        addButton?.layer.borderWidth = 1.0
        addButton?.addTarget(self, action: #selector(popAction), for: .touchUpInside)
        self.view.addSubview(addButton!)
        
        
        
        pushButton = UIButton.init(type: .custom)
        pushButton?.setTitleColor(UIColor.black, for: .normal)
        pushButton?.setTitle("push", for: .normal)
        pushButton?.frame = CGRect.init(x: 50, y: 250, width: 200, height: 50)
        pushButton?.layer.borderColor = UIColor.black.cgColor
        pushButton?.layer.borderWidth = 1.0
        pushButton?.addTarget(self, action: #selector(pushAction), for: .touchUpInside)
        self.view.addSubview(pushButton!)
        
    }
    
    func popAction() -> Void {
        
        if editorDelegate != nil {
            editorDelegate?.editTextField((textField?.text)!)
        }
        
        if ((self.myEidtorBlock) != nil){
            self.myEidtorBlock!((textField?.text!)!)
        }
        
        self.navigationController?.popViewController(animated: true)
    }
    
    
    func pushAction() -> Void {
        let three = ThreeViewController.init()
        self.navigationController?.pushViewController(three, animated: true)
        
    }     
    2.2.3   在oc类中viewcontroller.m 文件中实现SecondviewController.swift的相关代理与闭包(block). 代码如下:
   
#import "ViewController.h"
#import "OcOrSwiftTwo-swift.h"

@interface ViewController ()<EditTextFieldDelegate>
@property (nonatomic, strong) UITextField *showTextField;
@property (nonatomic, strong) UIButton *pushButton;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    _showTextField = [[UITextField alloc]initWithFrame:CGRectMake(50, 100 , 200, 50)];
    _showTextField.placeholder = @"swift传回的文本内容";
    _showTextField.adjustsFontSizeToFitWidth = YES;
    _showTextField.enabled = NO;
    [self.view addSubview:_showTextField];
    
    _pushButton = [UIButton buttonWithType:UIButtonTypeCustom];
    [_pushButton.layer setBorderColor:[UIColor blackColor].CGColor];
    [_pushButton.layer setBorderWidth:1.0];
    [_pushButton setFrame:CGRectMake(50, 200, 200, 50)];
    [_pushButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
    [_pushButton setTitle:@"push" forState:UIControlStateNormal];
    [_pushButton addTarget:self action:@selector(pushAction) forControlEvents:UIControlEventTouchUpInside];
    
    [self.view addSubview:_pushButton];
}




-(void)pushAction{
    SecondViewController *second = [[SecondViewController alloc]init];
    // second.editorDelegate = self;
    
    /*
      swift中的闭包回滴
     */
    second.myEidtorBlock = ^(NSString *str) {
        _showTextField.text = [NSString stringWithFormat:@"second传回信息: %@",str];
    };
    [self.navigationController pushViewController:second animated:YES];
}

#pragma mark swift中的代理
-(void)editTextField:(NSString *)str{
    _showTextField.text = [NSString stringWithFormat:@"second传回信息: %@",str];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


OC与swift混编

阅读数 1554

OC 与 Swift 区别

阅读数 1205

oc与swift混编

阅读数 177

没有更多推荐了,返回首页