通過介面調取博客園文章的實作

注冊了個域名（Nineksy.cn），在阿里云申請了個云虛主機，今天域名備案通過了，準備給網站做幾個個頁面，因為博客園用的很順手了就不準備自己內容管理了，準備直接呼叫博客園的內容，由于阿里云的云虛主機不支持.net core，但支持.NET Framework，就用.NET MVC 來做，

一、博客園的介面

博客園開發者中心支持對博客園的各種管理api，回傳json格式，不過使用這種介面要申請ApiKey，這是只是簡單呼叫一下博客串列和內容，所以使用另一個簡單的方式http://wcf.open.cnblogs.com/blog/help，這個api較少（如下圖），只是調取一下博客內容頁足夠了，這里使用的是.net 4.5 MVC專案進行呼叫，

二、創建網站

打開VS2019，【檔案】->【新建】->【專案】，

在創建新專案對話框中選擇【ASP.NET Web 應用程式（.NET Framework）】，【下一步】，

選擇創建專案

在配置新專案對話框中對專案進行配置，專案名稱輸入“NineskyWeb”；位置是專案源代碼保存的位置，可以隨便選；解決方案名稱這里與專案名稱一致，框架選擇“.NET Framework4.5”，因為云虛主機只支持到4.5，點【創建】，

在創建新的ASP.NET Web應用程式里面選擇“MVC”，點擊【創建】，然后等待專案創建完成，

專案創建完成后點開【解決方案管理器】，可以看到創建了一個標準的.net mvc 專案（如下圖），無需任何配置，按【F5】即可運行專案，

運行后可以在瀏覽器中可以看到一個bootstrap風格的頁面，

這個界面有點丑，找個風格稍微美化一下，比上面一個好看了些，

三、呼叫文章

1、添加控制器

在控制器檔案夾【Controller】右鍵->【添加】->【控制器】

在添加已搭建基架的新項對話框中選擇【MVC5 控制器-空】，點擊【添加】

在添加控制器名稱中輸入博客控制器名稱，“BlogController”，點擊【添加】

自動創建的代碼如下：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

namespace NineskyWeb.Controllers
{
    public class BlogController : Controller
    {
        // GET: Blog
        public ActionResult Index()
        {
            return View();
        }
    }
}

2、介面的回傳格式

看一下博客園分頁獲取個人博客文章串列的api：http://wcf.open.cnblogs.com/blog/u/{BLOGAPP}/posts/{PAGEINDEX}/{PAGESIZE}

這里需要三個引數

BLOGAPP	博客地址
PAGEINDEX	當前頁
PAGESIZE	每頁記錄數

直接在瀏覽其中輸入http://wcf.open.cnblogs.com/blog/u/mzwhj/posts/1/2，看一下回傳的xml格式，

<feed xmlns="http://www.w3.org/2005/Atom">
<title type="text">博客園_洞庭夕照</title>
<id>uuid:1ca5ca2a-9303-4ff0-8404-47cf84630ebe;id=9103</id>
<updated>2020-04-26T09:19:20+08:00</updated>
<logo>
file://pic.cnblogs.com/face/132313/20140310231701.png
</logo>
<author>
<name>洞庭夕照</name>
<uri>http://www.cnblogs.com/mzwhj/</uri>
</author>
<postcount>103</postcount>
<entry>
<id>6256307</id>
<title type="text">.Net Core MVC 網站開發（Ninesky） 2.4、添加欄目與異步方法</title>
<summary type="text">
在2.3中完成依賴注入后，這次主要實作欄目的添加功能，按照前面思路欄目有三種型別，常規欄目即可以添加子欄目也可以選擇是否添加內容，內容又可以分文章或其他型別，所以還要添加一個模塊功能，這次主要實作欄目的添加，附帶實作模塊串列功能，并將業務邏輯層的功能都實作了異步方法， 先來個完成后的界面吧， 一、業...
</summary>
<published>2017-01-06T14:55:00+08:00</published>
<updated>2020-04-26T03:36:18Z</updated>
<author>
<name>洞庭夕照</name>
<uri>http://www.cnblogs.com/mzwhj/</uri>
</author>
<link rel="alternate" href=https://www.cnblogs.com/mzwhj/p/"http://www.cnblogs.com/mzwhj/p/6256307.html"/>
0
4529
17


6224237

.Net Core MVC 網站開發（Ninesky） 2.3、專案架構調整(續)-使用組態檔動態注入


上次實作了依賴注入，但是web專案必須要參考業務邏輯層和資料存盤層的實作，專案解耦并不完全；另一方面，要同時注入業務邏輯層和資料訪問層，注入的服務直接寫在Startup中顯得非常臃腫，理想的方式是，web專案近參考介面而不參考實作，在組態檔中進行配置實作程式集合類，注入業務邏輯層而不必注入資料訪問

2016-12-26T22:39:00+08:00
2020-04-26T03:36:18Z

洞庭夕照
http://www.cnblogs.com/mzwhj/

<link rel="alternate" href="http://www.cnblogs.com/mzwhj/p/6224237.html"/>
0
2038
1

我們關注的是“entry”節點內容，這個節點里回傳博客串列的相關內容，根據這個內容來添加模型

3、添加模型

添加博客串列模型

在Models檔案夾上右鍵->添加->類，類名輸入BlogItem，

using System;

namespace NineskyWeb.Models
{
    public class BlogItem
    {
        /// <summary>
        /// 標識
        /// </summary>
        public int Id { get; set; }

        /// <summary>
        /// 標題
        /// </summary>

        public string Title { set; get; }

        /// <summary>
        /// 簡介
        /// </summary>

        public string Summary { set; get; }

        /// <summary>
        /// 發布時間
        /// </summary>

        public DateTime Published { get; set; }

        /// <summary>
        /// 作者
        /// </summary>

        public string Author { get; set; }

        /// <summary>
        /// 閱讀次數
        /// </summary>
        public int Views { get; set; }

        /// <summary>
        /// 評論數
        /// </summary>
        public int Comments { get; set; }
    }
}

另一個要關注的就是“postcount”，分頁需要用到總記錄數，下面添加分頁模型，

添加分頁模型

在Models檔案夾上右鍵->添加->類，類名輸入Page

using System.Collections.Generic;

namespace NineskyWeb.Models
{
    public class Page<T> where T:class
    {
        /// <summary>
        /// 頁碼
        /// </summary>
        public int Index { get; set; }

        /// <summary>
        /// 每頁記錄數
        /// </summary>
        public int Size { get; set; }

        /// <summary>
        /// 總記錄數
        /// </summary>

        public int TotalCount { get; set; }

        /// <summary>
        /// 總頁數
        /// </summary>

        public int TotalPage { get; set; }

        /// <summary>
        /// 博客串列
        /// </summary>
        public List<T> Items { get; set; }
    }
}

現在回傳到剛添加的博客控制器中，修改Index代碼，實作從博客園get博客串列，

4、用HttpClient從博客園獲取資料

思路：利用HttpClient從博客園獲取博客串列的xml格式資料，然后轉換成Page模型，并傳遞給試圖，代碼如下：

/// <summary>
        /// 博客串列
        /// </summary>
        /// <param name="id">頁碼</param>
        /// <param name="size">每頁記錄數</param>
        /// <returns></returns>
       [ActionName("Index")]
        public async Task<ActionResult> IndexAsync(int id=1,int size=8)
        {
            HttpClient client = new HttpClient() { BaseAddress = new Uri("http://wcf.open.cnblogs.com/blog/u/mzwhj/posts/" + id + "/" + size) };
            HttpResponseMessage responseMessage = await client.SendAsync(new HttpRequestMessage());
            if(responseMessage.IsSuccessStatusCode)
            {
                var content = await responseMessage.Content.ReadAsStringAsync();
                XmlDocument document = new XmlDocument();
                document.LoadXml(content);
                XmlNamespaceManager xmlNamespace = new XmlNamespaceManager(document.NameTable);
                xmlNamespace.AddNamespace("ns", "http://www.w3.org/2005/Atom");
                Page<BlogItem> page = new Page<BlogItem> (){ Index = id, Size = size, Items = new List<BlogItem>() };
                var countNode = document.SelectSingleNode("/ns:feed/ns:postcount", xmlNamespace);
                page.TotalCount = Convert.ToInt32(countNode.InnerText);
                page.TotalPage = (page.TotalCount + page.Size - 1) / page.Size;
                var blogsNode = document.SelectNodes("/ns:feed/ns:entry", xmlNamespace);
                foreach(XmlNode blog in blogsNode)
                {
                    var aa = blog["id"].InnerText;
                    page.Items.Add(new BlogItem
                    {
                        Id = Convert.ToInt32(blog["id"].InnerText),
                        Title = blog["title"].InnerText,
                        Summary = blog["summary"].InnerText,
                        Author = blog["author"].FirstChild.InnerText,
                        Published = Convert.ToDateTime(blog["published"].InnerText),
                        Views = Convert.ToInt32(blog["views"].InnerText),
                        Comments = Convert.ToInt32(blog["comments"].InnerText)
                    });
                }
                return View(page);
            }
            return RedirectToAction("Index", "Home");
        }

注意：由于使用的異步方法action變成了“IndexAsync”，所以給acion加上[ActionName("Index")]特性，讓瀏覽器繼續使用Index訪問，

5、添加視圖

在IndexAsync上右鍵添加視圖，

注意由于action名稱為“IndexAsync”，添加視圖對話框中默認視圖名為“IndexAsync”，因為我們把action重命名為“Index”，所以這里視圖名稱要改成“Index”，添加視圖后修改代碼，把控制器傳過來的分頁資料用串列顯示出來，代碼也很簡單，如下：

@model NineskyWeb.Models.Page<NineskyWeb.Models.BlogItem>

@{
    ViewBag.Title = "博客";
}

<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href=https://www.cnblogs.com/mzwhj/p/"~/">首頁
        博客
    


@foreach (var item in Model.Items)
{
        
            
                @item.Title
                @*3 days ago*@
            
            
            @item.Summary
            
                posted:@item.Published  @item.Author 閱讀 (@item.Views) 評論 (@item.Comments)
            
        
    
}


    
        
             @Model.Index / @Model.TotalPage 頁
        
        
            首頁
        

        @if (Model.Index > 1)
        {
            上一頁
        }

        @if (Model.Index < Model.TotalPage)
        {
            下一頁
        }
        
            尾頁

按“F5”查看效果，如下圖，自我感徑訓不錯，

6、顯示博客內容，

http://wcf.open.cnblogs.com/blog/post/body/{POSTID}

這個介面真簡單，直接回傳內容如下圖，

這個呼叫干脆不做了，直接從串列哪兒跳到博客園吧，只需要改一下博客串列視圖里面的鏈接地址就行了，

把紅框里的地址改成：href=https://www.cnblogs.com/mzwhj/p/"https://www.cnblogs.com/mzwhj/p/@(item.Id).html"，大功告成，

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/1685.html

標籤：ASP.NET MVC

上一篇：常用正則運算式

下一篇：《ASP.NET MVC 5 網站開發之美》 - 學習筆記