用Ji框架进行HTML/XML解析的过程-原创手记-慕课网

有如下的HTML/XML文件：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>V2EX 我收藏的主题</title>

</head>

<body>

<tr>

</td>

<td width="570" align="right" style="padding-top: 2px;"><a href="/" class="top">首页</a>   <a href="/member/duwei1" class="top">duwei1</a>   <a href="/settings" class="top">设置</a>   <a href="#;" onclick="if (confirm('确定要从 V2EX 登出？')) { location.href= '/signout?once=29225'; }" class="top">登出</a></td>

</tr>

</table>

</div>

<tr>

<td width="auto" align="left"><span class="bigger"><a href="/member/duwei1">duwei1</a></span>

</td>

</tr>

</table>

<tr>

</tr>

</table>

</div>

</div>

<tr>

<td width="auto" valign="middle" align="left"><a href="/new">创作新主题</a></td>

</tr>

</table>

</div>

<div class="inner"><div class="fr" id="money"><a href="/balance" class="balance_area" style="">0 <img src="//v2ex.assets.uxengine.net/static/img/bronze.png" alt="B" align="absmiddle" border="0" /></a></div><a href="/notifications" class="fade">0 条未读提醒</a></div>

<div class="inner"><span class="chevron">  </span> <a href="/balance">在你开始发帖之前，请先领取初始资本</a></div>

</div>

</div>

</div>

</div>

<div class="header"><a href="/">V2EX</a> <span class="chevron">  </span> 我收藏的主题<div class="fr f12"><span class="snow">主题总数 </span> <strong class="gray">5</strong></div></div>

<tr>

<td width="auto" valign="middle"><span class="item_title"><a href="/t/358175#reply1">腾讯云采购节腾讯云 7.9 折官网折扣折上折</a></span>

<span class="small fade"><div class="votes"></div><a class="node" href="/go/cloud">云计算</a>    <strong><a href="/member/Diss">Diss</a></strong>    5 分钟前    最后回复来自 <strong><a href="/member/ik">ik</a></strong></span>

</td>

</td>

</tr>

</table>

</div>

<tr>

<td width="auto" valign="middle"><span class="item_title"><a href="/t/358153#reply25">vultr 一到晚上丢包就太严重了</a></span>

<span class="small fade"><div class="votes"></div><a class="node" href="/go/cloud">云计算</a>    <strong><a href="/member/lishunli">lishunli</a></strong>    4 分钟前    最后回复来自 <strong><a href="/member/watara">watara</a></strong></span>

</td>

</td>

</tr>

</table>

</div>

<tr>

<td width="auto" valign="middle"><span class="item_title"><a href="/t/358125#reply30">新手，我在自学编程当中遇到的一些问题。</a></span>

<span class="small fade"><div class="votes"></div><a class="node" href="/go/java">Java</a>    <strong><a href="/member/lbc307">lbc307</a></strong>    8 分钟前    最后回复来自 <strong><a href="/member/humor66">humor66</a></strong></span>

</td>

</td>

</tr>

</table>

</div>

</div>

</div>

<strong><a href="/about" class="dark" target="_self">关于</a>   <span class="snow">·</span>   <a href="/faq" class="dark" target="_self">FAQ</a>   <span class="snow">·</span>   <a href="/p/7v9TEc53" class="dark" target="_self">API</a>   <span class="snow">·</span>   <a href="/mission" class="dark" target="_self">我们的愿景</a>   <span class="snow">·</span>   <a href="/advertise" class="dark" target="_self">广告投放</a>   <span class="snow">·</span>   <a href="/advertise/2016.html" class="dark" target="_self">鸣谢</a>   <span class="snow">·</span>   1078 人在线</strong>   <span class="fade">最高记录 2466</span>   <span class="snow">·</span>   <a href="/select/language"><img src="/static/img/lang_zhcn_32.png" align="absmiddle" border="0" width="20" alt="" /></a>

创意工作者们的社区

World is powered by solitude

<span class="small fade">VERSION: 3.9.7.5 · 35ms · UTC 02:45 · PVG 10:45 · LAX 19:45 · JFK 22:45<br /> Do have faith in what you're doing.</span>

<span class="f12 gray"><a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">沪ICP备16043287号-1</a></span>

</div>

(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){

(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-11940834-2', 'v2ex.com');

ga('send', 'pageview');

</script>

</body>

</html>

显示的web图片在上传文件中。

解析的过程如下：

/**

获取我的收藏帖子列表

class func getFavoriteList(_ page:Int = 1, completionHandler: @escaping (V2ValueResponse<([TopicListModel],Int)>) -> Void){

//先获取请求地址，如: https://www.v2ex.com/my/topics?p=1

Alamofire.request(V2EXURL+"my/topics?p=\(page)", headers: MOBILE_CLIENT_HEADERS).responseJiHtml { (response) -> Void in

var resultArray:[TopicListModel] = []

var maxPage = 1

if let jiHtml = response.result.value {

// 先找到 class="cell item" 的这个节点

if let aRootNode = jiHtml.xPath("//*[@class='cell item']"){

for aNode in aRootNode {

let topic = TopicListModel(favoritesRootNode:aNode)

resultArray.append(topic);

}

//更新通知数量

V2User.sharedInstance.getNotificationsCount(jiHtml.rootNode!)

//获取最大页码只有第一页需要获取maxPage

if page <= 1

,let aRootNode = jiHtml.xPath("//*[@class='page_normal']")?.last

, let page = aRootNode.content

, let pageInt = Int(page)

{

maxPage = pageInt

}

let t = V2ValueResponse<([TopicListModel],Int)>(value:(resultArray,maxPage), success: response.result.isSuccess)

completionHandler(t);

}

//////////////////////////////

if let aRootNode = jiHtml.xPath("//*[@class='cell item']"){

for aNode in aRootNode {

let topic = TopicListModel(favoritesRootNode:aNode)

resultArray.append(topic);

}

这部分是主要的，找到节点。

init(favoritesRootNode:JiNode) {

super.init()

self.avata = favoritesRootNode.xPath("./table/tr/td[1]/a[1]/img[@class='avatar']").first?["src"]

self.nodeName = favoritesRootNode.xPath("./table/tr/td[3]/span[2]/a[1]").first?.content

self.userName = favoritesRootNode.xPath("./table/tr/td[3]/span[2]/strong[1]/a").first?.content

let node = favoritesRootNode.xPath("./table/tr/td[3]/span/a[1]").first

self.topicTitle = node?.content

self.setupTitleLayout()

var topicIdUrl = node?["href"];

if var id = topicIdUrl {

if let range = id.range(of: "/t/") {

id.replaceSubrange(range, with: "");

}

if let range = id.range(of: "#") {

id = id.substring(to: range.lowerBound)

topicIdUrl = id

}

self.topicId = topicIdUrl

let date = favoritesRootNode.xPath("./table/tr/td[3]/span[2]").first?.content

if let date = date {

let array = date.components(separatedBy: "")

if array.count == 4 {

self.date = array[3].trimmingCharacters(in: NSCharacterSet.whitespaces)

}

self.lastReplyUserName = favoritesRootNode.xPath("./table/tr/td[3]/span[2]/strong[2]/a[1]").first?.content

self.replies = favoritesRootNode.xPath("./table/tr/td[4]/a[1]").first?.content

}

这个方法里面代码的作用是解析得到cell中模型的数据。比如cell中的一个模型数据为userName,有一个值为lishunli，根据favoritesRootNode.xPath("./table/tr/td[3]/span[2]/strong[1]/a").first?.content后进行赋值。

解析后赋值给模型的图片在上传文件中。