ASP.NET Core API+MVC+Redis 模擬購物車

步驟：
1、打開vs2019創建項目，選擇asp.net core web 應用程式，選擇API，開始創建
2、點項目右鍵，在管理NuGet程序包選擇EF，添加

3、選擇vs工具的管理NuGet程序，在選擇程序包管理器控制臺
4、輸入：Scaffold-DbContext &39; Microsoft.EntityFrameworkCore.SqlServer -OutputDir Models -Context ShopContext
這裡需要注意的是：ShoppingDB是資料庫的名稱， ShopContext是上下文
5、在appsettings.json添加&34;: {

&34;: &34;

},
6、在Startup.cs 文件裡面的public void ConfigureServices(IServiceCollection services)添加
services.AddDbContext<ShopContext>(options => { options.UseSqlServer(Configuration.GetConnectionString(&34;)); }); 注意：shopdb是appsettings.json裡面添加的shopdb 7、在Controllers文件夾添加控制器，選擇空的api，添加路由 [Route(&34;)]
注意，如果不加api，這個接口是不能正確顯示數據的

頁面代碼：

using System;using System.Collections.Generic;using System.Linq;using System.Threading.Tasks;using Microsoft.AspNetCore.Http;using Microsoft.AspNetCore.Mvc;using Microsoft.Extensions.Logging;using WebAPI.Models;namespace WebAPI.Controllers{ [Route(&34;)] [ApiController] public class ProductsController : ControllerBase { private readonly ILogger<ProductsController> _logger; ShopContext db; public ProductsController(ILogger<ProductsController> logger, ShopContext shopContext) { _logger = logger; db = shopContext; } //獲得所有商品 [HttpGet] public IEnumerable<Models.Products> GetAllProducts() { return db.Products.ToList(); } }}

接下來在解決方案上面添加新的項目，選擇asp.net Core web應用程式，選擇web應用程式（模型視圖控制器）
把api裡面生成的models的實體類拷貝到mvc的model裡面，別忘記改命名空間
1、在NuGet程序包添加Newtonsoft.Json
2、在控制器的index頁面添加

//顯示頁面數據 public async Task<IActionResult> Index() { HttpClient httpClient = new HttpClient(); Task<string> task = httpClient.GetStringAsync(&34;); var result = await task; list = JsonConvert.DeserializeObject<IEnumerable<Products>>(result); return View(list); }

3、Index.cshtml 頁面如下：

@{ ViewData[&34;] = &34;;}<h1>商品列表</h1><table class=&34;> <tr> <th>商品名稱</th> <th>商品價格</th> <th>操作</th> </tr> <tbody> @foreach (var item in Model) { <tr> <td>@item.Name</td> <td>@string.Format(&34;, item.Price)</td> <td><a href=&34;Detils&34;Home&34; class=&34;>添加到購物車</a></td> </tr> } </tbody></table>

4、先把api設為啟動項，啟動步調試，在設置mvc為啟動項，啟動步調試，頁面就可以顯示出來了

5、打開redis的服務，先找到redis的目錄輸入redis-server redis.windows.conf 指令
6、先聲明 RedisCache redisClient = null;
在控制器的構造方法裡面添加

//創建Redis客戶端對象 RedisCacheOptions options = new RedisCacheOptions() { InstanceName = &34;, Configuration = &34; }; redisClient = new RedisCache(options);

7、實現添加購物和刪除購物車的方法和頁面

static IEnumerable<Products> list = null; static List<Products> listnew = new List<Products>(); static Dictionary<string, int> dis = new Dictionary<string, int>(); //實現購物車添加 public async Task<IActionResult> Detils(int id) { int num = 1; string result = string.Empty; if (list != null) { foreach (var item in list) { if (item.Id == id) { if (!listnew.Contains(item)) { listnew.Add(item); dis.Add(item.Name,num); } else { if (dis.ContainsKey(item.Name)) { int num_1 = dis[item.Name]; ++num_1; dis[item.Name] = num_1; } } var json = JsonConvert.SerializeObject(dis); redisClient.SetString(&34;, json); } } } var data = redisClient.GetString(&34;); ViewBag.Prod = JsonConvert.DeserializeObject(data); //ViewBag.Result = db.StringGet(&34;); return View(listnew); } //實現購物車減少 public async Task<IActionResult> Delete(int id) { string result = string.Empty; if (list != null) { foreach (var item in list) { if (item.Id == id) { if (listnew.Contains(item)) { if (dis.ContainsKey(item.Name)) { int num_1 = dis[item.Name]; --num_1; dis[item.Name] = num_1; if (num_1 == 0) { listnew.Remove(item); } } } var json = JsonConvert.SerializeObject(dis); redisClient.SetString(&34;, json); } } } var data = redisClient.GetString(&34;); ViewBag.Prod = JsonConvert.DeserializeObject(data); //ViewBag.Result = db.StringGet(&34;); return View(&34;,listnew); }

顯示頁面：Detils.cshtml

@{ ViewData[&34;] = &34;;}<h1>購物車</h1><table class=&34;> <tr> <th>商品名稱</th> <th>商品數量</th> <th>小計</th> <th>操作</th> </tr> <tbody> @foreach (var item in Model) { <tr> <td>@item.Name</td> <td>@ViewBag.Prod[item.Name]</td> <td>@string.Format(&34;, item.Price * Convert.ToInt32(ViewBag.Prod[item.Name]))</td> <td><a href=&34;Delete&34;Home&34; class=&34;>刪除</a></td> </tr> } </tbody></table>