关于阅读相关论文例文与基于PC端网站的移动阅读解决方案有关自考开题报告范文

《基于PC端网站的移动阅读解决方案》

本文是关于阅读在职开题报告范文跟解决方案和移动和PC端网站类自考开题报告范文。

摘要：摘要：针对PC端设计的网站在移动设备端直接显示时界面极不友好,而且有许多内容阅读者根本不感兴趣.针对这种情况,本文实现了一种基于PC端网站的移动阅读解决方案.首先通过cURL函数获取HTTP和HTTPS页面的HTML内容,然后从中提取读者感兴趣的数据并在移动端进行内容重构.在普通话水平测试成绩查询系统上所做的实验表明：内容重构之后移动端的显示效果远胜于移动端浏览器直接打开网站的显示效果,而且显示内容更精准.

关键词：移动阅读；cURL；ajax；jQuery；jQuery Mobile

中图分类号：TP391.9

文献标识码：A

A Solution to Mobile Reading Based on the PC Website

XUE Yanfeng,GAO Zhi´e,GAO Wenlian

(Dept of Computer Science and Technology,Lvliang University,Lvliang 033000,China)

Abstract:When the websites designed for PC are displayed directly on the mobile devices,the interfaces are very unfriendly and a lot of contents are uninteresting for readers at all.In view of this problem,the paper proposes a mobile reading solution based on the PC website.The data,which readers are interested in,are extracted from the HTTP or HTTPS HTML contents of the page fetched by the cURL function and reconstructed in the mobile terminal.The experimental results from the PUTONGHUA SHUIPING CESHI (PSC) score query system show that the display effect after the reconstruction of the contents is far better than that directly through browsers on mobile devices,and the display contents are more accurate.

Keywords:mobile reading;cURL;ajax;jQuery;jQuery mobile

1 引言(Introduction)

随着移动互联网[1]时代的到来,以平板电脑和智能手机为代表的移动终端的普及,以及通过移动终端连接网络的成本越来越低,人们越来越多地开始从移动终端获取信息[2].人们可以通过移动终端配备的浏览器随时随地打开任意的网站查询自己想要的信息,比如旅游信息[3,4]、图书信息[5,6]等,但由于受到移动终端屏幕尺寸的限制,阅读体验较差.虽然移动终端的屏幕变得越来越大,但是跟传统电脑相比,呈现信息的界面仍然不及其一半,而且终端设备固有的便携性也会大打折扣.所以使移动终端在有限的空间里呈现用户在网站中最感兴趣的内容显得尤为重要[7].

本文实现了基于PC端网站的移动阅读[8,9]解决方案.具体做法是点击微信公众平台的自定义菜单进,入普通话水平测试成绩查询系统,输入必填姓名、号信息,即可得到PC端所显示的查询用户关心的全部信息.

2 功能实现(Function realization)

该功能实现的具体流程为：首先通过自定义表单获取必填信息,即号和姓名；然后与普通话水平测试成绩查询系统的网站的网址进行拼接；其次通过cURL函数抓取对应的HTML内容,利用PHP字符串函数提取读者感兴趣的内容；最后把提取出来的内容重构,并通过ajax技术、jQuery Mobile框架在查询页面进行局部更新.具体流程如图1所示.

图1 功能流程图

Fig.1 Function flow chart

2.1 获取必填信息

通过在IE浏览器地址栏中键入山西省普通话水平测试成绩查询系统网址“http://shanxi.cltt.org/Web/Login/PSCP01001.aspx”,然后在表单的“您的姓名”与“证书编号”相对应的文本框中填入自己的相关信息,点击“查询”按钮,可得到对应的查询信息,部分信息显示见表1.

表1 考生信息

Tab.1 Candidate information

名称内容

考试时间2013.10.15

等级二级乙等

省份高校

最终分80.6

测试站点吕梁学院普通话水平测试站

照片

在表单提交的过程中,点击httpwatch的Stream选项卡,从HTTP请求消息的请求行“POST /Web/Login/PSCP01001.aspx HTTP/1.1”可以得到,表单提交方式为POST方式；并从本次请求消息可以得到,请求体内容为“__VIEWSTATE等于%2FwEPDwUKMjExOTU2MjkwOQ9kFgICAw9kFgJmDw8WAh4EV4dAUo5LiK5Y2I5aW977yB5LuK5aSp5pivNeaciDMw5pelIOaYn%2Bacn%2BS4gGRkZA%3D%3D&txtStuID等于&txtName等于%E8%96%9B%E8%89%B3%E9%94%8B&txtIDCard等于1423021984********&btnLogin等于%E6%9F%A5++%E8%AF%A2&txtCertificateNO等于&txtCardNO等于”.点击httpwatch的POST Data选项卡,可以看到请求参数为7个(其中有效参数为4个),见表2.通过与请求体内容比较,发现请求体内容为7个参数经过编码之后通过连字符号“&”连接而成的文本序列.而参数txtName的值为考生姓名经过编码之后的序列值；txtIDCard的值为考生号码(此处为号)的值.通过同时修改姓名txtName、号码txtIDCard的值,可得到对应的普通话成绩信息.

表2 表单提交参数

Tab.2 Form submission parameters

参数值

__VIEWSTATE/wEPDwUKMjExOTU2MjkwOQ9kFgICAw9kFgJmDw8WAh4EV4dAUo5LiK5Y2I5aW977yB5LuK5aSp5pivNeaciDMw5pelIOaYn+acn+S4gGRkZA等于等于

btnLogin查询

txtIDCard1423021984********

txtName***

2.2 关键内容提取

设置PHP变量$url为山西省普通话水平测试成绩查询系统网址,$post_data为POST请求体内容,然后通过cURL模拟登录,具体代码如下：

$ch等于curl_init();

curl_setopt($ch,CURLOPT_URL,$url);

curl_setopt($ch,CURLOPT_RETURNTRANER,1);

curl_setopt($ch,CURLOPT_POST,1);

curl_setopt($ch,CURLOPT_POSTFIELDS,$post_data);

$output等于curl_exec($ch);

curl_close($ch);

通过上述函数运行,相应消息的HTML内容以字符串的形式赋值给PHP变量$output.依据PHP自带的强大字符串处理函数,可获得考生最感兴趣部分对应的HTML内容,在本文中选取的10个最感兴趣内容分别为：姓名、号、准考证号、考试时间、最终分、等级、证书编号、省份、测试站点和考生照片.同时,选中考生照片,右击选中复制图像地址,可得到图像地址为“http://shanxi.cltt.org/Web/common/GeneratePhotoByStuID.ashx?stuID等于1403513100016”.

2.3 内容重构

首先分别导入jQuery Mobile的CSS文件、jQuery的JS文件、jQuery Mobile的JS文件,目的是使内容在移动端的呈现方式更加人性化；其次通过ajax技术获取考生成绩信息,获取成功之后局部更新页面内容.代码如下：

function onSuccess(data,status) {

data等于$.trim(data);$("#scoreDisplay").html(data);}

function onError(data,status) {$("#notification").text("error");}

$(document).ready(function() {

$("#submit").click(function() {

var formData等于$("#callAjaxForm").serialize();

$.ajax({ type:"POST",url:"callajax.php",cache:false,

data:formData,success:onSuccess,error:onError});

return false;

});

</script>

获取考生信息的表单代码如下,其中显示考生成绩的区域暂时显示内容为空,id为“notification”.当点击按钮获取考生信息成功时,它的内容会更新.

</div>

</form>

</div>

生成考生成绩信息的过程为：首先通过表单获取考生姓名与考生号码,即$txtName等于$_POST[Name];$txtIDCard等于$_POST[ID];然后重构请求体内容,即$post_data等于"__VIEWSTATE等于%2FwEPDwUKMjExOTU2MjkwOQ9kFgICAw9kFgJmDw8WAh4EV4dAUn5pma5LiK5aW977yB5LuK5aSp5pivMuaciDLml6Ug5pif5pyf5LqMZGRk&txtStuID等于&txtName等于" . $txtName . "&txtIDCard等于" . $txtIDCard . "&btnLogin等于%E6%9F%A5++%E8%AF%A2&txtCertificateNO等于&txtCardNO等于";最后重构照片地址,从照片地址“http://shanxi.cltt.org/Web/common/GeneratePhotoByStuID.ashx?stuID等于1403513100016”可以看到,它是以GET方式请求照片的,请求参数为stuID,对应值为准考证号.假设获取的准考证号赋值给$stuID,即照片地址可重构为src等于"http://shanxi.cltt.org/Web/common/GeneratePhotoByStuID.ashx?stuID等于".$stuID.

3 效果演示(Demonstration effect)

通过上述过程,查询页面与考生成绩信息页面在手机端的显示形式更加人性化,内容更加精准化,并且屏蔽了一些用户不关心的内容.结果显示页面重构前后的效果显示对比如图2和图3所示.

图2 结果显示页面重构之前

Fig.2 Result display page before reconstruction

图3 结果显示页面重构之后

Fig.3 Result display page after reconstruction

4 结论(Conclusion)

通过本文的算法,基于PC端网站的移动阅读解决方案不仅可以扩展到其他省份的普通话成绩查询网站,而且也可以扩展到读者感兴趣的任何网站.

参考文献(References)

[1] 吴吉义,李文娟,黄剑平,等.移动互联网研究综述[J].中国科学:信息科学,2015,45(1):45-69.

[2] 罗军舟,吴文甲,杨明.移动互联网:终端、网络与服务[J].计算机学报,2011,34(11):2029-2051.

[3] 李建州,张运来,李惠璠.移动互联网在旅游业中的应用研究[J].旅游学刊,2011,26(10):89-94.