【0037】Android基础-25-新闻客户端添加网络支持

【1】配置服务器

配置好的服务器可以使用地址：直接访问并返回json数据；

在sqlite软件中执行下面指令：

【指令1】创建数据库

【指令2】创建数据中的表：复制到到命令区，然后执行；

-- phpMyAdmin SQL Dump
-- http://www.phpmyadmin.net
--
-- 生成日期: 2015 年 08 月 08 日 23:15

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8 */;

--
-- 数据库: `ahaUomrdcFSIMZUucMBS`
--

-- --------------------------------------------------------


--
-- 表的结构 `news`
--

CREATE TABLE IF NOT EXISTS `news` (
  `id` int(11) NOT NULL,
  `title` varchar(300) NOT NULL,
  `des` varchar(300) NOT NULL,
  `icon_url` varchar(200) NOT NULL,
  `news_url` varchar(200) NOT NULL,
  `type` int(20) NOT NULL,
  `comment` int(20) NOT NULL,
  `time` varchar(100) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `id` (`id`),
  KEY `id_2` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

--
-- 转存表中的数据 `news`
--

INSERT INTO `news` (`id`, `title`, `des`, `icon_url`, `news_url`, `type`, `comment`, `time`) VALUES
(0, '刘强东与奶茶妹妹领证结婚 有图为证', '凤凰科技讯 8月8日消息，今天有网友爆料，京东创始人兼CEO刘强东已与奶茶妹妹章泽天在朝阳区民政局领证结婚。', 'http://d.ifengimg.com/mw604/y3.ifengimg.com/ifengimcp/pic/20150808/ce1b80056cfc584fafbf_size20_w450_h800.jpg', 'http://i.ifeng.com/news/sharenews.f?aid=100435430', 2, 3000, ''),
(1, '苹果或于9月9日发布iPhone6s 火狐爆严重漏洞', '苹果iPhone6s发布的具体时间越传越近了，但至今还没有官方的准信儿。今天还是让我们关注一下火狐漏洞吧。火狐浏览器开发商Mozilla提醒用户立即升级到最新版本，最好还要修改密码和登录信息。', 'http://img.jiemian.com/101/original/20150808/143899303035536900_a580x330.jpg', 'http://m.jiemian.com/article/347958.html', 3, 1200, ''),
(2, '升还是不升：Win7、Win10全面对比评测', '7月29日，历经9个月数百万人内测完善之后，微软终于发布Win10正式版系统。但是可能对于部分用户而言，Win7仍然是绝对的经典、游戏玩家的不二之选，为何非要升级到Win10系统呢？Windows10性能和功能相比Windows7，有提升吗？下面IT之家就为大家带来Win7与Win10功能与性能的正面PK，相信还在犹豫不决的用户看完本文心里就会有了答案。', 'http://p2.pstatp.com/large/6850/6105376239', 'http://toutiao.com/a5229867988/', 1, 5000, '');

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

 

【1.1】在线校验json数据的网站：www.bejson.com

【服务器启动】需要启动服务器

服务器代码地址：http://pan.baidu.com/s/1qY0sdkw

 

【2】代码逻辑

【3】从服务器获取数据，然后进行解析后显示在ListView中：

【源码】

【MainActivity.java】源码

/**
 * MainActivity.java
 */
package com.itheima.news_listview;

import java.util.ArrayList;

import com.itheima.news_listview.adapter.NewsAdapter;
import com.itheima.news_listview.bean.NewsBean;
import com.itheima.news_listview.utils.NewsUtils;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ListView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnItemClickListener {

    private Context mContext;


    private Handler handler = new Handler(){
        public void handleMessage(android.os.Message msg) {

            ArrayList<NewsBean> allNews = (ArrayList<NewsBean>) msg.obj;

            if(allNews != null && allNews .size()>0)
            {
                //3.创建一个adapter设置给listview
                NewsAdapter newsAdapter = new NewsAdapter(mContext, allNews);
                lv_news.setAdapter(newsAdapter);
            }

        };
    };


    private ListView lv_news;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mContext = this;
        lv_news = (ListView) findViewById(R.id.lv_news);

        //1.先去数据库中获取缓存的新闻数据展示到listview
        ArrayList<NewsBean> allnews_database = NewsUtils.getAllNewsForDatabase(mContext);

        if(allnews_database !=null && allnews_database.size()>0){
            //创建一个adapter设置给listview
            NewsAdapter newsAdapter = new NewsAdapter(mContext, allnews_database);
            lv_news.setAdapter(newsAdapter);
        }

        //2.通过网络获取服务器上的新闻数据用list封装 ,获取网络数据需要在子线程中做
        new Thread(new Runnable() {

            @Override
            public void run() {

                
                //请求网络数据
                ArrayList<NewsBean> allNews = NewsUtils.getAllNewsForNetWork(mContext);
                //通过handler将msg发送到主线程去更新Ui
                Message msg = Message.obtain();
                msg.obj = allNews;
                handler.sendMessage(msg);


            }
        }).start();


        //3.设置listview条目的点击事件
        lv_news.setOnItemClickListener(this);





    }
    //listview的条目点击时会调用该方法 parent:代表listviw  view:点击的条目上的那个view对象   position:条目的位置  id： 条目的id
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {

        //需要获取条目上bean对象中url做跳转
        NewsBean bean = (NewsBean) parent.getItemAtPosition(position);

        String url = bean.news_url;

        //跳转浏览器
        Intent intent = new Intent();
        intent.setAction(Intent.ACTION_VIEW);
        intent.setData(Uri.parse(url));
        startActivity(intent);
    }


}

【javabean的封装】

/* NewsBean.java 源码*/
package com.itheima.news_listview.bean;

import android.graphics.Bitmap;
import android.graphics.drawable.Drawable;

public class NewsBean {

    public String title;
    public String des;
    public String news_url;
    public int id;
    public int comment;
    public int type;
    public String time;
    public String icon_url;        
}

【NewsUtils.java源码】

/*NewsUtils.java源码 */
package com.itheima.news_listview.utils;

import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLConnection;
import java.util.ArrayList;

import org.json.JSONArray;
import org.json.JSONObject;

import android.content.Context;

import com.itheima.news_listview.R;
import com.itheima.news_listview.bean.NewsBean;
import com.itheima.news_listview.dao.NewsDaoUtils;

public class NewsUtils {


    public static String newsPath_url = "http://192.168.13.83:8080/itheima74/servlet/GetNewsServlet";
    //封装新闻的假数据到list中返回
    public static ArrayList<NewsBean> getAllNewsForNetWork(Context context) {
        ArrayList<NewsBean> arrayList = new ArrayList<NewsBean>();
        try{
            //1.请求服务器获取新闻数据
            //获取一个url对象，通过url对象得到一个urlconnnection对象
            URL url = new URL(newsPath_url);
            HttpURLConnection connection = (HttpURLConnection) url.openConnection();
            //设置连接的方式和超时时间
            connection.setRequestMethod("GET");
            connection.setConnectTimeout(10*1000);
            //获取请求响应码
            int code = connection.getResponseCode();
            if(code == 200){
                //获取请求到的流信息
                InputStream inputStream = connection.getInputStream();
                String result = StreamUtils.streamToString(inputStream);
                
                //2.解析获取的新闻数据到List集合中。
                
                    JSONObject root_json = new JSONObject(result);//将一个字符串封装成一个json对象。
                    JSONArray jsonArray = root_json.getJSONArray("newss");//获取root_json中的newss作为jsonArray对象
                    
                    for (int i = 0 ;i < jsonArray.length();i++){//循环遍历jsonArray
                        JSONObject news_json = jsonArray.getJSONObject(i);//获取一条新闻的json
                        
                        NewsBean newsBean = new NewsBean();
                        
                        newsBean. id = news_json.getInt("id");
                        newsBean. comment = news_json.getInt("comment");//评论数
                        newsBean. type = news_json.getInt("type");//新闻的类型，0 ：头条 1 ：娱乐 2.体育
                        newsBean. time = news_json.getString("time");
                        newsBean. des = news_json.getString("des");
                        newsBean. title = news_json.getString("title");
                        newsBean. news_url = news_json.getString("news_url");
                        newsBean. icon_url = news_json.getString("icon_url");
                        
                        arrayList.add(newsBean);
            
                    }

                //3.清楚数据库中旧的数据，将新的数据缓存到数据库中
                    new NewsDaoUtils(context).delete();
                    new NewsDaoUtils(context).saveNews(arrayList);
            }
            
        }catch (Exception e) {
            e.printStackTrace();
        }
        return arrayList;
    }
    
    //从数据库中获取上次缓存的新闻数据做listview的展示
    public  static ArrayList<NewsBean> getAllNewsForDatabase(Context context) {
        
        return new NewsDaoUtils(context).getNews();

    }
}

【StreamUtils.java】源码

/**
 * StreamUtils.java
 * 功能：主要完成stream到字符串的转换
 */
package com.itheima.news_listview.utils;

import java.io.ByteArrayOutputStream;
import java.io.InputStream;

public class StreamUtils {

    public static String streamToString(InputStream  in){
        String result ="";

        try{
            //创建一个字节数组写入流
            ByteArrayOutputStream out = new ByteArrayOutputStream();
            
            byte[] buffer = new byte[1024];
            int length = 0;
            while (  (length =  in.read(buffer)) !=-1) {
                out.write(buffer, 0, length);
                out.flush();
            }
            
            result =   new String(out.toByteArray(),"gbk");
            
//            result = out.toString();//将字节流转换成string
            
            out.close();
        }catch (Exception e) {
            e.printStackTrace();
        }
        return result;
    }
}

 

【4】APP访问主机的名称需要修改，否则无法访问

 

【5】数据解析出来是乱码，因为Android的编码是utf-8的编码

 

 

【解决方法1】服务器端改为utf-8的编码，然后重启服务器；

【解决方法2】在APP端进行编码的更改

【6】显示效果

【7】【功能】将在服务器获取的数据缓存到数据库中

【7.1】APP中的数据库的创建

一般会封装两个类，一个是数据的创建，一个是数据库的增删改查

【NewsOpenHelper.java源码】帮助类功能：完成表的创建；

/**
 * NewsOpenHelper.java源码
 */ 
 
package com.itheima.news_listview.dao;

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteDatabase.CursorFactory;
import android.database.sqlite.SQLiteOpenHelper;

public class NewsOpenHelper extends SQLiteOpenHelper {

    public NewsOpenHelper(Context context) {
        super(context, "heimanews1", null, 1);
    }

    @Override
    public void onCreate(SQLiteDatabase db) {
/*        newsJson.put("id", newsBean.getId());
        newsJson.put("title", newsBean.getTitle());
        newsJson.put("des", newsBean.getDes());
        newsJson.put("icon_url", newsBean.getIcon_url());
        newsJson.put("news_url", newsBean.getNews_url());
        newsJson.put("type", newsBean.getType());
        newsJson.put("time", newsBean.getTime());
        newsJson.put("comment", newsBean.getComment());*/
        db.execSQL("create table news (_id integer  ,title varchar(200),des varchar(300),icon_url varchar(200),news_url varchar(200)," +
                " type integer , time varchar(100),comment integer)");
    }

    @Override
    public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) {
        // TODO Auto-generated method stub

    }

}

  【NewsDaoUtils.java】源码：完成数据库中的数据删除、增加、获取数据

//NewsDaoUtils.java
package com.itheima.news_listview.dao;

import java.util.ArrayList;

import com.itheima.news_listview.bean.NewsBean;

import android.content.ContentValues;
import android.content.Context;
import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;

public class NewsDaoUtils {

    private NewsOpenHelper newsOpenHelper;

    public NewsDaoUtils(Context context){

        //创建一个帮助类对象
        newsOpenHelper = new NewsOpenHelper(context);

    }

    //删除数据库中缓存的旧数据
    public void delete(){

        //通过帮助类对象获取一个数据库操作对象
        SQLiteDatabase db = newsOpenHelper.getReadableDatabase();
        db.delete("news", null, null);
        db.close();
    }

    //向数据库中添加新闻数据
    public void saveNews(ArrayList<NewsBean> list){

        //通过帮助类对象获取一个数据库操作对象
        SQLiteDatabase db = newsOpenHelper.getReadableDatabase();
        for (NewsBean newsBean : list) {
            ContentValues values = new ContentValues();
            values.put("_id", newsBean.id);
            values.put("title", newsBean.title);
            values.put("des", newsBean.des);
            values.put("icon_url", newsBean.icon_url);
            values.put("news_url", newsBean.news_url);
            values.put("type", newsBean.type);
            values.put("time", newsBean.time);
            values.put("comment", newsBean.comment);
            db.insert("news", null, values);

        }

        db.close();
    }

    //从数据库中获取缓存的新闻数据
    public ArrayList<NewsBean> getNews(){
        ArrayList<NewsBean> list = new ArrayList<NewsBean>();
        //通过帮助类对象获取一个数据库操作对象
        SQLiteDatabase db = newsOpenHelper.getReadableDatabase();
        Cursor cursor = db.rawQuery("select * from news", null);//查询获取数据

        if(cursor != null && cursor.getCount() > 0){

            while(cursor.moveToNext()){

                NewsBean newsBean = new NewsBean();
                newsBean. id = cursor.getInt(0);
                newsBean. title = cursor.getString(1);
                newsBean. des =    cursor.getString(2);
                newsBean. icon_url =    cursor.getString(3);
                newsBean. news_url =    cursor.getString(4);
                newsBean.     type = cursor.getInt(5);
                newsBean. time =    cursor.getString(6);
                newsBean.     comment = cursor.getInt(7);

                list.add(newsBean);
            }
        }

        db.close();
        cursor.close();


        return list;

    }



}

 【7.2】将获取的数据保存到数据库中

 

【8】在APP再次打开的时候将数据库中的数据还原到APP中

 

 

 【9】为了本次（第二次）打开APP后，能够只在本地APP的数据库中只缓存上次（第一次）次显示的数据，需要在保存上次（第一次）保存数据时，

清空数据库中的数据。即，APP数据库中只缓存本次显示过的数据；

【备注】即使不清空也不会影响，因为在本地数据库中_id是主键，不会存在重复的新闻条目的；

 

 【10】防止空白数据的返回

【11】增加评论数据和分类数据

 

 

【布局文件源码】

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:paddingBottom="20dp"
    android:paddingTop="20dp" >

    <com.itheima.news_listview.view.MyImageView
        android:scaleType="fitXY"
        android:background="#ff0000"
        android:id="@+id/item_img_icon"
        android:layout_width="68dp"
        android:layout_height="68dp"
        android:layout_gravity="center"
        android:layout_marginRight="10dp"
        android:src="@drawable/ic_launcher" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical" >

        <TextView
            android:id="@+id/item_tv_title"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="3dp"
            android:singleLine="true"
            android:text="title"
            android:textColor="#000000"
            android:textSize="16sp" />

        <TextView
            android:id="@+id/item_tv_des"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:maxLines="2"
            android:text="des"
            android:textColor="#666666"
            android:textSize="13sp" />

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >

            <TextView
                android:id="@+id/item_tv_comment"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:text="comment"
                android:textColor="#000000"
                android:textSize="13sp" />

            <TextView
                android:layout_marginRight="10dp"
                android:id="@+id/item_tv_type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentRight="true"
                android:text="娱乐"
                android:textColor="#666666"
                android:textSize="13sp" />
        </RelativeLayout>
    </LinearLayout>

</LinearLayout>