Question

我是MVC的新手并且正在尝试开发一个货币兑换，它有一个文本框和两个货币的下拉列表来交换。我使用了具有表的API Web服务，其中包含货币名称，国家/地区和值。我的问题是，一旦用户在ConversionRate中插入金额后发布操作方法，就会计算API的值，因为我总是得到0值！我在这里做错了什么？

索引操作方法

  [HttpPost]
        public ActionResult Index(Currencies cur)
        {
            if (cur.ConversionRate.Equals(null))
            {
                ModelState.AddModelError("", "Please enter a numeric value");
            }

            if (cur.FromCurrencyId == cur.ToCurrencyId)
            {
                //do something if same currecnies and return.
                ModelState.AddModelError("", "Can't make the conversion for the same curreny");
            }
            else
            {
                if (ModelState.IsValid)
                {
                    CurrenciesClient Cur = new CurrenciesClient();
                    var listCurrency = Cur.findAll().ToList();

                    Currencies model = new Currencies();
                    model.FromCurrencies = new SelectList(listCurrency,"FromCurrencyId", "CurrencyName","Value");
                    model.ToCurrencies = new SelectList(listCurrency, "ToCurrencyId", "CurrencyName","Value" );

                    ViewBag.TheResult = listCurrency.Where(c => c.FromCurrencyId == cur.FromCurrencyId && c.ToCurrencyId == cur.ToCurrencyId).FirstOrDefault().ConversionRate * cur.Value;

                    return PartialView("_CurrencyValue");
                }
            }
            return View();
        }

API网络服务CurrenciesClient

public class CurrenciesClient 
    {
        private string base_Url = "http://localhost:51646/api/";

        public IEnumerable<Currencies> findAll()
        {
            try
            {
                HttpClient client = new HttpClient();
                client.BaseAddress = new Uri(base_Url);
                client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
                HttpResponseMessage response = client.GetAsync("currencies").Result;
                if (response.IsSuccessStatusCode)
                {
                    var resposeData = response.Content.ReadAsStringAsync().Result;
                    var Currency = JsonConvert.DeserializeObject<List<Currencies>>(resposeData);
                    return Currency;
                }
                return null;
            }
            catch
            {
                return null;
            }
        }
    }

货币VM

  public class Currencies
    {
        public int Id { get; set; }

        [Required(ErrorMessage = " message")]
        public int FromCurrencyId { get; set; }
        public SelectList FromCurrencies { get; set; }

        [Required]
        public int ToCurrencyId { get; set; }
        public SelectList ToCurrencies { get; set; }

        public string CurrencyName { get; set; }

        public string CurrencyCountry { get; set; }


        [Required(ErrorMessage ="Please enter a numeric value")]
        public decimal ConversionRate { get; set; }  

        public decimal Value { get; set; }

        public SelectList AvailableCurrencies { get; set; }
    }

索引视图

@model Project.ViewModels.Currencies

@{
    ViewBag.Title = "Index";
}
<div id="ConversionSection">

        @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "ConversionSection" }))
        {
            @Html.AntiForgeryToken()

            @Html.ValidationSummary(true, "", new { @class = "text-danger" })

            @Html.TextBoxFor(m => m.ConversionRate, new { @class = "form-control" })

            @Html.DropDownListFor(m => m.FromCurrencyId, Model.FromCurrencies as IEnumerable<SelectListItem>, new { @class = "form-control" })
            @Html.DropDownListFor(m => m.ToCurrencyId, Model.ToCurrencies as IEnumerable<SelectListItem>, new { @class = "form-control" })
            @Html.ValidationMessageFor(model => model.ToCurrencyId, "", new { @class = "text-danger" })
            <br />
            <button type="submit" class="btn btn-primary">Convert</button>
        }

</div>
@section scripts{
   <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>
}

Answer 1

您允许用户在表单中输入转换率，但随后也会在API中查找。这不符合逻辑。您不希望用户自己输入转换率 - 这是您为了计算交换而保留的数据。

您未让用户输入的是他们想要兑换的货币金额。它保存在ViewModel的“值”字段中。由于未输入，因此它总是默认为0，这就是为什么当你执行ConversionRate * cur.Value时它始终返回0.（该等式中的ConversionRate正确地是API返回的，而不是输入的那个）由用户）。

要解决，只需更改

@Html.TextBoxFor(m => m.ConversionRate, new { @class = "form-control" })

到

@Html.TextBoxFor(m => m.Value, new { @class = "form-control" })

您的用户界面可能还应包含一个标签，告诉用户输入什么内容！

从API消耗价值

1 个答案: