ホームページ >バックエンド開発 >PHPチュートリアル >PHP バックエンドに基づいた Android クライアントのニュース閲覧の実装

PHP バックエンドに基づいた Android クライアントのニュース閲覧の実装

*文オリジナル: 2018-01-02 09:57:281466ブラウズ

この記事は主に、PHP の背景に基づいた Android ニュース閲覧クライアントを詳細に紹介します。これには一定の参考価値があり、興味のある友人はそれを参照できます。お役に立てれば幸いです。

具体的な内容は以下の通りです

1. HBuilderを使用してPHP環境を設定し、MySQLステートメントがクエリできるかどうかをテストします。

2. ここの PHP バックグラウンドは、mysql のクエリ関数を実装し、JSON データ形式でクライアントを返します。

データベース接続を実現し、文字セット形式を設定するために、PHP で mysql_connect.php ファイルを作成します。

<?php

$con = mysql_connect("localhost","root","123456");
//设置字符集为UTF-8 可解决中文乱码
mysql_query("SET NAMES &#39;utf8&#39;");
mysql_query("SET CHARACTER SET utf8");
mysql_query("SET CHARACTER_SET_RESULT=utf8");

if(!$con){
die(mysql_error());
}

mysql_select_db("newsdemo",$con);
?>

次に、新しい getNewsJSON.php ファイルを作成して、クエリ結果を JSON 文字列形式に変換します。 json_encode メソッドのみが必要です。

<?php

/*获得JSON数据
 * 返回值：title desc time content_url pic_url*/ 
 
 require &#39;mysql_connect.php&#39;;

$n = 0;
$result = mysql_query("select * from news");
while($row = mysql_fetch_array($result)){
$arr[$n++] = array(
"title"=>$row[&#39;title&#39;],
"desc"=>$row[&#39;desc&#39;],
"time"=>$row[&#39;time&#39;],
"content_url"=>$row[&#39;content_url&#39;],
"pic_url"=>$row[&#39;pic_url&#39;]
);
}

//数组转化为JSON字符串
echo json_encode($arr);
?>

Android側の設計と開発に重点を置いています

1. インターフェースの設計

ListViewの各項目に同じ形式を設定する必要があるため、ここではListView+Adapterの形式を使用します

メインインターフェイス ListView コントロールに LinearLayout を追加します

2. Mainactivity プログラムは次のとおりです:

public class MainActivity extends Activity implements OnItemClickListener{


  private ListView lvNews ;
  private NewsAdapter adapter ;
  //定义集合
  private List<News> newsList ;
  
  //获取json字符串的URL地址
  public static final String GET_NEWS_URL = "http://211.87.234.20/NewsDemo/getNewsJSON.php";

  //获取msg之后如何处理
  private Handler getNewsHandler = new Handler(){
  public void handleMessage(android.os.Message msg){
  String jsonData = (String) msg.obj ;
  System.out.println(jsonData) ;
  try {
JSONArray jsonArray = new JSONArray(jsonData) ;
for(int i=0;i<jsonArray.length();i++){
JSONObject object = jsonArray.getJSONObject(i) ;
String title = object.getString("title") ;
String desc = object.getString("desc") ;
String time = object.getString("time") ;
String content_url = object.getString("content_url") ;
String pic_url = object.getString("pic_url") ;
System.out.println("title="+title) ;
//add一个News类型的Object
newsList.add(new News(title,desc,time,content_url,pic_url)) ;
}
//通知更新
adapter.notifyDataSetChanged() ;
} catch (JSONException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
  
  } ;
  } ;
  
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState) ;
    setContentView(R.layout.activity_main) ;
    
    lvNews = (ListView) findViewById(R.id.lvNews) ;
    //初始化
    newsList = new ArrayList<News>();  
    adapter = new NewsAdapter(this,newsList) ;
    lvNews.setAdapter(adapter) ;
    lvNews.setOnItemClickListener(this) ;
    
    HttpUtils.getNewsJSON(GET_NEWS_URL,getNewsHandler) ;
  }

  @Override
  public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
  }

@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
// TODO Auto-generated method stub
News news = newsList.get(position) ;
Intent intent = new Intent(this,BrowseNewsActivity.class) ;
intent.putExtra("content_url",news.getContent_url()) ;
startActivity(intent) ;
}
  
}

ここでは、アイテムのビュー表示を実現するためにツールクラス HttpUtils とカスタム NewsAdapter が必要です。

HttpUtils コードは次のとおりです。

package com.MR.news.utils;



import java.io.BufferedReader;

import java.io.InputStream;

import java.io.InputStreamReader;

import java.net.HttpURLConnection;

import java.net.URL;

import android.graphics.Bitmap;

import android.graphics.BitmapFactory;

import android.os.Handler;

import android.os.Message;

import android.widget.ImageView;



public class HttpUtils {



//工具类直接定义成静态方法即可

/*url用于内部类中，所以要将其设定为final类型*/

/*读取完成需要通知主线程，需要使用handler*/

public static void getNewsJSON(final String url,final Handler handler){

//访问网络，时间长，开启新线程

new Thread(new Runnable(){



@Override

public void run() {

// TODO Auto-generated method stub

HttpURLConnection conn ;

InputStream is ;

try {

conn = (HttpURLConnection) new URL(url).openConnection() ;

//GET方式获取

conn.setRequestMethod("GET") ;

//得到输入流

is=conn.getInputStream() ;

//读取数据用缓冲,里面要传入一个reader

BufferedReader reader = new BufferedReader(new InputStreamReader(is));

//一行一行读取数据

String line = "";

//没读完一行进行拼接,高效

StringBuilder result = new StringBuilder();

while((line = reader.readLine()) != null){

result.append(line);

}

Message msg = new Message() ;

//msg.obj可以放进去任何对象

msg.obj = result.toString() ;

handler.sendMessage(msg) ;

} catch (Exception e) {

e.printStackTrace();

}

}}).start() ;

}



public static void setPicBitMap(final ImageView ivPic,final String pic_url){

new Thread(new Runnable(){



@Override

public void run() {

// TODO Auto-generated method stub

try {

HttpURLConnection conn = (HttpURLConnection) new URL(pic_url).openConnection() ;

conn.connect() ;

InputStream is = conn.getInputStream() ;

//bitmap就是所需图片资源

/*从资源文件中的到图片*/

Bitmap bitmap = BitmapFactory.decodeStream(is) ;

ivPic.setImageBitmap(bitmap) ;

is.close() ;

} catch (Exception e) {

// TODO Auto-generated catch block

e.printStackTrace();

} 



}



}).start() ;

}

}

NewsAdapterのコードは以下の通りです:

package com.MR.news.adapter;



import java.util.List;

import com.MR.news.R;

import com.MR.news.model.News;

import com.MR.news.utils.HttpUtils;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;



public class NewsAdapter extends BaseAdapter {





//声明上下文对象，后面的getView方法需要

private Context context;

private List<News> newsList;



public NewsAdapter(Context context, List<News> newsList){

this.context = context ;

this.newsList = newsList ;

}

@Override

public int getCount() {

// TODO Auto-generated method stub

return newsList.size();

}

@Override

public Object getItem(int position) {

// TODO Auto-generated method stub

return newsList.get(position);

}

@Override

public long getItemId(int position) {

// TODO Auto-generated method stub

return position;

}

@Override

public View getView(int position, View convertView, ViewGroup arg2) {

// TODO Auto-generated method stub

if(convertView == null){
convertView = LayoutInflater.from(context).inflate(R.layout.news_item,null) ;
}
TextView tvTitle = (TextView) convertView.findViewById(R.id.tvTitle) ;
TextView tvDesc = (TextView) convertView.findViewById(R.id.tvDesc) ;
TextView tvTime = (TextView) convertView.findViewById(R.id.tvTime) ;
ImageView ivPic = (ImageView) convertView.findViewById(R.id.ivPic);
News news = newsList.get(position) ;
tvTitle.setText(news.getTitle()) ;
tvDesc.setText(news.getDesc()) ;
tvTime.setText(news.getTime()) ;
String pic_url = news.getPic_url() ;
HttpUtils.setPicBitMap(ivPic, pic_url) ;
return convertView;
}
}

news_item 各項目の表示形式を設定します

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >
  
  <ImageView 
    android:id="@+id/ivPic"
    android:layout_width="42dp"
    android:layout_height="42dp"
    android:src="@drawable/ic_launcher"
    />

  <TextView
    android:id="@+id/tvTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_toRightOf="@+id/ivPic"
    android:text="title"
    android:textSize="18sp" />

  <TextView
    android:id="@+id/tvDesc"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/tvTitle"
    android:layout_below="@+id/tvTitle"
    android:text="desc"
    android:textSize="18sp" />
  <TextView
    android:id="@+id/tvTime"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:text="time"
    android:textSize="10sp"
    />

</RelativeLayout>

注: この項目は単一の画像を表示する必要があるため、Bitmapクラスが使用されます。ネットワーク伝送なのでスレッドの概念が必要です！！

重要なのは、ハンドラーメッセージとループの関係を理解することです。

PHP バックエンドに基づいた Android クライアントのニュース閲覧の実装

関連記事