如何將Xamarin.Forms移動應用程序正確連接到Web服務？

Question

美好的一天。我只是一個新手在使用Xamarin.Forms，所以人們請幫助我。我創建了基本的移動應用程序。我還創建了一個ASP.NET WEB應用程序，使我能夠對員工姓名和部門進行CRUD記錄。我想要做的是獲得我在網站上創建的所有記錄並將其顯示給我的移動應用程序。但是我在將XAMARIN.FORMS連接到WEB SERVICE時遇到了問題。我能夠將記錄保存在WEB應用程序中，但是當我嘗試將它連接到我的移動應用程序時，它不起作用。這是一個跨平臺，但我首先關注Android版本，所以現在請忽略iOS和Windows。請幫幫我。如果我在這樣做的過程中走錯了路，或者如果您有其他想法，請讓我知道。 我希望我的代碼能幫上忙。非常感謝。

MainPageMain.xaml

<?xml version="1.0" encoding="utf-8" ?> 
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
     xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
     x:Class="XamarinDemo.Views.MainPageMain" 
     xmlns:ViewModels="clr-namespace:XamarinDemo.ViewModels;assembly=XamarinDemo" 
     BackgroundColor="Teal"> 

    <ContentPage.BindingContext> 
    <ViewModels:MainViewModel/> 
    </ContentPage.BindingContext> 

<ListView ItemsSource="{Binding EmployeesList}" 
     HasUnevenRows="True"> 
    <ListView.ItemTemplate> 
    <DataTemplate> 
     <ViewCell> 
     <StackLayout Orientation="Vertical" 
        Padding="12,6"> 
      <Label Text="{Binding Name}" 
       FontSize="24"/> 

      <Label Text="{Binding Department}" 
       FontSize="18" 
       Opacity="0.6"/> 
     </StackLayout> 
     </ViewCell> 
    </DataTemplate> 
    </ListView.ItemTemplate> 


</ListView> 

</ContentPage> 

MainViewModel.cs

using System; 
using System.Collections.Generic; 
using System.ComponentModel; 
using System.Linq; 
using System.Runtime.CompilerServices; 
using System.Text; 
using System.Threading.Tasks; 
using XamarinFormsDemo.Models; 
using XamarinFormsDemo.Services; 

namespace XamarinFormsDemo.ViewModels 
    { 
public class MainViewModel : INotifyPropertyChanged 
{ 

    private List<Employee> _employeesList; 

    public List<Employee> EmployeesList 
    { 
     get { return _employeesList; } 
     set 
     { 
      _employeesList = value; 
      OnPropertyChanged(); 
     } 
    } 

    public MainViewModel() 
    { 
     InitializeDataAsync(); 
    } 

    private async Task InitializeDataAsync() 
    { 
     var employeesServices = new EmployeesServices(); 

     EmployeesList = await employeesServices.GetEmployeesAsync(); 
    } 



    public event PropertyChangedEventHandler PropertyChanged; 

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null) 
    { 
     var handler = PropertyChanged; 
     if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName)); 
    } 

    } 
} 

EmployeesServices.cs

using Plugin.RestClient; 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Text; 
using System.Threading.Tasks; 
using XamarinFormsDemo.Models; 

namespace XamarinFormsDemo.Services 
{ 
public class EmployeesServices 
{ 


    public async Task<List<Employee>> GetEmployeesAsync() 
    { 
     RestClient<Employee> restClient = new RestClient<Employee>(); 

     var employeesList = await restClient.GetAsync(); 

     return employeesList; 

    } 

    } 
} 

Answer 1

我覺得你GetEmployeesAsync()函數返回一個ObservableCollection<Employee>而不是List<Employee>，我覺得你的觀點將只是更新當ListView的綁定設置爲ObservableCollection時。

如果這不是問題，則可以在調試器中檢查您的EmployeesList是否填充了數據。

編輯： 在你MainViewModel，改變private List<Employee> _employeesList;到private ObservableCollection<Employee> _employeesList;和public List<Employee> EmployeesList到public ObservableCollection<Employee> EmployeesList

在你InitializeDataAsync（）方法改變

EmployeesList = await employeesServices.GetEmployeesAsync(); 

到

var templist = await employeesServices.GetEmployeesAsync(); 
foreach (var e in templist) 
{ 
    EmployeesList.Add(e); 
} 

而且我m確信如果你可以在xamarin中設置你的綁定上下文，你可以嘗試在頁面的CodeBehind中做到這一點。