基于Android平台的新闻客户端的设计与实现

实习项目四、 基于Android平台的新闻客户端的 设计与实现

专 业：计算机技术 学 号： 姓 名：ls 辅导老师：

2015年7月7日 目 录 第1章 诸论 ................................................... 3 1.1 开发背景 .................................................. 3 1.2 开发工具的选用及介绍 ...................................... 3 1.3 开发环境介绍 .............................................. 4

第2章 系统分析与设计流程 .................................... 5 2.1 服务器和数据库的搭建 ...................................... 5 2.2 使用 PHP 生成新闻 JSON 数据 ................................ 6 2.3 实现新闻列表界面的布局 .................................... 8 2.4 实现新闻列表界面的 JSON 数据解析和填充 .................... 9 2.5 实现新闻列表界面的跳转并展示详情 ......................... 11

结束语 ....................................................... 12 附录 ......................................................... 13 第1章 诸论 1.1 开发背景 移动互联网背景下，手机凭借其随时随地、移动与便携等优势发展成为重要的大众传播媒体，成为媒介融合的新平台。移动新闻客户端凭借其丰富的资讯资源、实时的信息推送被越来越多的用户认可。对于各行各业来说，为了展示企业良好形象，新闻客户端是面向用户中必不可少的一部分。

1.2 开发工具的选用及介绍 1. PHP 生成 JSON 数据：PHP（外文名:PHP: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序。本文利用PHP文件解析数据库表，生成JSON数据。 2.HBuilder：HBuilder是DCloud（数字天堂）推出一款支持html5的Web开发ide。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升html、js、css的开发效率。本文利用HBuilder来编写PHP文件。 3.XAMPP：XAMPP（Apache+MySQL+PHP+PERL）是一个功能强大的建 XAMPP 软件站集成软件包。许多人通过他们自己的经验认识到安装 Apache 服务器是件不容易的事儿。如果想添加 MySQL、PHP 和 Perl，那就更难了。XAMPP 是一个易于安装且包含 MySQL、PHP 和 Perl 的 Apache 发行版。XAMPP 的确非常容易安装和使用：只需下载，解压缩，启动即可。本文通过XAMPP搭建 Apache服务器和MySQL数据库。 4.Eclipse：Eclipse 是一个开放源代码的、基于Java的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括Java开发工具（Java Development Kit，JDK）。本文以Eclipse为工具，以Android为平台，开发一个简单的新闻客户端应用，实现新闻列表界面的布局、JSON数据解析和填充、以及新闻列表界面的跳转并显示详情。

1.3 开发环境介绍 基于Android平台的新闻客户端项目所用数据库为MySQL，服务器为Apache，主要开发工具为eclipse，在Android平台实现，程序运行环境为windows 8，内存4G，源码详见附录。 第2章 系统分析与设计流程 本章主要利用Apache+MyAQL+Android，采用边开发边分析的方法，搭建了一个简单的、可运行的Android新闻客户端服务系统，实现了从服务器端获取数据并显示在应用界面，点击时跳转到新闻详情页面的功能。

2.1 服务器和数据库的搭建

图2-1 用XAMPP启动Apache和MySQL 服务器的架设是在本机上完成，装上XAMPP软件包后打开，如图2-1，启动Apache服务器和MySQL数据库，点击Admin进入管理界面，新建一个名为newsdemo的数据库，排序规则为utf8，然后建立一个名为news的数据库表，创建六个字段，然后插入两条相应的新闻数据，如图2-2。 图2-2 数据库界面 2.2 使用 PHP 生成新闻 JSON 数据

图2-3 数据库表news 如图2-3，数据库中的表news，有六个字段，第一个字段叫做id，是新闻的序号，序号作为新闻的主键，使每条新闻不重复，与新闻内容有关的是另外五个字段：title（标题），desc（新闻简要概述），time（新闻时间），content_url（新闻内容链接），pic_url（新闻图片链接）。最终实现的效果是通过一个PHP网 页，即http：//xxx/getNewsJSON.php，将表中的所有数据转换为JSON数据的格式，就可以得到图下方的JSON字符串，即一个数组包裹的JSON对象，其中包含了5个键值对，分别为新闻的5个元素。

图2-4 用Hbuilder编写PHP文件 如图2-4，通过HBuider编辑器编写PHP网页，连接数据库，并把当前的数据输出为JSON格式，新建一个getNewsJSON.php文件用来获得JSON数据，和一个mysql_connect.php文件用来连接数据库，代码详见附录。 因为服务器搭建在本机，在浏览器中访问地址http://127.0.0.1/NewsDemo/getNewsJSON.php，可以看到这时生成了格式为utf-8的JSON数据，如图2-5，证明数据解析成功。

图2-5 本机测试浏览JSON数据 2.3 实现新闻列表界面的布局 本节主要完成了在Android界面中实现新闻列表界面的布局，主界面采用垂直线性布局，完成新闻列表项listview，声明一个NewsAdapter的类使其继承自BaseAdapter，并实现图2-6的四个方法。

图2-6 adapter实现的四个方法 其中第四个方法getView（）是非常重要的，如图2-7，在News2程序界面的最外层是一个listview，它里面有两项，对应了两条新闻，getView是指的其中某一项的布局，也就是右边的view，包括了新闻缩略图，新闻标题，新闻梗概，和布局右上侧的新闻时间，用NewsAdapter将新闻与布局适配起来。

图2-7 getView方法的使用 2.4 实现新闻列表界面的 JSON 数据解析和填充 首先要有一个获取JSON字符串的网络地址，即public static final String GET_NEWS_URL="http://192.168.191.1/NewsDemo/getNewsJSON.php"；因为服务器软件是在本机运行的，所以192.168.191.1为本机的IP地址，打开浏览器，输入http://192.168.191.1/NewsDemo/getNewsJSON.php，如图2-8，可以看到，确实从外网访问到了我本机的IP，并且取到了getNewsJSON所生成的这个字符串。

图2-8 利用IP测试浏览JSON数据 因为我们要访问网络，所以要写一个HttpUtils的工具类，实现getNewsJSON（）方法，用来传入获取到JSON数据的url并解析JSON数据，首先用new Thread（）方法开启一个线程，开启输入流，一行一行的读取数据，每读完一行就要进行拼接，因为在字符串拼接方面StringBuilder要比单纯的String的那种“+”的方式要高效很多，所以这里使用StringBuilder方法拼接。获取到JSON数据后，调用handler.sendmessage（）方法通知主线程。然后再在MainActivity当中实现Handler（）方法，调用其中的handlerMessage（）回调方法获取到JSON数据，下一步就是对其进行解析。 因为JSON数据格式为数组，它里面有若干个JSON的对象，对于JSON数据的解析，可以看下下面的代码，首先将获取到的jsonData传递进来， jsonArray.length()获取到JSON对象的个数，然后写一个循环来获取到JSON里的每一个对象。 JSONArray jsonArray = new JSONArray(jsonData); for (int i=0;iJSONObject object = jsonArray.getJSONObject(i); String title = object.getString("title"); String desc = object.getString("desc"); …… } 这样解析出来了还远远不够，得到的数据现在还是分散的，在组织上看起来比较杂乱无章，为了能让这些数据更好的组织起来，就是每个新闻对应5个元素，另一个新闻也对应5个元素，那么这时候我们在新建一个javabean的类，比如说它叫News，那么这个News对象它里面就有5个属性，分别对应了新闻的5个元组，通过这种方式就可以很好地把获取到的数据有序的组织起来，方便后面的使用，方法里的成员属性和构造方法如下，并实现get（）和set（）方法。 public class News { private String title; private String desc; private String time; private String content_url; private String pic_url; public News(String title ,String desc,String time,String content_url,String, pic_url){ setTitle(title); setDesc(desc); setTime(time); setContent_url(content_url); setPic_url(pic_url); } }