Guest User

Untitled

a guest
Sep 18th, 2018
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.58 KB | None | 0 0
  1. <?php
  2. header('Access-Control-Allow-Origin: *');
  3. $dbhost = "127.0.0.1";
  4. $dbuser = "root";
  5. $dbpass = "******";
  6. $db = "dbPlants";
  7. $con = mysqli_connect($dbhost,$dbuser,$dbpass,$db);
  8. class disease{
  9. var $id;
  10. var $name;
  11. var $sciname;
  12. var $cause;
  13. }
  14. $sqldata = mysqli_query($con,"SELECT * FROM tbldiseases");
  15. $diseases=array();
  16. while($row = mysqli_fetch_array($sqldata, MYSQLI_ASSOC))
  17. {
  18. $dis=new disease();
  19. $dis->id=$row["Diseasesid"];
  20. $dis->name=$row["name"];
  21. $dis->sciname=$row["ScientificName"];
  22. $dis->cause=$row["cause"];
  23. $diseases[]=$dis;
  24. /*$diseases[] = array($row["Diseasesid"],$row["name"],$row["ScientificName"],$row["cause"]);*/
  25. }
  26. echo json_encode($diseases);
  27.  
  28. mysqli_close($con);
  29. ?>
  30.  
  31. import {Injectable} from "@angular/core"
  32. import {Disease} from "./disease"
  33. import {Http, Response} from "@angular/http"
  34. import {Observable} from 'rxjs/Observable'
  35. import 'rxjs/add/operator/map'
  36. import 'rxjs/add/operator/catch'
  37.  
  38. @Injectable()
  39. export class DiseaseService{
  40. constructor(private http:Http){
  41.  
  42. }
  43. getDiseases():Observable<Disease[]>
  44. {
  45. return this.http.get('http://localhost/HowzMyPlant/hello.php').map(this.extractData)
  46. .catch((error:any)=>Observable.throw(error.json().error || 'Server error'));
  47. }
  48.  
  49. private extractData(res:Response){
  50. let body=res.json();
  51. return body || [];
  52. }
  53. }
  54.  
  55. export class Disease{
  56. constructor(public Id:number,
  57. public Name:string,
  58. public ScientificName:string,
  59. public Cause:string){
  60. }
  61. }
  62.  
  63. <!DOCTYPE html>
  64. <html>
  65. <body>
  66. <ion-content style="margin-top:70px;margin-bottom:90px">
  67. <div style="font-size:20px;font-weight:bold;margin-left:20px;color:darkgreen">
  68. All Diseases
  69. </div>
  70. <ion-list *ngFor="let dis of diseases">
  71. <ion-item (click)="getDiseaseInfo(dis.Name) ">
  72. <div style="display:inline-block ">
  73. <img src="no " ion-fab/>
  74. </div>
  75. <div style="display:inline-block ">
  76. <div>
  77. {{dis.Name}}
  78. </div>
  79. <div>
  80. {{dis.ScientificName}}
  81. </div>
  82. <div>
  83. {{dis.Cause}}
  84. </div>
  85. </div>
  86. </ion-item>
  87. </ion-list>
  88. </ion-content>
  89.  
  90. @Component({
  91. selector:'library-screen',
  92. templateUrl:'libraryscreen.html',
  93. providers:[DiseaseService]
  94.  
  95. })
  96. export class LibraryScreenComponent implements OnInit{
  97. public diseases : Disease[];
  98. constructor(private diseaseService : DiseaseService){
  99. }
  100. ngOnInit(){
  101. this.diseaseService.getDiseases().subscribe(dis=>this.diseases=dis);
  102. }
  103. getDiseaseInfo(id:string){
  104. alert(id);
  105. }
  106. }
Add Comment
Please, Sign In to add comment