建立完整的文章頁面

我們已經建立了第一頁，其中將顯示所有新聞文章。此頁面將顯示完整文章。

1. 向 HomeController 新增一個操作方法

   [SharePointContextFilter]
   public ActionResult Aticle(int ArticleId)
   {
       User spUser = null;
   
       var spContext = SharePointContextProvider.Current.GetSharePointContext(HttpContext);
       FullArticle article = new FullArticle();
       using (var clientContext = spContext.CreateUserClientContextForSPHost())
       {
           if (clientContext != null)
           {
               spUser = clientContext.Web.CurrentUser;
   
               clientContext.Load(spUser, user => user.Title);
   
               clientContext.ExecuteQuery();
   
               ViewBag.UserName = spUser.Title;
   
               List lst = clientContext.Web.Lists.GetByTitle("News");
               CamlQuery queryNews = new CamlQuery();
               queryNews.ViewXml = @"<View><Query><Where><Eq><FieldRef Name='ID'/>" + "<Value Type='Number'>" + ArticleId + "</Value></Eq></Where></Query>" +
                   "<ViewFields><FieldRef Name='ID'/><FieldRef Name='Title'/><FieldRef Name='Body'/></ViewFields></View>";//
               ListItemCollection newsItems = lst.GetItems(queryNews);
               clientContext.Load(newsItems, includes => includes.Include(i => i.Id, i => i.DisplayName, i => i["Body"]));
   
               clientContext.ExecuteQuery();
   
               if (newsItems != null)
               {
                   foreach (var lstProductItem in newsItems)
                   {
                       article.Id = Convert.ToInt32(lstProductItem.Id.ToString());
                       article.Title = lstProductItem.DisplayName.ToString();
                       article.Body = lstProductItem["Body"].ToString();
                   }
               }
           }
       }
       return View(article);
   }
   

2. 再次右鍵單擊 Action 並建立一個具有相同名稱的 View 方法名稱。在我的案例中，View 將被稱為 Aticle

     @model SharePointNewsAppWeb.Models.FullArticle
   
   @{
    ViewBag.Title = "Aticle";
   }
   
   <br />
   <div class="panel panel-default">
    <div class="panel-heading"><a style="font-size:20px;" href="/"><i   class="glyphicon glyphicon-chevron-left"></i> <i class="glyphicon glyphicon-home"></i>      </a></div>
    <div class="panel-heading"><h1 class="h2">@Model.Title.ToUpper()</h1></div>
    <div class="panel-body">@Html.Raw(@Model.Body)</div>
   </div>
   

這是全文頁面的程式碼，顯示了新聞文章的正文