各大招聘网站信息实时查询浏览【二】

发布时间：2020-12-15 21:25:06 所属栏目：asp.Net 来源：网络整理

导读：前言前面写了《》，关注的朋友还真不少。各种意见的提，我也觉得意见挺好的，也就一一采纳了。有朋友说，希望能在手机端访问。好，采纳。有朋友说，选择区域太少了。好，我加上。有朋友说，希望能在本页面查看详情。ok，我同意。额，差不多就这些改动了。

前言

前面写了《》，关注的朋友还真不少。各种意见的提，我也觉得意见挺好的，也就一一采纳了。

有朋友说，希望能在手机端访问。好，采纳。有朋友说，选择区域太少了。好，我加上。有朋友说，希望能在本页面查看详情。ok，我同意。

额，差不多就这些改动了。

效果图

不想往下看的可以直接：???

pc:? ? ?

使用webapi提供数据

为什么要用webapi提供数据？

数据部分和显示部分分离
可以各终端调用数据展示

因为我这里请求的时候，是实时访问的招聘网站，所以请求过程要耗费一定的时间。但是，信息的更新并不频繁。我们可以在webapi中使用缓存。

在guget命令行执行??。

示例代码：

[CacheOutput(ClientTimeSpan = ,ServerTimeSpan = IEnumerable<> [] { ,

WebAPI 测试链接：

响应式

什么是响应式??。

在做响应式布局的时候，还是遇到了点小问题的。

如：

pc端的搜索条件所在的div 显示效果：

在移动端的显示效果：

要求：pc端一行显示，移动端两行显示。且左右居中显示。

问题就出在左右居中。首先，pc端的显示。两个div一行显示，我们一般都是用样式??。可是，我发现float了以后不好居中了啊。考虑这用个东西包起来，再居中。具有包裹性的：无非就是：??????。float排除，然后table的显示方式好使。就像我们平时让table居中那样。??

测试代码：

{:;:; }

注意：clearfix 用来防止使用了??而引起的”坍塌“效果。

pc端搞定了，那移动端直接去掉??再显示就ok了。

(前端的东西，我也是知其然不知其所以然。什么居中、”坍塌“、clearfix等也不知道为什么要这么用。所以博文记录下，方便下次自己翻阅。)

详细信息显示

虽然列表中超链接到详情页面。但是，如果我们可以直接在本页面查看到详情岂不是更加的方便。我们做的本来就是为了更加方便的浏览招聘信息。

说做就做。首先，我们的列表已经有了超链接。我们在点击行的时候，发送请求到后台。取得详细信息，然后在页面显示。就这么简单。

后台获取详细信息：

根据url请求，返回详细信息 GetUrlInfo( ulS = 问题：“gzip”不是受支持的编码名的处理方法 http:= = = DecompressionMethods.Deflate |= +== Encoding.GetEncoding(=

                </span><span style="color: #0000ff;"&gt;var</span> fuli = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/html/body/div[3]/div[1]/div[1]/div</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                </span><span style="color: #0000ff;"&gt;var</span> jiben = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/html/body/div[4]/div[1]/ul</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                </span><span style="color: #0000ff;"&gt;var</span> miaoshu = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/html/body/div[4]/div[1]/div[1]/div/div[1]</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);

                </span><span style="color: #0000ff;"&gt;if</span> (fuli != <span style="color: #0000ff;"&gt;null</span> &amp;&amp; fuli.Count >= <span style="color: #800080;"&gt;1</span> &amp;&amp; !<span style="color: #0000ff;"&gt;string</span>.IsNullOrEmpty(fuli[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText.Trim()))
                    ulS </span>+= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>福利诱惑:</h3></span><span style="color: #800000;"&gt;"</span> + fuli[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;
                </span><span style="color: #0000ff;"&gt;if</span> (jiben != <span style="color: #0000ff;"&gt;null</span> &amp;&amp; jiben.Count >= <span style="color: #800080;"&gt;1</span> &amp;&amp; !<span style="color: #0000ff;"&gt;string</span>.IsNullOrEmpty(jiben[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText.Trim()))
                    ulS </span>+= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>基本信息:</h3></span><span style="color: #800000;"&gt;"</span> + jiben[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;
                </span><span style="color: #0000ff;"&gt;if</span> (miaoshu != <span style="color: #0000ff;"&gt;null</span> &amp;&amp; miaoshu.Count >= <span style="color: #800080;"&gt;1</span> &amp;&amp; !<span style="color: #0000ff;"&gt;string</span>.IsNullOrEmpty(miaoshu[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText.Trim()))
                    ulS </span>+= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>职位描述:</h3></span><span style="color: #800000;"&gt;"</span> + miaoshu[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;
                </span><span style="color: #0000ff;"&gt;break</span><span style="color: #000000;"&gt;;
            </span><span style="color: #0000ff;"&gt;case</span><span style="color: #000000;"&gt; DataType.猎聘网:
                htmlWeb.OverrideEncoding </span>= Encoding.GetEncoding(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;UTF-8</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                response </span>=<span style="color: #000000;"&gt; htmlWeb.Load(url);
                </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;--基本信息</span>
                <span style="color: #0000ff;"&gt;var</span> jbinfo = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-view-enterprise']/div[1]/div[1]/div[1]/div[3]/div</span><span style="color: #800000;"&gt;"</span>) ??<span style="color: #000000;"&gt;
                      response.DocumentNode.SelectNodes(</span><span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-hunter']/div[1]/div[1]/div[1]/div[3]/div</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;职位描述</span>
                <span style="color: #0000ff;"&gt;var</span> selectNodes = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-hunter']/div[1]/div[1]/div[1]/div[4]</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;)
                    </span>?? response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-view-enterprise']/div[1]/div[1]/div[1]/div[4]</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;岗位要求                    </span>
                <span style="color: #0000ff;"&gt;var</span> ganwei = response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-hunter']/div[1]/div[1]/div[1]/div[5]/div</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;)
                  </span>?? response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='job-view-enterprise']/div[1]/div[1]/div[1]/div[5]/div</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                ulS </span>= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>基本信息:</h3></span><span style="color: #800000;"&gt;"</span> + jbinfo[<span style="color: #800080;"&gt;0</span>].InnerText +
                      <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>职位描述:</h3></span><span style="color: #800000;"&gt;"</span> + selectNodes[<span style="color: #800080;"&gt;0</span>].InnerText +
                      <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>岗位要求:</h3></span><span style="color: #800000;"&gt;"</span> + ganwei[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;
                </span><span style="color: #0000ff;"&gt;break</span><span style="color: #000000;"&gt;;
            </span><span style="color: #0000ff;"&gt;case</span><span style="color: #000000;"&gt; DataType.前程无忧:
                htmlWeb.OverrideEncoding </span>= Encoding.GetEncoding(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;GBK</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                response </span>=<span style="color: #000000;"&gt; htmlWeb.Load(url);
                </span><span style="color: #008000;"&gt;//</span><span style="color: #008000;"&gt;--</span>
                ulS = <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>基本信息:</h3></span><span style="color: #800000;"&gt;"</span> + response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/html/body/div[3]/div/div[2]/table[1]/tr[3]/td[1]</span><span style="color: #800000;"&gt;"</span>)[<span style="color: #800080;"&gt;0</span>].InnerText +
                      <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>职位描述:</h3></span><span style="color: #800000;"&gt;"</span> + response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;/html/body/div[3]/div/div[2]/div[1]/div[2]/div/table</span><span style="color: #800000;"&gt;"</span>)[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;

                </span><span style="color: #0000ff;"&gt;break</span><span style="color: #000000;"&gt;;
            </span><span style="color: #0000ff;"&gt;case</span><span style="color: #000000;"&gt; DataType.拉勾网:
                htmlWeb.OverrideEncoding </span>= Encoding.GetEncoding(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;UTF-8</span><span style="color: #800000;"&gt;"</span><span style="color: #000000;"&gt;);
                response </span>=<span style="color: #000000;"&gt; htmlWeb.Load(url);
                ulS </span>= <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>基本信息:</h3></span><span style="color: #800000;"&gt;"</span> + response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='container']/div[1]/div[1]/dl/dd[1]</span><span style="color: #800000;"&gt;"</span>)[<span style="color: #800080;"&gt;0</span>].InnerText +
                      <span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;<h3>职位描述:</h3></span><span style="color: #800000;"&gt;"</span> + response.DocumentNode.SelectNodes(<span style="color: #800000;"&gt;"</span><span style="color: #800000;"&gt;//*[@id='container']/div[1]/div[1]/dl/dd[2]</span><span style="color: #800000;"&gt;"</span>)[<span style="color: #800080;"&gt;0</span><span style="color: #000000;"&gt;].InnerText;
                </span><span style="color: #0000ff;"&gt;break</span><span style="color: #000000;"&gt;;
        }

        </span><span style="color: #0000ff;"&gt;return</span><span style="color: #000000;"&gt; ulS.ToJson();
    }

#endregion

前台信息加载:

($(obj).next().hasClass("dataInfo" "

正在加载...

"); $.ajax({ url: apiHref + "/api/HiJob?url=" +".dataInfo").html(eval(data.data)); "json"

新增拉勾网的数据

我后期又加了“拉勾”网的招聘信息。其他的网站都是直接链接，取信息。而偏偏拉勾就是不同。它是，请求->页面加载->ajax异步请求详情->追加到页面。然而，就因为这个异步，好几个同学就搞不定了。问我，拉勾的数据为什么取不到。在这里就统一分析下吧。

请求如： ?在浏览器F12监控。

我们可以看到信息列表数据是从地址，通过ajax的post请求取得的。

所以，我们后台模拟一个post请求就完事了。

StringContent fromurlcontent = StringContent( + pn + += MediaTypeHeaderValue(,= = httpclient.PostAsync( Uri(url),fromurlcontent).Result; result == = _jsSerializer.Deserialize(result);

注意了，我们得到数据之后。还进行的反序列化。因为数据是json格式的。但，不是所有数据都是我们想要的。所以进行序列化，然后只取我们想要的数据。（当然，序列化类，是我对着json数据一个个抠出来，写的类属性）

序列化类：

public class Ccontent
{
public string currentPageNo;
public string hasNextPage;
public string hasPreviousPage;
public string pageNo;
public string pageSize;
public List result;
public string start;
public string totalCount;
public string totalPageCount;
}

public class Cresult
{
public string adWord;
public string adjustScore;
public string city;
public string companyId;
public List<string> companyLabelList;
public string companyLogo;
public string companyName;
public string companyShortName;
public string companySize;
public string countAdjusted;
public string createTime;
public string createTimeSort;
public string education;
public string financeStage;
public string formatCreateTime;
public string haveDeliver;
public string industryField;
public string jobNature;
public string leaderName;
public string orderBy;
public string positionAdvantage;
public string positionFirstType;
public string positionId;
public string positionName;
public string positionType;
public string positonTypesMap;
public string randomScore;
public string relScore;
public string salary;
public string score;
public string searchScore;
public string showOrder;
public string totalCount;
public string workYear;
}

然后，接着组装自己想要的数据。

(JPostData == || JPostData.content == || JPostData.content.result == ( i = ; i < JPostData.content.result.Count; i++ item === + item.positionId + === DateTime.Parse(item.createTime).ToString(= ; salary_em ==

listJobInfo.Add(
    </span><span style="color: #0000ff;"&gt;new</span><span style="color: #000000;"&gt; JobInfo(){
                      city </span>=<span style="color: #000000;"&gt; city,company </span>=<span style="color: #000000;"&gt; company,date </span>=<span style="color: #000000;"&gt; date,info_url </span>=<span style="color: #000000;"&gt; infourl,salary </span>=<span style="color: #000000;"&gt; salary,salary_em </span>=<span style="color: #000000;"&gt; salary_em,titleName </span>=<span style="color: #000000;"&gt; titleName,source </span>=<span style="color: #000000;"&gt; source
                  });

}

增加选择区域

刚开始的时候，只添加了几个热门的城市（）。然后，很多同学就开始不依了，为什么没有“**”。大哥，能不能加上“**”。

既然大家有兴趣，那我一次性都加上吧。

点击更多：

说实在的，这个增加选择区域没有任何技术含量。纯粹的一个体力活。

因为每个网站的地区对于的地区编码都是不一样的。所以，我就需要到各个网站一个个的抠。

如：

抠完后：（）

dic_hi.Add(, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,, [] { ,,dic_hi.Add("重庆",new string[] { "重庆","060000","040" });
dic_hi.Add("郑州",new string[] { "郑州","170200","150020" });
dic_hi.Add("青岛",new string[] { "青岛","120300","250070" });
dic_hi.Add("合肥",new string[] { "合肥","150200","080020" });
dic_hi.Add("福州",new string[] { "福州","110200","090020" });
dic_hi.Add("济南",new string[] { "济南","120200","250020" });
dic_hi.Add("大连",new string[] { "大连","230300","210040" });
dic_hi.Add("珠海",new string[] { "珠海","030500","050140" });
dic_hi.Add("无锡",new string[] { "无锡","070400","060100" });
dic_hi.Add("佛山",new string[] { "佛山","030600","050050" });
dic_hi.Add("东莞",new string[] { "东莞","030800","050040" });
dic_hi.Add("宁波",new string[] { "宁波","080300","070030" });
dic_hi.Add("常州",new string[] { "常州","070500","060040" });
dic_hi.Add("沈阳",new string[] { "沈阳","230200","210020" });
dic_hi.Add("石家庄",new string[] { "石家庄","160200","140020" });
dic_hi.Add("昆明",new string[] { "昆明","250200","310020" });
dic_hi.Add("南昌",new string[] { "南昌","130200","200020" });
dic_hi.Add("南宁",new string[] { "南宁","140200","110020" });
dic_hi.Add("哈尔滨",new string[] { "哈尔滨","220200","160020" });
dic_hi.Add("海口",new string[] { "海口","100200","130020" });
dic_hi.Add("中山",new string[] { "中山","030700","050130" });
dic_hi.Add("惠州",new string[] { "惠州","030300","050060" });
dic_hi.Add("贵阳",new string[] { "贵阳","260200","120020" });
dic_hi.Add("长春",new string[] { "长春","240200","190020" });
dic_hi.Add("太原",new string[] { "太原","210200","260020" });
dic_hi.Add("嘉兴",new string[] { "嘉兴","080700","070090" });
dic_hi.Add("泰安",new string[] { "泰安","121100","250090" });
dic_hi.Add("昆山",new string[] { "昆山","070600","060050" });
dic_hi.Add("烟台",new string[] { "烟台","120400","250120" });
dic_hi.Add("兰州",new string[] { "兰州","270200","100020" });
dic_hi.Add("泉州",new string[] { "泉州","110400","090030" });

总结

和之前那个版本显示效果区别不大（），不过实现方式完全不一样了。这阵子学习了MVC和WebAPI的点皮毛知识，也就再次折腾下。

???,

转眼一年又悄悄的过去了，我猜想大家又开始蠢蠢欲动起来了。不过年后跳得应该比较多。不过，个人觉得年后的竞争压力大得多。

如果您有更好的处理方式，希望不要吝啬赐教。

本文链接：?

欢迎上海“程序猿/媛”、"攻城狮"入群：【沪猿】?

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!