当前位置：移动技术网 > IT编程>开发语言>.net > 通过接口调取博客园文章的实现

通过接口调取博客园文章的实现

2020年04月28日 | 移动技术网IT编程 | 我要评论

椰棕,悟道真源,联发广场

通过接口调取博客园文章的实现

注册了个域名（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：

这里需要三个参数

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="http://www.cnblogs.com/mzwhj/p/6256307.html"/>
<diggs>0</diggs>
<views>4529</views>
<comments>17</comments>
</entry>
<entry>
<id>6224237</id>
<title type="text">
.net core mvc 网站开发（ninesky） 2.3、项目架构调整(续)-使用配置文件动态注入
</title>
<summary type="text">
上次实现了依赖注入，但是web项目必须要引用业务逻辑层和数据存储层的实现，项目解耦并不完全；另一方面，要同时注入业务逻辑层和数据访问层，注入的服务直接写在startup中显得非常臃肿。理想的方式是，web项目近引用接口而不引用实现，在配置文件中进行配置实现程序集合类，注入业务逻辑层而不必注入数据访问
</summary>
<published>2016-12-26t22:39: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="http://www.cnblogs.com/mzwhj/p/6224237.html"/>
<diggs>0</diggs>
<views>2038</views>
<comments>1</comments>
</entry>
</feed>

我们关注的是“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="~/">首页</a></li>
        <li class="breadcrumb-item active" aria-current="page">博客</li>
    </ol>
</nav>

@foreach (var item in model.items)
{<div class="list-group mt-4">
        <a href="@url.action("post","blog",new {id= item.id })" class="list-group-item list-group-item-action">
            <div class="d-flex w-100 justify-content-between">
                <h5 class="mb-1">@item.title</h5>
                @*<small class="text-muted">3 days ago</small>*@
            </div>
            <hr />
            <p class="mb-1">@item.summary</p>
            <small class="text-muted">
                posted:@item.published  @item.author 阅读 (@item.views) 评论 (@item.comments)
            </small>
        </a>
    </div>
}

<nav aria-label="">
    <ul class="pagination justify-content-end">
        <li class="page-item disabled">
            <a class="page-link" href="#" tabindex="-1" aria-disabled="true"> @model.index / @model.totalpage 页</a>
        </li>
        <li class="page-item">
            <a class="page-link" href="~/blog" tabindex="-1" aria-disabled="true">首页</a>
        </li>

        @if (model.index > 1)
        {
            <li class="page-item"><a class="page-link" href="~/blog/index/@(model.index -1)">上一页</a></li>
        }

        @if (model.index < model.totalpage)
        {
            <li class="page-item"><a class="page-link" href="~/blog/index/@(model.index +1)">下一页</a></li>
        }
        <li class="page-item">
            <a class="page-link" href="~/blog/index/@model.totalpage">尾页</a>
        </li>
    </ul>
</nav>

按“f5”查看效果，如下图，自我感觉还不错。

6、显示博客内容。

这个接口真简单，直接返回内容如下图。

这个调用干脆不做了。直接从列表哪儿跳到博客园吧，只需要改一下博客列表视图里面的链接地址就行了。

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

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！点击进行留言回复

微信退款（在.net core 用http方式请求）

微信JSAPI支付申请退款接口地址接口链接：https://api.mch.weixin.qq.com/secapi/pay/refund 是否需... [阅读全文]
Owin Katana 的底层源码分析

最近看了一下开源项目asp.net katana，感觉公开的接口非常的简洁优雅，channel 9 说是受到node.js的启发设计的，Katana是一... [阅读全文]
jenkins发布application且并运行

一、发布配置差异配置：编译内容编译目标NetWorkClient/KJ90NetClient.csproj编译命令/t:build/p:Configur... [阅读全文]
WPF 简易日期控件魔改ListBox

先上截图修正：应该将SetTime方法修改为，行号为207行开始修改 var nk = Day_of_week(year, month, 1); i... [阅读全文]
DevExpress+Winform（二）

无敌模糊学习视频：https://www.bilibili.com/video/BV15x411x7WN?p=3 第三集：实现一个页面，新建devexp... [阅读全文]
DevExpress+Winform（三）

第四讲：添加GridControl，一个GridControl可以对应多个展示数据View，默认会有一个GridView。设置ShowGroupPan... [阅读全文]
docker部署netcore项目 nginx负载均衡

前言：本文主要内容是docker部署netcore应用以及docker运行nginx实现负载均衡。到目前为止感觉微软在跨平台的方面虽然有较大的进步，但... [阅读全文]
基于微信个人收款码的支付接口的实现与源码

前言如果我们希望为自己的网站增添微信扫码收款功能，用于收取一些服务费用，为个人网站提供自动化有偿服务的话，那我们有哪些方案呢？首先，我们先看下效果... [阅读全文]
asp.net搭建博客，使用BlogEngine.NET+MySql搭建博客

起因：github日推邮件中来了个BlogEngine.NET，出于好奇然后就点击链接进去查看了下，发现这TM的太适合.net新手搭建博客网站了。以前的... [阅读全文]
JWT 使用加密算法RS256 非对称加密解密

参考文档： https://gist.github.com/ssippe/8fc11c4d7e766e66f06db0431dba3f0ahttps:/... [阅读全文]