基于Android平台的新闻客户端的设计与实现.docx
- 文档编号:6661268
- 上传时间:2023-01-08
- 格式:DOCX
- 页数:18
- 大小:411.12KB
基于Android平台的新闻客户端的设计与实现.docx
《基于Android平台的新闻客户端的设计与实现.docx》由会员分享,可在线阅读,更多相关《基于Android平台的新闻客户端的设计与实现.docx(18页珍藏版)》请在冰豆网上搜索。
基于Android平台的新闻客户端的设计与实现
实习项目四、
基于Android平台的新闻客户端的
设计与实现
专业:
计算机技术
学号:
姓名:
ls
辅导老师:
2015年7月7日
第1章诸论
1.1开发背景
移动互联网背景下,手机凭借其随时随地、移动与便携等优势发展成为重要的大众传播媒体,成为媒介融合的新平台。
移动新闻客户端凭借其丰富的资讯资源、实时的信息推送被越来越多的用户认可。
对于各行各业来说,为了展示企业良好形象,新闻客户端是面向用户中必不可少的一部分。
1.2开发工具的选用及介绍
1.PHP生成JSON数据:
PHP(外文名:
PHP:
HypertextPreprocessor,中文名:
“超文本预处理器”)是一种通用开源脚本语言。
语法吸收了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开发工具(JavaDevelopmentKit,JDK)。
本文以Eclipse为工具,以Android为平台,开发一个简单的新闻客户端应用,实现新闻列表界面的布局、JSON数据解析和填充、以及新闻列表界面的跳转并显示详情。
1.3开发环境介绍
基于Android平台的新闻客户端项目所用数据库为MySQL,服务器为Apache,主要开发工具为eclipse,在Android平台实现,程序运行环境为windows8,内存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-6adapter实现的四个方法
其中第四个方法getView()是非常重要的,如图2-7,在News2程序界面的最外层是一个listview,它里面有两项,对应了两条新闻,getView是指的其中某一项的布局,也就是右边的view,包括了新闻缩略图,新闻标题,新闻梗概,和布局右上侧的新闻时间,用NewsAdapter将新闻与布局适配起来。
图2-7getView方法的使用
2.4实现新闻列表界面的JSON数据解析和填充
首先要有一个获取JSON字符串的网络地址,即publicstaticfinalStringGET_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数据,首先用newThread()方法开启一个线程,开启输入流,一行一行的读取数据,每读完一行就要进行拼接,因为在字符串拼接方面StringBuilder要比单纯的String的那种“+”的方式要高效很多,所以这里使用StringBuilder方法拼接。
获取到JSON数据后,调用handler.sendmessage()方法通知主线程。
然后再在MainActivity当中实现Handler()方法,调用其中的handlerMessage()回调方法获取到JSON数据,下一步就是对其进行解析。
因为JSON数据格式为数组,它里面有若干个JSON的对象,对于JSON数据的解析,可以看下下面的代码,首先将获取到的jsonData传递进来,jsonArray.length()获取到JSON对象的个数,然后写一个循环来获取到JSON里的每一个对象。
JSONArrayjsonArray=newJSONArray(jsonData);
for(inti=0;i JSONObjectobject=jsonArray.getJSONObject(i); Stringtitle=object.getString("title"); Stringdesc=object.getString("desc"); …… } 这样解析出来了还远远不够,得到的数据现在还是分散的,在组织上看起来比较杂乱无章,为了能让这些数据更好的组织起来,就是每个新闻对应5个元素,另一个新闻也对应5个元素,那么这时候我们在新建一个javabean的类,比如说它叫News,那么这个News对象它里面就有5个属性,分别对应了新闻的5个元组,通过这种方式就可以很好地把获取到的数据有序的组织起来,方便后面的使用,方法里的成员属性和构造方法如下,并实现get()和set()方法。 publicclassNews{ privateStringtitle; privateStringdesc; privateStringtime; privateStringcontent_url; privateStringpic_url; publicNews(Stringtitle,Stringdesc,Stringtime,Stringcontent_url,String,pic_url){setTitle(title); setDesc(desc); setTime(time); setContent_url(content_url); setPic_url(pic_url); } } 在MainActivity中定义一个List集合,集合里的每个元素都是News类型,叫做newslist,在OnCreate()方法中初始化newslist后,就可以将解析完的JSON对象的5个元素添加到newslist里面,更新adapter方法,并将List 对于图片的加载,由于需要访问网络,则需在HttpUtils工具类里用setPicBitmap()方法实现。 2.5实现新闻列表界面的跳转并展示详情 对listview添加点击事件,来实现点击相应的新闻列表项可以查看相应的新闻详情。 实现机制如图2-9,在MainActivity中就很多的新闻条目,点击某一个新闻条目的时候,将这个新闻项的content_url,也就是这个新闻的具体地址传递给一个Activity,例如叫做BrowseNewsActivity,用来浏览新闻,里面只有一个控件WebView,WebView相当于一个提供好的自带的浏览器,可以直接调用webView.loadUrl(),将content_url这个地址传递进去,在WebView上加载出这个网页,根据这个思路,需要新建一个BrowseNewsActivity以及对应的布局文件,用getSettings().setJavaScriptEnabled(true)方法启用当前WebView的JavaScript,就像当前页面中的JavaScript代码;用getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK)方法设置为,当没有网络时读取本地的缓存,有网络的时候就直接访问。 图2-9单击跳转的实现机制 在MainAcitivity中添加OnItemClickListener点击事件,并实现未实现的方法onItemClick(),在此方法中获取到新闻的地址conten_url,并传递到BrowseNewsActivity当中去,然后在BrowseNewsActivity中用getIntent()方法获取到新闻地址,直接调用webView.loadUrl()函数将地址传入,最后将BrowseNewsActivity加入到AndroidManifest中就可以了。 结束语 经过老师耐心细致的指导,及设计小组同学们的密切合作,同时翻阅了大量的资料(包括网上资料,书本及学校的一些相关资料),项目已经初步完成,总结这次“基于Android平台的新闻客户端”开发制作过程,我们综合使用了目前互联网上的各种工具,包括使用XAMPP搭建服务器和数据库,使用HBuidler设计PHP文件等,初步在Android平台上实现了这个简单的新闻客户端。 同时通过解决项目中遇到的各类问题(比如由于本地搭建服务器,在真机测试时获取不到JSON数据,获取到了数据填充不上等问题磨了很长时间才解决),对用Android开发应用有了更进一步的认识。 学会了如何使用MYSQL建立数据库,以及对数据库浏览,修改,添加,查询;学会了如何用PHP解析JSON数据等;受益匪浅。 由于课程设计者水平有限,错误之处在所难免,请老师批评指正。 附录 MainActivity.java packagecom.example.news2; importjava.util.ArrayList; importjava.util.List; importorg.json.JSONArray; importorg.json.JSONObject; importcom.example.news2.R; importcom.example.news2.adapter.NewsAdapter; importcom.example.news2.model.News; importcom.example.news2.utils.HttpUtils; importandroid.support.v7.app.ActionBarActivity; importandroid.content.Intent; importandroid.os.Bundle; importandroid.os.Handler; importandroid.view.View; importandroid.widget.AdapterView; importandroid.widget.AdapterView.OnItemClickListener; importandroid.widget.ListView; publicclassMainActivityextendsActionBarActivityimplementsOnItemClickListener{ privateListViewlvNews; privateNewsAdapteradapter; privateList publicstaticfinalStringGET_NEWS_URL="http: //192.168.191.1/NewsDemo/getNewsJSON.php"; privateHandlergetNewsHander=newHandler(){ publicvoidhandleMessage(android.os.Messagemsg){ StringjsonData=(String)msg.obj; System.out.println(jsonData); try{ JSONArrayjsonArray=newJSONArray(jsonData); for(inti=0;i JSONObjectobject=jsonArray.getJSONObject(i); Stringtitle=object.getString("title"); Stringdesc=object.getString("desc"); Stringtime=object.getString("time"); Stringcontent_url=object.getString("content_url"); Stringpic_url=object.getString("pic_url"); System.out.println("title="+title); System.out.println("pic_url="+pic_url); newsList.add(newNews(title,desc,time,content_url,pic_url)); } adapter.notifyDataSetChanged(); }catch(Exceptione){ e.printStackTrace(); } }; }; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lvNews=(ListView)findViewById(R.id.lvNews); newsList=newArrayList adapter=newNewsAdapter(this,newsList); lvNews.setAdapter(adapter); lvNews.setOnItemClickListener(this); HttpUtils.getNewsJSON(GET_NEWS_URL,getNewsHander); } @Override publicvoidonItemClick(AdapterView >arg0,Viewarg1,intposition,longarg3){ Newsnews=newsList.get(position); Intentintent=newIntent(this,BrowseNewsActivity.class); intent.putExtra("content_url",news.getContent_url()); startActivity(intent); } } BrowseNewsActivity.java packagecom.example.news2; importcom.example.news2.R; importandroid.app.Activity; importandroid.os.Bundle; importandroid.webkit.WebSettings; importandroid.webkit.WebView; publicclassBrowseNewsActivityextendsActivity{ privateWebViewwebView; @Override protectedvoidonCreate(BundlesavedInstanceState){ super.onCreate(savedInstanceState); setContentView(R.layout.activity_browse_news); webView=(WebView)findViewById(R.id.webView); Stringpic_url=getIntent().getStringExtra("content_url"); webView.loadUrl(pic_url); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK); } } NewsAdapter.java packagecom.example.news2.adapter; importjava.util.List; importcom.example.news2.R; importcom.example.news2.model.News; importcom.example.news2.utils.HttpUtils; importandroid.content.Context; importandroid.view.LayoutInflater; importandroid.view.View; importandroid.view.ViewGroup; importandroid.widget.BaseAdapter; importandroid.widget.ImageView; importandroid.widget.TextView; publicclassNewsAdapterextendsBaseAdapter{ privateContextcontext; privateList publicNewsAdapter(Contextcontext,List this.context=context; this.newsList=newsList; } @Override publicintgetCount(){ returnnewsList.size(); } @Override publicObjectgetItem(intposition){ returnnewsList.get(position); } @Override publiclonggetItemId(intposition){ returnposition; } @Override publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ if(convertView==null){ convertView=LayoutInflater.from(context).inflate(R.layout.news_item,null); } TextViewtvTitle=(TextView)convertView.findViewById(R.id.tvTitle); TextViewtvDesc=(TextView)convertView.findViewById(R.id.tvDesc); TextViewtvTime=(TextView)convertView.findViewById(R.id.tvTime); ImageViewivPic=(ImageView)convertView.findViewById(R.id.ivPic); Newsnews=newsList.get(position); tvTitle.setText(news.getTitle
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 Android 平台 新闻 客户端 设计 实现
![提示](https://static.bdocx.com/images/bang_tan.gif)