Ionic 3和Angular 4：使用基于令牌的Restful API插入和删除

CREATE TABLE  用户 （
user_id  int  AUTO_INCREMENT  PRIMARY KEY ，
用户名 varchar （50），
密码 varchar （300），
名称 varchar （200），
电子邮件 varchar （300））;

CREATE TABLE  feed （
feed_id  int  PRIMARY KEY  AUTO_INCREMENT ，
feed  text ，
user_id_fk  int ，
created  int
）;

$ git clone  https://github.com/srinivastamada/PHP-Slim-Restful.git

PHP Restful 在Github上下载这个项目

<？PHP的
要求  '的config.php'; 
要求   'Slim / Slim.php'; 

\ Slim \ Slim ::  registerAutoloader （）; 
$ app = new \ Slim \ Slim（）; 

$ app->  post （'/ login'，'  login  '）;  / *用户登录* /
$ app->  post （'/ signup'，'  signup  '）;  / *用户注册* /
$ app->  post （'/ feed'，'  feed  '）;  / * User Feeds * /
$ app->  post （'/ feedUpdate'，'  feedUpdate  '）;  / *用户Feed更新* /
$ app->  post （'/ feedDelete'，'  feedDelete  '）;  / *用户Feed删除* / $ app-> 运行 （）; 

//其他函数

函数   feedUpdate （）{ 

    $ request = \ Slim \ Slim ::  getInstance （） - >  request （）; 
    $ data = json_decode（$ request-> getBody（））; 
    $ user_id = $ data->  user_id  ; 
    $ token = $ data->  token  ; 
    $ feed = $ data->  feed  ; 
    $ systemToken = apiToken（$ USER_ID）; 

     try  { 
        if（$ systemToken == $ token）{ 
            $ feedData =''; 
            $ db = getDB（）; 
            $ sql =“  INSERT INTO feed（feed，created，user_id_fk）VALUES  
                        （ ：feed  ， ：created  ， ：user_id  ）  “; 
            $ stmt = $ db->  prepare （$ sql）; 
            $ stmt->  bindParam （”feed“，$ feed， PDO :: PARAM_STR ）; 
            $ stmt->  bindParam （”user_id“， $ user_id， PDO :: PARAM_INT ）; 
            $ created =  time （）; 
            $ stmt-> bindParam（“created”，$ created，   PDO :: PARAM_INT ）; 
            $ stmt-> execute（）; 

            $ sql1 =“  SELECT * FROM feed WHERE user_id_fk =  ：user_id  ORDER BY  
                           feed_id DESC LIMIT 1  “;
            $ stmt1 = $ db->  prepare （$ sql1）; 
            $ stmt1->  bindParam （“user_id”，$ user_id，   PDO :: PARAM_INT ）; 
            $ stmt1->  execute （）; 
            $ feedData = $ stmt1->  fetch （PDO :: FETCH_OBJ）; 
            $ db = null; 
            echo'{“feedData”：'。 json_encode （$ feedData）。 '}'; 
        } else { 
            echo'{“error”：{“text”：“No access”}}'; 
        } 

    }  赶上 （PDOException $ E）{ 
        回声'{ “错误”：{ “文”：'。 $ e-> getMessage（）。'  }}'; 
    } 

} 

功能   feedDelete （）{ 
    $ request = \ Slim \ Slim ::  getInstance （） - >  request （）; 
    $ data = json_decode（$ request-> getBody（））; 
    $ user_id = $ data->  user_id  ; 
    $ token = $ data->  token  ; 
    $ feed_id = $ data->  feed_id  ; 
    $ systemToken = apiToken（$ USER_ID）; 

     try  { 
        if（$ systemToken == $ token）{ 
            $ feedData =''; 
            $ db =  getDB （）; 
            $ sql =“  DELETE FROM feed WHERE user_id_fk =  ：user_id  AND 
                         feed_id =  ：feed_id  ”;
            $ stmt = $ db->  prepare （$ sql）; 
            $ stmt->  bindParam （“user_id”，$ user_id，   PDO :: PARAM_INT ）; 
            $ stmt->  bindParam （“feed_id”，$ feed_id，   PDO :: PARAM_INT ）; 
            $ stmt->  execute （）; 
            $ db = null; 
             echo  '{“success”：{“text”：“Feed deleted”}}'; 
        } else { 
             echo  '{“error”：{“text”：“No access”}}'; 
        } 

    }  赶上 （PDOException $ E）{ 
         回声  '{ “错误”：{ “文”：'。 $ E->  getMessage（）。'}}'; 
    } 

} 
？>

从  '  @ angular / core  '  导入  {Component}  ;  从   '  ionic-angular  ' 
导入   {NavController，App， AlertController  }   ;  从   “  ../../providers/auth-service  ”  导入   {AuthService}   ;  从   “  ../../providers/common  ”  导入   {Common}   ;  @  Component （{selector：'  page-home  '，templateUrl：'  home.html  '}） export  class  HomePage  {  public  userDetails：any;  上市





  
    resposeData：any; 
   公共数据集   ：任何; 
  userPostData = { 
    “user_id”：“”，
    “token”：“”，
    “feed”：“”，
    “feed_id”：“” 
  }; 

   构造函数 （ public   common：Common，   public   alertCtrl：AlertController，   public  navCtrl：NavController，   public   app：App，   public   authService：AuthService）{ 
     const  data =  JSON 。 解析 （ localStorage的 。 的getItem （ '用户数据'））; 
    this.userDetails = data.userData;
    this.userPostData.user_id = this.userDetails.user_id; 
    this.userPostData.token = this.userDetails.token; 
    这个。 getFeed （）; 
  } 

   getFeed （）{ 
    // feed details function
  } 

   feedUpdate （）{ 
    if（this.userPostData.feed）{ 
      this.common。 presentLoading （）; 
      this.authService。 POSTDATA （this.userPostData “  feedUpdate  ”） 
        。 然后（（结果）=> { 
          this.resposeData =结果; 
          如果（this.resposeData.feedData）{ 
            。this.common  closeLoading （）;
            this.dataSet。 unshift （this.resposeData.feedData）; 
            this.userPostData.feed =“”; 
          } else { 
             console 。 log （“无访问权限”）; 
          } 

        ，（err）=> { 
          //连接失败消息
        }）; 
    } 

  } 

   feedDelete （FEED_ID，msgIndex）{ 
    如果（FEED_ID> 0）{ 
      让警报= this.alertCtrl。 创建 （{ 
          title：'删除Feed'，
          消息：'  你想买这个Feed？  '，
          按钮：[ 
            { 
              text：'  取消 '，
              role：'cancel'，
              handler :(）=> { 
                 console 。 log （'Cancel clicked'）; 
              } 
            ，{ 
              text：'  Delete  '，
              handler：（）=> { 
                this.userPostData.feed_id = feed_id; 
                this.authService。 POSTDATA （this.userPostData “  feedDelete  ”） 
                  。 然后（（结果）=> { 
                    this.resposeData =结果; 
                    如果（this.resposeData.success）{ 
                      。this.dataSet  拼接 （msgIndex，1）;
                    } else { 
                       console 。 log （“无访问权限”）; 
                    } 
                  ，（err）=> { 
                    //连接失败消息
                  }）; 
              } 
            } 
          ] 
        }）; 
      alert.present（）; 
    } 
  } 

}

$  ionic  生成 提供者 常见

从  '  @ angular / core  '  导入   {Injectable}  ;  从   '  ionic-angular  ' 
导入   {LoadingController}   ;  @  注射 （） 出口 类 常见  {        公共 装载机：任;        构造函数 （ public   loadingCtrl：LoadingController）{           console 。 log （'Hello Common Provider'）;        }        presentLoading （）{           this.loader = this.loadingCtrl。 create （{content：“Please wait ...”}）







         this.loader.present（）; 
      }  closeLoading （）{          this.loader。 解雇 （）;        }  }

     

从  '  @ angular / core  '  导入  {NgModule，ErrorHandler}  ;  从   '  @ angular / platform-browser  ' 
导入   {BrowserModule}   ;  从   '  @ angular / http  '  导入   {HttpModule}   ;  从   '  ionic-angular  '  导入   {IonicApp，IonicModule，IonicErrorHandler}   ;  从   '  ./app.component  '  导入   {MyApp}   ;  从   '  ../providers/auth-service  '  导入   {AuthService}   ;  从中 导入  {SplitPane} 




 '  ../providers/split-pane  ';  从   '  ../providers/common  ' 
导入   {Common}   ;  从  '  ../pages/welcome/welcome  ' 
导入  {Welcome}   ;  从  '  ../pages/login/login  ' 
导入  {登录}   ;  从  '  ../pages/signup/signup  ' 
导入  {注册}   ;  从   '  ../pages/about/about  ' 
导入   {AboutPage}   ;  从   '  ../pages/contact/contact  '  导入   {ContactPage}   ;  进口

 {HomePage}   来自   '  ../pages/home/home  ';  从   '  ../pages/tabs/tabs  ' 
导入   {TabsPage}   ;  从   '  @ ionic-native / status-bar  '  导入   {StatusBar}   ;  从   '  @ ionic-native / splash-screen  '  导入   {SplashScreen}   ;  从   '  angular-linky  '  导入  {LinkyModule}   ;  从   '  angular2-moment  '  导入   {MomentModule}   ;  @NgModule （{    声明：[      MyApp，





    AboutPage，
    ContactPage，
    HomePage，
    Welcome，
    Login，
    Signup，
    TabsPage 
  ]，
   import ：[ 
    BrowserModule，HttpModule，LinkyModule，MomentModule，
    IonicModule.forRoot（MyApp）
  ]，
   bootstrap ：[IonicApp]，
   entryComponents ：[ 
    MyApp，
    AboutPage，
    ContactPage，
    HomePage ，
    欢迎，
    登录，
    注册，
    TabsPage 
  ]，
   提供商 ：[ 
    StatusBar，
    SplashScreen，AuthService，SplitPane， Common ，
    {provide：ErrorHandler，useClass：IonicErrorHandler} 
  ] 
}）
export  class  AppModule  {}

$  cordova 添加 平台   ios
$  ionic  build  ios

$   cordova   添加   平台   android
$   ionic   build  android