Visual Studio社区2015：添加电子商务功能

>本文展示了使用Visual Studio Community 2015，Bootstrap和Angularjs构建简单的电子商务结帐页面。 该过程集成了一个模拟ASP.NET Web API进行付款处理，展示核心电子商务组件。

密钥功能：

• >无缝集成： Visual Studio 2015促进了电子商务功能的简单集成。
• >用户友好的接口： bootstrap和angularjs创建了平稳，响应迅速的结帐体验。
• >模拟付款处理：模拟的ASP.NET Web API处理JSON付款数据，提供了有关交易成功或失败的反馈。
实时更新： 简化的工作流程：整个结帐过程都在单个形式中简化了。
• >本教程基于该系列的先前文章（下面提供的链接），并着重于添加电子商务功能。 单页结帐处理购物车，付款信息并显示成功/失败消息。 付款详细信息将提交给模拟ASP.NET Web API充当信用卡处理器，通过POST请求接收JSON数据并返回HTTP状态代码。 Angularjs处理实时更新，计算总计和显示消息。 >结帐页面的设计利用引导程序进行样式。 AngularJS管理产品总计的动态显示。 从产品选择到付款的完整过程都包含在单一形式中。
（图片：完整结帐页面的屏幕截图）

] >

实现详细信息：

>该过程涉及创建新的MVC视图（Checkout.cshtml）和几个模型类（product.cs，form.cs，checkout.cs）。 应用引导样式，并将AngularJS用于动态功能。 AngularJS控制器（Controller.js）初始化了产品数量的变量。 服务器端代码（HOMECONTROLLER.CS）处理提交，处理数据并与模拟Web API进行交互。 Web API（ValueController.cs）模拟付款处理并返回http状态代码，表示成功或失败。> （图片：添加新的MVC查看页面） [

> （图像：添加controller.js file）

]

myForm类绑定到形式字段，简化了数据访问。 ProductManager班级计算总价格。 Checkout课程管理成功/失败消息和下载代码。 Web API使用JsonConvert（newtonsoft.json nuget软件包）进行JSON Serialization/Deserialization。

（图像：添加newtonsoft.json nuget package） []

（链接到该系列中的先前文章）：>

Visual Studio社区2015：建立网站
> Visual Studio社区2015：添加电子邮件和联系页面

（本文是由Microsoft赞助的。）

以上是Visual Studio社区2015：添加电子商务功能的详细内容。更多信息请关注PHP中文网其他相关文章！