程序博客网 > 淘宝规则扣分

Android 图片上传listview展示 与服务器交互

来源：互联网 发布：淘宝规则扣分 编辑：程序博客网 时间：2024/06/06 02:17

Android客服端与服务器交互，实现图片上传，保存用户ID，信息，图片路径存储到数据库，

                   展示所有信息都客服端以list view 形式显示！

 

环境 eclipse ,Androidstudio, JDK 1.8.1, jre1.8.1 ,tomcat 9.0 ；

工具 okhttp, fastjson , MySQL;

                                                                                                                                                                        图一，

 tuy

第一步如图一所示，新建xml布局，获取 EditText里的值，新开一个线程，通过okhttp发送到服务器:

//得到通信

OkHttpClient client=new OkHttpClient();

//设置编码格式

MediaType JSON1 =MediaType.parse("application/json;charset=utf-8");

//传输对象 username（用户名）
RequestBodyrequestBody = RequestBody.create(JSON1,username);

//发送的地址（Yonhu）Servlet发送方式post
Request request = newRequest.Builder().url("http://192.168.0.140:8080/HttpClientDemo1/Yonghu").post(requestBody).build();

//得到返回值

Response response =response = client.newCall(request).execute();

 

服务器接收到数据，进入数据库查询，如有此数据返回客服端false；否 存入数据库 反会true：

//新建Servlet post方法中

//得到发送过来的值

      InputStream inputStream = request.getInputStream();

//转为编码格式为utf-8的字符串

      String username = IOUtils.toString(inputStream,"utf-8");

然后获取数据库连接，执行SQL语句，得到想要的查询结果，返回给客服端！ 

最好使用fastjson list=JSON.toJSONString (“想要返回的值”);

        PrintWriter out = response.getWriter();

//返回的值

Out.print(“list”)

 

线程里得到返回值，发送给Message 判断true 与false ，如过true 进行下一步，否则显示账号存在！

图二

第一步成功过后 ，跳转到此页面，传过来前面用户的id，打开相册照片选取功能：

Intent albumIntent = new Intent(Intent.ACTION_PICK, null);albumIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");startActivityForResult(albumIntent,0);

使用有返回值的Intent 方法，返回图片信息！ 

//内容解析器ContentResolver resolver = getContentResolver();try {    InputStream inputStream = resolver.openInputStream(data.getData());    //bitmap 就是那张图片  bitmap = BitmapFactory.decodeStream(inputStream);    ImageView imageView;    imageView = (ImageView) findViewById(R.id.imageView2);    imageView.setImageBitmap(bitmap);

这样把得到的图片 显示在当前页面！

当点击提交按钮的是后要对图片进行一系列操作，

File dir = new File(Environment.getExternalStorageDirectory().getPath() + "/campus_trading/");

将图片保存到本地文件夹！

final File file = new File(Environment.getExternalStorageDirectory().getPath() + "/campus_trading/" + id + ".png");

得到路径 和 设置保存的名字！

BufferedOutputStream bos = new BufferedOutputStream(new FileOutputStream( file));bitmap.compress(Bitmap.CompressFormat.JPEG, 100, bos);

把文件转成输出流 ，压缩！

OkHttpClient client = new OkHttpClient();//多段体形式。。。。。添加表单数据。。。。。。。。。。。。。。。。。。请求体MultipartBody.Builder builder = new MultipartBody.Builder().setType(MultipartBody.FORM).addFormDataPart("pic", 0+ ".png", RequestBody.create(PNG, file));RequestBody requestBody = builder.build();Request request = new Request.Builder().url("http://192.168.0.140:8080/HttpClientDemo1/Upload").post(requestBody).build();
if(response.isSuccessful()){   file1= response.body().string();

把图片发送个服务器保存！并返回路径！file1！

服务器端写法：

第一个用户验证的Servlet 里得到username 的数据 把这个数据存入到application中去

在第二个得到 前保存的值！（详细写法下方问题一！）得到值过后更改数据库，把图片路径

UPDATE 进去！

 

第三步 把信息都发送到第3个Aactivity 中显示出来：

String userjson = intent.getStringExtra("a3");User u2 = JSON.parseObject(userjson,User.class);

获取发送过来的数据 并转为User对象！

然后设置显示！

 

第四步 获取全部信息，并以listview形式显示出来!

OkHttpClient client = new OkHttpClient();MediaType JSON1 = MediaType.parse("application/json; charset=utf-8");RequestBody requestBody = RequestBody.create(JSON1, "wolaile");Request request = new Request.Builder().url("http://192.168.0.140:8080/HttpClientDemo1/Tupain").post(requestBody).build();Response response = null;try {    response = client.newCall(request).execute();       String name= response.body().string();    String na=name.substring(name.indexOf('['),name.indexOf(']')+1);
List<User> user=JSON.parseArray(na, User.class);

查询数据库里面的所有数据，并转字符json 为List 返回；

womap.setList(usermap);Log.i("info","__________________________9630___________________"+womap.getList().size());msg.what=1;Bundle bundle=new Bundle();//bundle.putString("user",usermap);bundle.putSerializable("map",womap);msg.setData(bundle);
myHandiler2.sendMessage(msg);

得到返回值 ，组装对象，放入message 中 进行操作！

Womap是一个 对象里面的成员变量是List；

myHandiler2 是一个类名！

MyAdapter l1.setAdapter(new MyAdapter(Main4Activity.this, womap.getList));

将List 发送给MyAdapter里面

public  class MyAdapter extends BaseAdapter {       private List<User> userList;        private LayoutInflater mIflater;        public MyAdapter(Context context,List<User> userList){            this.userList=userList;            mIflater = LayoutInflater.from(context);        }        @Override        public int getCount() {            return userList.size();        }        @Override        public Object getItem(int i) {            return userList.get(i);        }        @Override        public long getItemId(int i) {            return i;        }        @Override        public View getView(int i, View view, ViewGroup viewGroup) {            ViewHolder viewHolder = null;            if (view == null){                viewHolder = new ViewHolder();                view = mIflater.inflate(R.layout.item,null);                viewHolder.v1 = (ImageView) view.findViewById(R.id.imageView100);                viewHolder.t1 = (TextView) view.findViewById(R.id.textView99);                viewHolder.t2 = (TextView) view.findViewById(R.id.textView98);                viewHolder.t3 = (TextView) view.findViewById(R.id.textView97);                view.setTag(viewHolder);            }else {                viewHolder = (ViewHolder) view.getTag();            }           // viewHolder.v1.setImageResource(R.drawable.qwq);            viewHolder.t1.setText(userList.get(i).getUsername());            viewHolder.t2.setText(userList.get(i).getAge()+"");            viewHolder.t3.setText(userList.get(i).getBumen());            Picasso.with(Main4Activity.this).load("http://"+userList.get(i).getPath()).error(R.drawable.qwq).into(viewHolder.v1);  return view;    }    class ViewHolder{        public TextView t1,t2,t3;        public ImageView v1;    }}
 

将 发送过来的List  用Listview显示出来！

 

实际编码中 问题整理：

         1：如和让 Servlet  与Servlet 之间传值！

ServletContextapplication=this.getServletContext();

          //传值过去  

          application.setAttribute("username",username);

//取值

ServletContextapplication=this.getServletContext();

      Object obj =application.getAttribute("username");

2：服务器 图片路径存储：

@MultipartConfig(

      )

//存储到当前项目的imger目录下

          part.write(getServletContext().getRealPath("/imger") +"/" + username+".png") ; 

3：SQL 语句的拼写：

      注意SQL语句的拼写；写完SQL语句 打印出来 ，放到数据库中运行一下，引号等都需要注意！

4：fastjson 的解析！

      前面通过fastjson解析一直没报错 ，后面传回来的整张表却报了错，不能正确的解析！原因是应为传回来的json字符串多了几个字符，所有传回来后 应该Log 出来看下，是不是正确的json格式！

5.注意编码格式！

 

OKHTTP 的普通使用方法：

1.  public static final MediaType JSON = MediaType.parse("application/json; charset=utf-8");

2.  //获取通信

3.  OkHttpClient client = new OkHttpClient();

4.  String post(String url, String json) throws IOException {

5.  //设置请求类型

6.       RequestBody body = RequestBody.create(JSON, json);

7.        Request request = new Request.Builder()

8.  //请求地址

9.        .url(url)

10. //请求体

11.       .post(body)

12.       .build();

13. //获取返回值

14.       Response response = client.newCall(request).execute();

15.     f (response.isSuccessful()) {

16.         return response.body().string();

17.     } else {

18.         throw new IOException("Unexpected code " + response);

19.     }

20. }

  1. 更多详情参照：
  2. http://blog.csdn.net/lmj623565791/article/details/47911083网址！

 

Fastjson 的使用方法：

1.    //  转换成对象      

2.          String jsonstring = "{\"a\":51,\"b\":0}";      

3.          Usa u1 = JSON.parseObject(jsonstring, new TypeReference<Usa>(){});    

4.          Usa u2 = JSON.parseObject(jsonstring,Usa.class);    

5.          // 转换成对象数组       

6.          String jsonstring2 = "[{\"a\":51,\"b\":0}]";      

7.          Usa[] usa2 = JSON.parseObject(jsonstring2, new TypeReference<Usa[]>(){});      

8.          List list = Arrays.asList(usa2);   

9.          // 转换成ArrayList  

10.         ArrayList<Usa> list2 = JSON.parseObject(jsonstring2, new TypeReference<ArrayList<Usa>>(){});   

11.           

12.         // 转换成ArrayList(默认)    list3  与 list4  效果相同  

13.         ArrayList<JSONObject> list3 = JSON.parseObject(jsonstring2, new ArrayList<Usa>().getClass());   

14.         ArrayList<JSONObject> list4 = JSON.parseObject(jsonstring2, ArrayList.class);   

15.         for (int i = 0; i < list4.size(); i++) { //  推荐用这个  

16.             JSONObject io = list4.get(i);  

17.             System.out.println(io.get("a") + "======adn====="+io.get("b"));  

18.         }  

19.     }      

20. }      

json字符串 直接转换成List

 

查看文本打印

1.  ArrayList<Usa> usa2 = JSON.parseObject(jsonstring2, new TypeReference<ArrayList<Usa>>(){});   

 或者转换成对象数组

   Usa[]usa2 = JSON.parseObject(jsonstring2, new TypeReference<Usa[]>(){}); 

  对象数组转List  

   Listlist = Arrays.asList(usa2);    

Listview 用法：

调用此类的构造方法，传如参数！我传的是一个User对象集合！

  public  class MyAdapterextends BaseAdapter{
       private List<User>userList;
        private LayoutInflater mIflater;

        public MyAdapter(Contextcontext,List<User> userList){
            this.userList=userList;
            mIflater =LayoutInflater.from(context);
        }

//集合userlist的长度！
        @Override
        public int getCount() {
            return userList.size();
        }

//第几条数据
        @Override
        public ObjectgetItem(inti) {
            return userList.get(i);
        }
        @Override
        public long getItemId(inti) {
            return i;
        }
        @Override
        public ViewgetView(inti, View view,ViewGroup viewGroup) {
            ViewHolder viewHolder = null;
            if (view == null){
                viewHolder = new ViewHolder();
                view = mIflater.inflate(R.layout.item,null);

//给listview显示！
                viewHolder.v1=(ImageView) view.findViewById(R.id.imageView100);
                viewHolder.t1= (TextView) view.findViewById(R.id.textView99);
                viewHolder.t2= (TextView) view.findViewById(R.id.textView98);
                viewHolder.t3= (TextView) view.findViewById(R.id.textView97);
                view.setTag(viewHolder);
            }else{
                viewHolder = (ViewHolder)view.getTag();
            }
           // viewHolder.v1.setImageResource(R.drawable.qwq);
            viewHolder.t1.setText(userList.get(i).getUsername());
            viewHolder.t2.setText(userList.get(i).getAge()+"");
            viewHolder.t3.setText(userList.get(i).getBumen());
            Picasso.with(Main4Activity.this).load("http://"+userList.get(i).getPath()).error(R.drawable.qwq).into(viewHolder.v1);
        return view;

        }
        class ViewHolder{
            public TextViewt1,t2,t3;
            public ImageView v1;
        }
    }

 

//毕加索使用

                   //显示的activity            //图片路径                  //失败是显示的图片

Picasso.with(Main4Activity.this).load("http://"+userList.get(i).getPath()).error(R.drawable.

              /显示的imageView

qwq).into(viewHolder.v1);

//毕加索android studio 架包导入compile 'com.squareup.picasso:picasso:2.5.2'

其他使用方法：

1.适配器的下载

自动识别适配器并且重用，取消之前的下载任务。

[java] view plain copy

1.  @Override public void getView(int position, View convertView, ViewGroup parent) {  

2.      SquaredImageView view = (SquaredImageView) convertView;  

3.       if (view == null) {  

4.        view = new SquaredImageView(context);  

5.       }  

6.      String url = getItem(position);  

7.       

8.      Picasso.with(context).load(url).into(view);  

9.     }  

2.图形的转换

转换图片来更好的适应布局，并且减少内存

1.  Picasso.with(context)  

2.      .load(url)  

3.       .resize(50, 50)  

4.      .centerCrop()  

5.       .into(imageView)  

你还可以自定义更先进的转换方法

1.  public class CropSquareTransformation implements Transformation {  

2.      @Override public Bitmap transform(Bitmap source) {  

3.         int size = Math.min(source.getWidth(), source.getHeight());  

4.        int x = (source.getWidth() - size) / 2;  

5.         int y = (source.getHeight() - size) / 2;  

6.        Bitmap result = Bitmap.createBitmap(source, x, y, size, size);  

7.         if (result != source) {  

8.          source.recycle();  

9.         }  

10.      return result;  

11.     }  

12.    

13.     @Override public String key() { return "square()"; }  

14.  }  

或者是之前提到的图片变成圆角图片，你都可以自定义方法，然后通过该类的实例转换。
3.占位符即默认图片：

在很多软件中档图片没有加载出来前，都有有一个默认的图片或者头像的东西显示在那里。或者图片找不到，下载不下来，都可以使用这张默认的图片来代替。通过使用Picassoi你只需要一句代码就可以实现该功能

1.  Picasso.with(context)  

2.        .load(url)  

3.         .placeholder(R.drawable.user_placeholder)  

4.        .error(R.drawable.user_placeholder_error)  

5.         .into(imageView);  

他在加载这张默认图片之前会请求三次，如果三次请求还是没办法加载出来图片，就设置为默认图片

4.资源加载

Resources,assets,files,content

 providers 都支持作为图片资源。

[java] view plain copy

1.  Picasso.with(context).load(R.drawable.landing_screen).into(imageView1);  

2.    Picasso.with(context).load("file:///android_asset/DvpvklR.png").into(imageView2);  

3.     Picasso.with(context).load(new File(...)).into(imageView3);  

阅读全文
0 0
淘宝规则扣分 淘宝规则扣分
原创粉丝点击
热门IT博客
linux读写执行权限linux读写执行权限
知乎 湖南农民考察报告知乎 湖南农民考察报告
phpmyadmin默认端口
淘宝网数据字典
html5程序员
tomcat配置多域名访问
js把数字转换成日期
大容量免费网络硬盘
淘宝商城哥弟女装
流量数据分析
薪酬数据分析维度哪些
饥荒手机版修改数据
ubuntu zip解压命令
ark网络加速器
瑞士银行开户条件知乎
搞笑gif软件
下料软件
穿裙子真空 知乎
plsql导入excel数据
微信打不开爱淘宝
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 川主寺酒店预订 松潘川主寺 四川川主寺 川主寺门票价格 川主寺旅游 川主寺住宿会缺氧吗 川之味麻辣烫培训 川之味麻辣烫 川之味麻辣烫怎么样 川之味麻辣烫实体店 川名佬麻辣拌 川名佬过桥米线 川内旅游景点推荐 川内伦子 川内 川内专科学校排名 川内大学排名 川十三民谣火锅 川厨仔餐饮培训 川发展集团有限公司 川发展 细川玉子 川栋子功效与作用 中川翔子 立川淳子 川上麻衣子 白川和子 川井郁子 川纯子 西川史子 川栋子的功效与作用 名川 名佬麻辣烫 名佬麻辣香锅 名佬麻辣烫总店 川味观火锅 川味观毛肚火锅 川味观团购 川味观 川味观价格 川味观总店

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里