Android实现注册登录头像上传等功能常规开发(Android端，服务器端开发实例)

 

Android实现注册登录头像上传等功能常规开发(Android端，服务器端开发实例)

标签： 注册登录Android开发servlet

2017-04-18 20:34  454人阅读  评论(1)  收藏  举报

  分类：

Android（18）   Java开发（5）   数据库（1） 

版权声明：本文为博主原创文章，未经博主允许不得转载。

目录(?)[+]

时隔半年再次敲动键盘，发现时间过得真心快。原本自己该干的事情被琐碎事情给耽搁了，现在想想该重新振奋起来好好努力。闲话到此，今天给大家带来的教程是常规化也是常见的登录注册上传头像等操作，本篇也是从项目中挑出部分，项目是真实测试的，完全能实现如上操作，所以各位不用担心，由于时间原因，就不连接服务器测试了，本篇文章也只是演示下过程。包括了客户端和服务器的部分程序，当然了该篇博客仅限学习，下面进入正文。下面是项目的注册登录部分在模拟器上的演示：

在开始讲解咱们的项目之前咱们先整理下思路。在学习本篇文章前请了解并学习下列相关知识：

• okhttp网络请求库最新版本的使用方法(建议去github下载相应的okhttp工具类)
• Mysql数据库进行数据存储
• servlet相关知识(请参考 超详细servlet+jdbc+html+css实现后台管理登陆)
• Base64图片编码
• Tomcat服务器实现虚拟映射路径设置(在本篇文章中将图片保存在服务器的虚拟映射路径中)

注意：本篇文章可能不能完全把代码完全注释讲解，所以敬请大家有点耐心。

客户端：

1. 编写注册界面的xml布局文件
2. 实现注册界面的逻辑实现
3. 编写登录界面的XML布局文件
4. 实现登录界面的逻辑实现  

首先我们看到客户端的整体的结构图：

注册界面布局：wyt_register.xml

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
4.     android:id="@+id/register"  
5.     android:orientation="vertical"  
6.     android:layout_width="match_parent"  
7.     android:layout_height="match_parent"  
8.     android:background="#f5f5f5"  
9.     >  
10.     <LinearLayout  
11.         android:layout_width="match_parent"  
12.         android:layout_height="wrap_content"  
13.         android:orientation="vertical">  
14.         <com.mero.wyt_register.widget.CustomTitleBar  
15.             android:layout_width="match_parent"  
16.             android:layout_height="80dp"  
17.             app:text="用户注册"  
18.             app:background_color="@color/mediumturquoise"  
19.             />  
20.         <LinearLayout  
21.             android:layout_width="match_parent"  
22.             android:layout_height="150dp"  
23.             android:orientation="vertical"  
24.             android:background="@color/mediumturquoise">  
25.             <RelativeLayout  
26.                 android:layout_width="match_parent"  
27.                 android:layout_height="match_parent">  
28.                 <ImageView  
29.                     android:id="@+id/img_upload_img"  
30.                     android:layout_width="100dp"  
31.                     android:layout_height="100dp"  
32.                     android:layout_centerHorizontal="true"  
33.                     android:src="@drawable/menu_item_theme"/>  
34.                 <TextView  
35.                     android:id="@+id/tx_upload_img"  
36.                     android:layout_below="@id/img_upload_img"  
37.                     android:layout_width="wrap_content"  
38.                     android:layout_height="wrap_content"  
39.                     android:text="上传头像"  
40.                     android:layout_centerHorizontal="true"  
41.                     android:textSize="15sp"  
42.                     android:gravity="fill_vertical"  
43.                     android:textColor="#fff"/>  
44.             </RelativeLayout>  
45.         </LinearLayout>  
46.   
47.     </LinearLayout>  
48.   
49.     <LinearLayout  
50.         android:layout_width="match_parent"  
51.         android:layout_height="100dp"  
52.         android:orientation="vertical"  
53.         android:background="#FFF">  
54.         <LinearLayout  
55.             android:layout_width="match_parent"  
56.             android:layout_height="50dp"  
57.             android:orientation="horizontal">  
58.             <ImageView  
59.                 android:id="@+id/img_register_account"  
60.                 android:layout_width="32dp"  
61.                 android:layout_height="32dp"  
62.                 android:src="@drawable/account"  
63.                 android:layout_marginLeft="10dp"  
64.                 android:layout_gravity="center_vertical"/>  
65.             <EditText  
66.                 android:id="@+id/edt_register_account"  
67.                 android:layout_width="match_parent"  
68.                 android:layout_height="50dp"  
69.                 android:hint="账号"  
70.                 android:textColorHighlight="#77000000"  
71.                 android:textColor="#000000"  
72.                 android:maxLines="1"  
73.                 android:background="@null"  
74.                 android:gravity="center_vertical"  
75.                 android:paddingLeft="15dp"  
76.                 android:textSize="15sp"  
77.                 android:textColorHint="#77000000"  
78.                 />  
79.         </LinearLayout>  
80.         <TextView  
81.             android:layout_width="match_parent"  
82.             android:layout_height="1dp"  
83.             android:background="#f5f5f5"/>  
84.         <LinearLayout  
85.             android:layout_width="match_parent"  
86.             android:layout_height="match_parent"  
87.             android:orientation="horizontal"  
88.             android:background="#FFF"  
89.             android:baselineAligned="false">  
90.             <ImageView  
91.                 android:id="@+id/img_register_pwd"  
92.                 android:layout_width="32dp"  
93.                 android:layout_height="32dp"  
94.                 android:layout_marginLeft="10dp"  
95.                 android:src="@drawable/pwd"  
96.                 android:layout_gravity="center_vertical"/>  
97.             <EditText  
98.                 android:id="@+id/edt_register_pwd"  
99.                 android:layout_width="match_parent"  
100.                 android:layout_height="match_parent"  
101.                 android:hint="密码"  
102.                 android:inputType="textPassword"  
103.                 android:maxLines="1"  
104.                 android:textSize="15sp"  
105.                 android:textColorHighlight="#77000000"  
106.                 android:textColor="#000000"  
107.                 android:background="@null"  
108.                 android:paddingLeft="15sp"  
109.                 android:textColorHint="#77000000"  
110.                 android:layout_weight="1" />  
111.         </LinearLayout>  
112.     </LinearLayout>  
113.     <RelativeLayout  
114.         android:layout_width="match_parent"  
115.         android:layout_height="50dp"  
116.         android:layout_marginTop="20dp">  
117.         <com.mero.wyt_register.widget.RoundButton  
118.             android:id="@+id/btn_to_register"  
119.             android:layout_width="300dp"  
120.             android:layout_height="50dp"  
121.             android:text="注册"  
122.             android:textColor="#FFF"  
123.             android:textStyle="bold"  
124.             android:textSize="15sp"  
125.             android:gravity="center"  
126.             android:layout_centerInParent="true"  
127.             app:btnCornerRadius="10dp"  
128.             app:btnSolidColor="@color/mediumturquoise"  
129.             app:btnPressedRatio="1.5"  
130.             />  
131.     </RelativeLayout>  
132. </LinearLayout>  

效果如下：

登录界面布局wyt_login.xml：

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
4.     android:orientation="vertical"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     android:background="#f5f5f5"  
8.     >  
9.     <com.mero.wyt_register.widget.CustomTitleBar  
10.       android:layout_width="match_parent"  
11.       android:layout_height="80dp"  
12.       app:text="用户登录"  
13.       app:background_color="@color/mediumturquoise"  
14.         />  
15.   
16.     <LinearLayout  
17.         android:layout_width="match_parent"  
18.         android:layout_height="100dp"  
19.         android:orientation="vertical"  
20.         android:background="#FFF">  
21.         <LinearLayout  
22.             android:layout_width="match_parent"  
23.             android:layout_height="50dp"  
24.             android:orientation="horizontal">  
25.             <ImageView  
26.                 android:id="@+id/img_login_account"  
27.                 android:layout_width="32dp"  
28.                 android:layout_height="32dp"  
29.                 android:src="@drawable/account"  
30.                 android:layout_marginLeft="10dp"  
31.                 android:layout_gravity="center_vertical"/>  
32.             <EditText  
33.                 android:id="@+id/edt_login_account"  
34.                 android:layout_width="match_parent"  
35.                 android:layout_height="50dp"  
36.                 android:hint="账号"  
37.                 android:textColorHighlight="#77000000"  
38.                 android:textColor="#000000"  
39.                 android:maxLines="1"  
40.                 android:background="@null"  
41.                 android:gravity="center_vertical"  
42.                 android:paddingLeft="15dp"  
43.                 android:textSize="15sp"  
44.                 android:textColorHint="#77000000"  
45.                 />  
46.         </LinearLayout>  
47.         <TextView  
48.             android:layout_width="match_parent"  
49.             android:layout_height="1dp"  
50.             android:background="#f5f5f5"/>  
51.         <LinearLayout  
52.             android:layout_width="match_parent"  
53.             android:layout_height="match_parent"  
54.             android:orientation="horizontal"  
55.             android:background="#FFF"  
56.             android:baselineAligned="false">  
57.             <ImageView  
58.                 android:id="@+id/img_login_pwd"  
59.                 android:layout_width="32dp"  
60.                 android:layout_height="32dp"  
61.                 android:layout_marginLeft="10dp"  
62.                 android:src="@drawable/pwd"  
63.                 android:layout_gravity="center_vertical"/>  
64.             <EditText  
65.                 android:id="@+id/edt_login_pwd"  
66.                 android:layout_width="match_parent"  
67.                 android:layout_height="match_parent"  
68.                 android:inputType="textPassword"  
69.                 android:hint="密码"  
70.                 android:maxLines="1"  
71.                 android:textSize="15sp"  
72.                 android:textColorHighlight="#77000000"  
73.                 android:textColor="#000000"  
74.                 android:background="@null"  
75.                 android:paddingLeft="15sp"  
76.                 android:textColorHint="#77000000"  
77.                 android:layout_weight="1" />  
78.         </LinearLayout>  
79.     </LinearLayout>  
80.     <RelativeLayout  
81.         android:layout_width="match_parent"  
82.         android:layout_height="50dp"  
83.         android:layout_marginTop="20dp">  
84.         <com.mero.wyt_register.widget.RoundButton  
85.             android:id="@+id/btn_login_click_to_login"  
86.             android:layout_width="300dp"  
87.             android:layout_height="50dp"  
88.             android:text="立即登录"  
89.             android:textColor="@color/white"  
90.             android:textSize="15sp"  
91.             android:gravity="center"  
92.             android:layout_centerInParent="true"  
93.             app:btnCornerRadius="10dp"  
94.             app:btnSolidColor="@color/mediumturquoise"  
95.             app:btnPressedRatio="1.5"  
96.             />  
97.     </RelativeLayout>  
98.     <RelativeLayout  
99.         android:layout_width="match_parent"  
100.         android:layout_height="50dp">  
101.         <TextView  
102.             android:id="@+id/tx_login_click_to_register"  
103.             android:layout_width="wrap_content"  
104.             android:layout_height="match_parent"  
105.             android:layout_alignParentRight="true"  
106.             android:text="点击注册"  
107.             android:textColor="#33aa44"  
108.             android:textSize="15sp"  
109.             android:textStyle="bold"  
110.             android:paddingRight="25dp"  
111.             android:paddingTop="25dp"  
112.             />  
113.     </RelativeLayout>  
114. </LinearLayout>  

登录界面效果如下：

接下来是我们的注册界面的逻辑代码：

RegisterAty.java

[java]  view plain  copy

1. package com.mero.wyt_register.activity;  
2.   
3. import android.app.ProgressDialog;  
4. import android.content.Intent;  
5. import android.database.Cursor;  
6. import android.graphics.Bitmap;  
7. import android.graphics.BitmapFactory;  
8. import android.net.Uri;  
9. import android.os.Handler;  
10. import android.os.Message;  
11. import android.provider.MediaStore;  
12. import android.text.TextUtils;  
13. import android.view.Gravity;  
14. import android.view.View;  
15. import android.view.animation.AnimationSet;  
16. import android.view.animation.TranslateAnimation;  
17. import android.widget.EditText;  
18. import android.widget.ImageView;  
19. import android.widget.Toast;  
20.   
21. import com.mero.wyt_register.Base.BaseSwipeBackLayout;  
22. import com.mero.wyt_register.Config;  
23. import com.mero.wyt_register.R;  
24. import com.mero.wyt_register.net.RegisterAction;  
25. import com.mero.wyt_register.utils.AppUtils;  
26. import com.mero.wyt_register.utils.Base64Utils;  
27. import com.mero.wyt_register.utils.SDCardUtils;  
28. import com.mero.wyt_register.widget.RoundButton;  
29. import com.mero.wyt_register.widget.SelectPicPopupWindow;  
30.   
31. /** 
32.  * Created by chenlei on 2016/11/17. 
33.  */  
34.   
35. public class RegisterAty extends BaseSwipeBackLayout implements View.OnClickListener {  
36.     private ImageView img_upload;  
37.     private EditText edt_account = null;  
38.     private EditText edt_pwd = null;  
39.     private RoundButton btn_register = null;  
40.     private static final int RESULT_OPEN_IMAGE = 1;  
41.     private Bitmap bitmap ;//存放裁剪后的头像  
42.     private String fileName;//头像名称  
43.     private String picturePath;//头像路径  
44.     private ProgressDialog pd;//进度条  
45.     private static final int DISMISS = 1000;//进度条消失  
46.     private SelectPicPopupWindow selectPicPopupWindow;  
47.     @Override  
48.     public void initView() {  
49.         img_upload = (ImageView) findViewById(R.id.img_upload_img);  
50.         edt_account = (EditText) findViewById(R.id.edt_register_account);  
51.         edt_pwd = (EditText) findViewById(R.id.edt_register_pwd);  
52.         img_upload.setOnClickListener(this);  
53.         btn_register = (RoundButton) findViewById(R.id.btn_to_register);  
54.         btn_register.setOnClickListener(this);  
55.     }  
56.     @Override  
57.     public void initData() {  
58.   
59.     }  
60.     private final Handler handler = new Handler(){  
61.         @Override  
62.         public void handleMessage(Message msg) {  
63.             if(msg.what == DISMISS){  
64.                 pd.dismiss();  
65.             }  
66.         }  
67.     };  
68.     @Override  
69.     public int getLayoutResourceId() {  
70.         return R.layout.wyt_register;  
71.     }  
72.   
73.     @Override  
74.     public int getDialogIcon() {  
75.         return 0;  
76.     }  
77.   
78.     @Override  
79.     public int setStatusBarColor() {  
80.         return 0;  
81.     }  
82.   
83.     private static final int CAMERA_REQUEST_CODE = 1;//拍照返回码  
84.     private static final int GALLERY_REQUEST_CODE = 2;//相册返回码  
85.     @Override  
86.     protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
87.         super.onActivityResult(requestCode, resultCode, data);  
88.         //如果是拍照返回  
89.         if(requestCode==CAMERA_REQUEST_CODE&&resultCode==RESULT_OK&&data!=null) {  
90.             Uri uri = data.getData();  
91.             if (uri != null) {  
92.                 Cursor cursor = this.getContentResolver().query(uri, null, null, null, null);  
93.                 if (cursor.moveToFirst()) {  
94.                     picturePath = cursor.getString(cursor.getColumnIndex("_data"));  
95.                     fileName = getBitmapName(picturePath);  
96.                     bitmap = AppUtils.toRoundBitmap(BitmapFactory.decodeFile(picturePath));  
97.                     //进行裁剪  
98.                     img_upload.setImageBitmap(bitmap);  
99.                 }  
100.             } else {  
101.                 Toast.makeText(this,"保存照片失败",Toast.LENGTH_SHORT).show();  
102.                 return;  
103.             }  
104.         }  
105.   
106.   
107.         //如果是相册返回  
108.         if(requestCode==GALLERY_REQUEST_CODE&&resultCode==RESULT_OK&&null!=data){  
109.             Uri selectedImage = data.getData();  
110.             String[] filePathColumn = {MediaStore.Images.Media.DATA};  
111.   
112.             Cursor cursor = getContentResolver().query(selectedImage,  
113.                     filePathColumn, null, null, null);  
114.             cursor.moveToFirst();  
115.             int columnIndex = cursor.getColumnIndex(filePathColumn[0]);  
116.             picturePath = cursor.getString(columnIndex);  
117.             fileName = getBitmapName(picturePath);  
118.             cursor.close();  
119.             //裁剪为圆形头像  
120.             if(SDCardUtils.isSDCardEnable()){  
121.                 bitmap = AppUtils.toRoundBitmap(BitmapFactory.decodeFile(picturePath));  
122.                 img_upload.setImageBitmap(bitmap);//设置到图片  
123.             }else {  
124.                 return;  
125.             }  
126.         }else {  
127.             return;  
128.         }  
129.     }  
130.     //获取图片的名称  
131.     public String getBitmapName(String picPath){  
132.         String bitmapName="";  
133.         String[]  s = picPath.split("/");  
134.         bitmapName = s[s.length-1];  
135.         return bitmapName;  
136.     }  
137.     @Override  
138.     public void onClick(View v) {  
139.         switch (v.getId()) {  
140.             case R.id.img_upload_img:  
141.                 //判断是否从相册或者调用相机实现  
142.                 selectPicPopupWindow = new SelectPicPopupWindow(RegisterAty.this, new View.OnClickListener() {  
143.                     @Override  
144.                     public void onClick(View v) {  
145.                         selectPicPopupWindow.dismiss();  
146.                         switch (v.getId()){  
147.                             case R.id.btn_select_camera:  
148.                                 //从相机拍照  
149.                                 Intent i = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);  
150.                                 startActivityForResult(i,1);  
151.                                 break;  
152.                             case R.id.btn_select_pic_photo_lib:  
153.                                 //从图库选择照片  
154.                                 Intent ii = new Intent(Intent.ACTION_PICK, MediaStore.Images.Media.EXTERNAL_CONTENT_URI);  
155.                                 startActivityForResult(ii, RESULT_OPEN_IMAGE);  
156.                                 break;  
157.                         }  
158.                     }  
159.                 });  
160.                 View view = RegisterAty.this.findViewById(R.id.register);  
161.                 selectPicPopupWindow.showAtLocation(view, Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,0,0);  
162.                 AnimationSet animationSet = new AnimationSet(true);  
163.                 TranslateAnimation translateAnimation = new TranslateAnimation(1,0,1,0);  
164.                 translateAnimation.setDuration(1000);  
165.                 animationSet.addAnimation(translateAnimation);  
166.                 view.startAnimation(translateAnimation);  
167.                 break;  
168.             case R.id.btn_to_register:  
169.                 //点击的是注册按钮  
170.                 final String wyt_account = edt_account.getText().toString();//获取账号  
171.                 final String wyt_pwd = edt_pwd.getText().toString();//获取密码  
172.                 if(TextUtils.isEmpty(wyt_account)){  
173.                     Toast.makeText(RegisterAty.this,"账号不能为空",Toast.LENGTH_SHORT).show();  
174.                     return;  
175.                 }  
176.                 if(TextUtils.isEmpty(wyt_pwd)){  
177.                     Toast.makeText(RegisterAty.this,"密码不能为空",Toast.LENGTH_SHORT).show();  
178.                     return;  
179.                 }  
180.                 if(wyt_account.length()>20){  
181.                     Toast.makeText(RegisterAty.this,"您输入的账号过长",Toast.LENGTH_SHORT).show();  
182.                     return;  
183.                 }  
184.                 if(wyt_pwd.length()>20){  
185.                     Toast.makeText(RegisterAty.this,"您输入的密码过长",Toast.LENGTH_SHORT).show();  
186.                     return;  
187.                 }  
188.                 pd = ProgressDialog.show(this,"温馨提示","正在注册...",false,true);  
189.                 if(null!=bitmap){  
190.                     //截取图片后缀  
191.   
192.                     String base64img = Base64Utils.bitmaptoString(bitmap);  
193.                     //进行用户注册  
194.                     new RegisterAction(Config.URL, Config.KEY_REGISTER, wyt_account, wyt_pwd, base64img, new RegisterAction.ISuccessCallback() {  
195.                         @Override  
196.                         public void onSuccess(String response, int id) {  
197.                             pd.setMessage("注册成功");  
198.                             handler.sendEmptyMessageDelayed(DISMISS,1000);  
199.                             showActivity(RegisterAty.this,LoginAty.class);  
200.                         }  
201.                     }, new RegisterAction.IFailCallback() {  
202.                         @Override  
203.                         public void onFail(String failMsg) {  
204.                             pd.setMessage("注册失败"+failMsg);  
205.                             handler.sendEmptyMessageDelayed(DISMISS,1000);  
206.                         }  
207.                     });  
208.                 }  
209.   
210.                 break;  
211.             default:  
212.                 break;  
213.         }  
214.     }  
215.     private String getPicType(String picName){  
216.         String[] s = picName.split(".");  
217.         //数组长度  
218.         return s[s.length-1];  
219.     }  
220.   
221. }  

然后对注册界面的网络请求进行封装：

RegisterAction.java

[java]  view plain  copy

1. package com.mero.wyt_register.net;  
2.   
3. import android.util.Log;  
4.   
5. import com.mero.wyt_register.Config;  
6. import com.zhy.http.okhttp.OkHttpUtils;  
7. import com.zhy.http.okhttp.callback.StringCallback;  
8.   
9. import org.json.JSONException;  
10. import org.json.JSONObject;  
11.   
12. import java.io.File;  
13. import java.util.HashMap;  
14. import java.util.Map;  
15.   
16. import okhttp3.Call;  
17.   
18. import static android.R.attr.action;  
19. import static com.google.android.gms.internal.zzs.TAG;  
20. import static com.mero.wyt_register.R.drawable.account;  
21. import static com.zhy.http.okhttp.OkHttpUtils.post;  
22.   
23. /** 
24.  * Created by chenlei on 2016/11/17. 
25.  */  
26.   
27. public class RegisterAction {  
28.     /* 
29.     * 注册 
30.     * */  
31.     public RegisterAction(String url, String action, String account, String pwd, String picBase64, final ISuccessCallback successCallback, final IFailCallback failCallback){  
32.         OkHttpUtils  
33.                 .post()  
34.                 .url(url)  
35.                 .addParams(Config.KEY_ACTION,action)  
36.                 .addParams(Config.KEY_ACCOUNT,account)  
37.                 .addParams(Config.KEY_PWD,pwd)  
38.                 .addParams(Config.KEY_USER_ICON,picBase64)  
39.                 .build()  
40.                 .execute(new StringCallback() {  
41.                     @Override  
42.                     public void onError(Call call, Exception e, int id) {  
43.                             if(null!=failCallback){  
44.                                 Log.e(TAG,"注册失败"+e.getMessage());  
45.                                 failCallback.onFail(e.getMessage());  
46.                             }  
47.                     }  
48.   
49.                     @Override  
50.                     public void onResponse(String response, int id) {  
51.                         try {  
52.                             JSONObject jsonObject = new JSONObject(response);  
53.                             int status = jsonObject.getInt(Config.KEY_STATUS);  
54.                             int errCode = jsonObject.getInt(Config.KEY_ERR_CODE);  
55.                             if(status==1){  
56.                                 successCallback.onSuccess(response,id);  
57.                             }else if(status==0){  
58.                                 failCallback.onFail(response);  
59.                             }  
60.                         } catch (JSONException e) {  
61.                             e.printStackTrace();  
62.                         }  
63.   
64.                     }  
65.                 });  
66.     }  
67.     public interface ISuccessCallback{  
68.         void onSuccess(String response,int id);  
69.     };  
70.     public interface IFailCallback{  
71.         void onFail(String errCause);  
72.     }  
73. }  

接下来上登录界面逻辑代码：

LoginAty.java

[java]  view plain  copy

1. package com.mero.wyt_register.activity;  
2.   
3. import android.app.ProgressDialog;  
4. import android.content.Context;  
5. import android.content.SharedPreferences;  
6. import android.graphics.Bitmap;  
7. import android.os.Handler;  
8. import android.os.Message;  
9. import android.text.TextUtils;  
10. import android.util.Log;  
11. import android.view.View;  
12. import android.widget.EditText;  
13. import android.widget.TextView;  
14. import android.widget.Toast;  
15.   
16. import com.mero.wyt_register.Base.BaseSwipeBackLayout;  
17. import com.mero.wyt_register.Config;  
18. import com.mero.wyt_register.MyApplication;  
19. import com.mero.wyt_register.R;  
20. import com.mero.wyt_register.bean.User;  
21. import com.mero.wyt_register.db.DbHelper;  
22. import com.mero.wyt_register.net.LoginAction;  
23. import com.mero.wyt_register.utils.Base64Utils;  
24. import com.mero.wyt_register.widget.RoundButton;  
25.   
26. /** 
27.  * Created by chenlei on 2016/11/16. 
28.  */  
29.   
30. public class LoginAty extends BaseSwipeBackLayout implements View.OnClickListener{  
31.     private static final String TAG = "LoginAty";  
32.     private EditText edt_account = null;  
33.     private EditText edt_pwd = null;  
34.     private RoundButton btn_login_click_to_login;  
35.     private TextView tx_register;  
36.     private ProgressDialog pd;//进度条  
37.     private static  final int DISMISS = 0 ;  
38.     private User user ;  
39.   
40.   
41.   
42.   
43.     @Override  
44.     public void initData() {  
45.     }  
46.   
47.     @Override  
48.     public void initView() {  
49.         edt_account = (EditText) findViewById(R.id.edt_login_account);  
50.         edt_pwd = (EditText) findViewById(R.id.edt_login_pwd);  
51.         tx_register = (TextView) findViewById(R.id.tx_login_click_to_register);  
52.         btn_login_click_to_login = (RoundButton) findViewById(R.id.btn_login_click_to_login);  
53.         btn_login_click_to_login.setOnClickListener(this);  
54.         tx_register.setOnClickListener(this);  
55.     }  
56.     private final Handler handler = new Handler(){  
57.         @Override  
58.         public void handleMessage(Message msg) {  
59.             if(msg.what==DISMISS){  
60.                 pd.dismiss();  
61.             }  
62.         }  
63.     };  
64.     @Override  
65.     public int getLayoutResourceId() {  
66.         return R.layout.wyt_login;  
67.     }  
68.   
69.     @Override  
70.     public int getDialogIcon() {  
71.         return 0;  
72.     }  
73.   
74.     @Override  
75.     public int setStatusBarColor() {  
76.         return 0;  
77.     }  
78.   
79.     @Override  
80.     public void onClick(View v) {  
81.         switch (v.getId()){  
82.             case R.id.btn_login_click_to_login:  
83.                 //点击的是登录按钮  
84.                 final String wyt_account = edt_account.getText().toString();//获取账号  
85.                 final String wyt_pwd = edt_pwd.getText().toString();//获取密码  
86.                 if(TextUtils.isEmpty(wyt_account)){  
87.                     Toast.makeText(LoginAty.this,"账号不能为空",Toast.LENGTH_SHORT).show();  
88.                     return;  
89.                 }  
90.                 if(TextUtils.isEmpty(wyt_pwd)){  
91.                     Toast.makeText(LoginAty.this,"密码不能为空",Toast.LENGTH_SHORT).show();  
92.                     return;  
93.                 }  
94.                 if(wyt_account.length()>20){  
95.                     Toast.makeText(LoginAty.this,"您输入的账号过长",Toast.LENGTH_SHORT).show();  
96.                     return;  
97.                 }  
98.                 if(wyt_pwd.length()>20){  
99.                     Toast.makeText(LoginAty.this,"您输入的密码过长",Toast.LENGTH_SHORT).show();  
100.                     return;  
101.                 }  
102.   
103.                 String token =  Config.getTokenFromPreferences(this);  
104.                 Log.e(TAG,"token的值"+token);  
105.                 //显示进度对话框  
106.                 pd = ProgressDialog.show(this,"温馨提示","正在登录",false,true);  
107.                 new LoginAction(Config.URL, Config.KEY_LOGIN, wyt_account, wyt_pwd, "", new LoginAction.ISuccessCallback() {  
108.                     @Override  
109.                     public void onSuccess(String s, String token) {  
110.                         pd.setMessage("登录成功");  
111.                         //把token保存起来  
112.                         SharedPreferences sharedPreferences = MyApplication.getMyApplication().getSharedPreferences(Config.ID, Context.MODE_PRIVATE);  
113.                         SharedPreferences.Editor editor = sharedPreferences.edit();  
114.                         editor.putString(Config.KEY_TOKEN,token);  
115.                         editor.commit();  
116.                         //获取头像  
117.                         Bitmap bitmap = Base64Utils.stringtoBitmap(s);  
118.                         user = new User();  
119.                         user.setWyt_account(wyt_account);  
120.                         user.setWyt_pwd(wyt_pwd);  
121.                         user.setUser_icon(bitmap);  
122.                         //保存该用户到数据库中  
123.                         new DbHelper(LoginAty.this).insert(user,"user_wyt","person");  
124.                         pd.dismiss();  
125.                         showActivity(LoginAty.this,MainActivity.class);  
126.                     }  
127.                 }, new LoginAction.IFailCallback() {  
128.                     @Override  
129.                     public void onFail(String s) {  
130.                         pd.setMessage("登录失败");  
131.                         handler.sendEmptyMessageDelayed(DISMISS,1000);  
132.                     }  
133.                 });  
134.   
135. //                }  
136.   
137.                 break;  
138.             case R.id.tx_login_click_to_register:  
139.                 showActivity(LoginAty.this,RegisterAty.class);  
140.                 break;  
141.         }  
142.   
143.     }  
144.   
145.     @Override  
146.     protected void onDestroy() {  
147.         super.onDestroy();  
148.     }  
149. }  

下面是登录网络逻辑的封装代码：

LoginAction.java

[java]  view plain  copy

1. package com.mero.wyt_register.net;  
2.   
3. import android.graphics.Bitmap;  
4. import android.text.TextUtils;  
5. import android.util.Log;  
6.   
7. import com.mero.wyt_register.Config;  
8. import com.mero.wyt_register.utils.Base64Utils;  
9. import com.zhy.http.okhttp.OkHttpUtils;  
10. import com.zhy.http.okhttp.callback.StringCallback;  
11.   
12. import org.json.JSONException;  
13. import org.json.JSONObject;  
14.   
15. import okhttp3.Call;  
16.   
17. /** 
18.  * Creaed by chenlei on 2016/11/15. 
19.  */  
20.   
21. public class LoginAction {  
22.     private static  final  String TAG = "loginService";  
23.     //登录账号密码  
24.     public LoginAction(String url, String action, String account, String pwd, String token, final ISuccessCallback successCallback, final IFailCallback failCallback){  
25.         OkHttpUtils.post()  
26.                 .url(url)  
27.                 .addParams(Config.KEY_ACTION,action)  
28.                 .addParams(Config.KEY_ACCOUNT,account)  
29.                 .addParams(Config.KEY_PWD,pwd)  
30.                 .addParams(Config.KEY_TOKEN,token)  
31.                 .build().execute(new StringCallback() {  
32.             @Override  
33.             public void onError(Call call, Exception e, int id) {  
34.                 if(failCallback!=null){  
35.                     failCallback.onFail(e.getMessage());  
36.                 }  
37.             }  
38.   
39.             @Override  
40.             public void onResponse(String response, int id) {  
41.                 try {  
42.                     JSONObject jsonObject =new JSONObject(response);  
43.                     int status = jsonObject.getInt("status");  
44.                     String iconStrBase64 = jsonObject.getString("user_icon");  
45.                     String token = jsonObject.getString("token");  
46.                     if(status==1){  
47.                         if(null!=successCallback){  
48.                             successCallback.onSuccess(iconStrBase64,token);  
49.                         }  
50.                     }else if(status==0){  
51.                         if(null!=failCallback){  
52.                             failCallback.onFail(response);  
53.                         }  
54.                     }  
55.                 } catch (JSONException e) {  
56.                     e.printStackTrace();  
57.                 }  
58.             }  
59.         });  
60.   
61.     }  
62.     public interface ISuccessCallback{  
63.         void onSuccess(String s,String token);  
64.     }  
65.     public interface IFailCallback{  
66.         void onFail(String s);  
67.     }  
68. }  

服务器端：

通过servlet实现对Action的处理，本实例仅采用了唯一的一个OnlyServlet。如果对servlet的使用不太会的话建议看下我的这篇关于servlet处理网页客户端的请求。本篇文章中不再累赘。首先我们来看看服务器的简单结构。服务器端仅仅对注册和登录，头像保存部分。

                                                                      

先上最关键的核心处理部分，本文中的登录注册等Action都在该servlet中处理。

OnlyServlet.java

[java]  view plain  copy

1. package com.wyt_register;  
2.   
3. import java.io.IOException;  
4. import java.io.PrintWriter;  
5. import java.sql.ResultSet;  
6. import java.sql.SQLException;  
7.   
8. import javax.servlet.ServletException;  
9. import javax.servlet.annotation.WebServlet;  
10. import javax.servlet.http.HttpServlet;  
11. import javax.servlet.http.HttpServletRequest;  
12. import javax.servlet.http.HttpServletResponse;  
13.   
14. import org.json.JSONException;  
15. import org.json.JSONStringer;  
16.   
17. import com.wyt_register.db.UserDao;  
18. import com.wyt_register.md5Tool.Base64Utils;  
19. import com.wyt_register.md5Tool.Md5Utils;  
20.   
21. /** 
22.  * Servlet implementation class OnlyServlet 
23.  */  
24. @WebServlet("/OnlyServlet")  
25. public class OnlyServlet extends HttpServlet {  
26.     private static final long serialVersionUID = 1L;  
27.          
28.     /** 
29.      * @see HttpServlet#HttpServlet() 
30.      */  
31.     public OnlyServlet() {  
32.         super();  
33.         // TODO Auto-generated constructor stub  
34.     }  
35.   
36.     /** 
37.      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 
38.      */  
39.     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
40.         // TODO Auto-generated method stub  
41.         String action = null;//根据请求的行为进行相应的操作  
42.         if((action=request.getParameter(Config.KEY_ACTION))!=null){  
43.             switch(action){  
44. //          如果是注册  
45.             case Config.KEY_REGISTER:  
46.                 System.out.println("正在请求注册");  
47. //              用户注册的账号  
48.                 String account_register = request.getParameter(Config.KEY_USER_ACCOUNT);  
49.                 System.out.println(account_register);  
50. //              用户注册的密码  
51.                 String pwd_register = request.getParameter(Config.KEY_USER_PWD);  
52.                 System.out.println(pwd_register);  
53. //              用户上传的头像  
54.                 String icon = request.getParameter(Config.KEY_USER_ICON);  
55.                 if((null!=account_register)&&(null!=pwd_register)&&(null!=icon)){  
56.                     //开启注册事务  
57.                     //把唯一的账号名的md5值作为图片的名字  
58.                     StringBuilder sb0 = new StringBuilder("");  
59.                     //保存到数据库中的头像图片路径  
60.                     sb0.append("/image/").append(Md5Utils.encode(account_register)).append(".png");  
61.                     String icon_addr = sb0.toString();  
62.                     System.out.println("头像图片地址："+icon_addr);  
63.                     StringBuilder sb1 = new StringBuilder("");  
64.                     //写入到本地的头像图片路径  
65.                     sb1.append(Config.ADDR_ICON).append(Md5Utils.encode(account_register)).append(".png");  
66.                     String local_icon_addr = sb1.toString();  
67.                     System.out.println("保存到本地的地址"+local_icon_addr);  
68.                     PrintWriter writer =response.getWriter();  
69.                     //查询用户是否已经注册过  
70.                     try {  
71.                         ResultSet set = UserDao.query(account_register);  
72.                         //没注册过，需要注册  
73.                         if(!set.next()){  
74.                             //保存上传的头像至本地  
75.                             boolean isSuccessToSaveImageToLocal = Base64Utils.getPicFormatBASE64(icon,local_icon_addr );  
76.                             if(isSuccessToSaveImageToLocal){  
77.                                 //头像上传成功后然后再插入账号密码到数据库  
78.                                 boolean isSuccessToRegister = UserDao.insert(new Object[]{Config.KEY_ID,Config.KEY_USER_ACCOUNT,Config.KEY_USER_PWD,Config.KEY_USER_ICON_ADDR},new Object[]{null,account_register,pwd_register,icon_addr});  
79.                                 if(isSuccessToRegister){  
80.                                     //注册成功  
81.                                     writer.print("{\"status\":1,\"errCode\":0x00000000}");  
82.                                 }else{  
83.                                     //注册失败  
84.                                     writer.print("{\"status\":0,\"errCode\":0x00000001}");  
85.                                 }  
86.                             }  
87.                         }else{  
88.                             //注册过了  
89.                             writer.print("{\"status\":0,\"errCode\":0x00000010}");  
90.                         }  
91.                     } catch (SQLException e) {  
92.                         // TODO Auto-generated catch block  
93.                         e.printStackTrace();  
94.                     }  
95.                       
96.                 }  
97.                 break;  
98. //          如果是登录  
99.             case Config.KEY_LOGIN:  
100.                 PrintWriter writer = response.getWriter();  
101. //              用户登录的账号  
102.                 String account_login = request.getParameter(Config.KEY_USER_ACCOUNT);  
103.                 System.out.println("账号："+account_login);  
104. //              用户登录的密码  
105.                 String pwd_login = request.getParameter(Config.KEY_USER_PWD);  
106.                 System.out.println("密码"+pwd_login);  
107. //              用户登录的token  
108.                 String token = request.getParameter(Config.KEY_TOKEN);  
109.                 System.out.println("token的值是"+token);  
110.                 //如果用户采用账号密码登录  
111.                 if((!account_login.equals(""))&&(!pwd_login.equals(""))&&token.equals("")){  
112.                     //查询数据库，是否存在  
113.                     try {  
114.                         System.out.println("正在查询数据库");  
115.                         ResultSet rs = UserDao.query(account_login);  
116.                         //如果该账号存在于数据库  
117.                         if(rs.next()){  
118.                             //获取该用户的密码  
119.                             String pwd = rs.getString(3);  
120.                             System.out.println("pwd:"+pwd);  
121.                             String icon_usr_addr = rs.getString(4);  
122.                             System.out.println(icon_usr_addr);  
123.                             if(pwd_login.equals(pwd)){  
124.                                 //登录成功  
125.                                 //获取头像地址  
126.                                 String s[] = rs.getString(4).split("/");  
127.                                 String usr_exact_addr ="F:/webapps/Images/"+s[s.length-1];  
128.                                 System.out.println(usr_exact_addr);  
129.                                 //得到base64字符串  
130.                                 String base64img = Base64Utils.imageToBase64(usr_exact_addr);  
131.                                 try {  
132.                                     String s1 = new JSONStringer().object()  
133.                                             .key("status")  
134.                                             .value(1)  
135.                                             .key("errCode")  
136.                                             .value("0x0")  
137.                                             .key("user_icon")  
138.                                             .value(base64img)  
139.                                             .endObject()  
140.                                             .toString();  
141.                                     writer.print(s1);  
142.                                 } catch (JSONException e) {  
143.                                     // TODO Auto-generated catch block  
144.                                     e.printStackTrace();  
145.                                 }  
146.                                   
147.                             }else{  
148.                                 //登录失败  
149.                                 try {  
150.                                     String s2 = new JSONStringer().object()  
151.                                             .key("status")  
152.                                             .value(0)  
153.                                             .key("errCode")  
154.                                             .value("0x00000100")  
155.                                             .endObject()  
156.                                             .toString();  
157.                                     writer.print(s2);  
158.                                 } catch (JSONException e) {  
159.                                     // TODO Auto-generated catch block  
160.                                     e.printStackTrace();  
161.                                 }  
162.                             }  
163.                         }else{  
164.                             //该账户不存在  
165.                             try {  
166.                                 String s3 = new JSONStringer().object()  
167.                                         .key("status")  
168.                                         .value(0)  
169.                                         .key("errCode")  
170.                                         .value("0x00000011")  
171.                                         .endObject()  
172.                                         .toString();  
173.                                         writer.println(s3);;  
174.                             } catch (JSONException e) {  
175.                                 // TODO Auto-generated catch block  
176.                                 e.printStackTrace();  
177.                             }  
178.                         }  
179.                     } catch (SQLException e) {  
180.                         // TODO Auto-generated catch block  
181.                         e.printStackTrace();  
182.                     }  
183.                 }  
184.                 //如果用户采用token登录  
185.                 if(token!=null){  
186.                       
187.                 }  
188.                 break;  
189.             }  
190.         }  
191.     }  
192.   
193.     /** 
194.      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) 
195.      */  
196.     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {  
197.         // TODO Auto-generated method stub  
198.         doGet(request, response);  
199.     }  
200.   
201. }  

下面是在上面的servlet封装的关于数据库Dao的逻辑处理部分：

BaseDao.java

[java]  view plain  copy

1. package com.wyt_register.db;  
2.   
3. import java.sql.ResultSet;  
4. import java.sql.SQLException;  
5. import java.sql.Statement;  
6.   
7. public abstract class BaseDao {  
8.     public static java.sql.Connection conn;  
9.     static java.sql.Statement statement;  
10.     BaseDao(){  
11.         conn = DbUtils.getConnection();//打开数据连接  
12.         try {  
13.             statement = conn.createStatement();  
14.             initStatement(statement);  
15.         } catch (SQLException e) {  
16.             // TODO Auto-generated catch block  
17.             e.printStackTrace();  
18.         }  
19.     }  
20.     /** 
21.      * 该方法用于得到实例化Statement接口对象 
22.      * @param statement 
23.      */  
24.     public abstract void initStatement(Statement statement);  
25.     /** 
26.      * 用于插入数据 
27.      * @param b1    键名 
28.      * @param b2    键值 
29.      * @throws SQLException  
30.      */  
31.     public  boolean insert(String tableName,Object[] b1,Object[] b2){  
32.         StringBuilder sb = new StringBuilder();  
33.         sb.append("INSERT INTO ").append("`").append(tableName).append("`").append("(");  
34.         for(Object ob:b1){  
35.             sb.append((String)ob).append(",");  
36.         }  
37.         sb.deleteCharAt(sb.length()-1);  
38.         sb.append(")").append(" ").append("values").append("(");  
39.         for(Object ob:b2){  
40.             if(ob instanceof Integer){  
41.                 sb.append((Integer)ob).append(",");  
42.             }  
43.             if(ob instanceof java.lang.String){  
44.                 sb.append("'").append((String)ob).append("'").append(",");  
45.             }  
46.             if(ob instanceof java.lang.Float){  
47.                 sb.append((Float)ob).append(",");  
48.             }  
49.             if(ob instanceof java.lang.Double){  
50.                 sb.append((Double)ob).append(",");  
51.             }  
52.             if(ob==null){  
53.                 sb.append("null").append(",");  
54.             }  
55.         }  
56.         sb.deleteCharAt(sb.length()-1);  
57.         sb.append(")");  
58.         System.out.println(sb.toString());  
59.         String sql = sb.toString();  
60.         int row;  
61.         try {  
62.             row = statement.executeUpdate(sql);  
63.             if(row>0){  
64.                 //插入成功  
65.                 return true;  
66.             }  
67.             DbUtils.closeConnection(conn);  
68.             DbUtils.closeStatement(statement);  
69.         } catch (SQLException e) {  
70.             // TODO Auto-generated catch block  
71.             e.printStackTrace();  
72.         }  
73.         return false;  
74.     }  
75.     /** 
76.      * 该方法用来查询数据库某表中的某一字段值 
77.      * @param tableName 表名 
78.      * @param column    字段 
79.      * @param stringToQuery 查询的参数 
80.      */  
81.     public  ResultSet queryExcute(String tableName,String column,String stringToQuery){  
82.         String sql;  
83.         ResultSet set = null;  
84.         StringBuilder sb = new StringBuilder();  
85.         sb.append("SELECT * FROM ").append("`").append(tableName).append("`").append(" ").append("where ").append(column).append("=")  
86.         .append("'").append(stringToQuery).append("'");  
87.         sql = sb.toString();  
88.         try {  
89.             set = statement.executeQuery(sql);  
90.             if(null==set){  
91.                 return null;  
92.             }  
93.         } catch (SQLException e) {  
94.             // TODO Auto-generated catch block  
95.             e.printStackTrace();  
96.         }  
97.         return set;  
98.     }  
99. }  

UserDao.java

[java]  view plain  copy

1. package com.wyt_register.db;  
2.   
3. import java.sql.ResultSet;  
4. import java.sql.SQLException;  
5. import java.sql.Statement;  
6.   
7. import com.wyt_register.Config;  
8.   
9. public class UserDao extends BaseDao{  
10.     public Statement statement;  
11.     public UserDao() {  
12.         // TODO Auto-generated constructor stub  
13.         System.out.println("正在执行RegisterDao");  
14.     }  
15.     @Override  
16.     public void initStatement(Statement statement) {  
17.         // TODO Auto-generated method stub  
18.         this.statement = statement;  
19.     }  
20.     public static boolean insert(Object[] b1,Object[] b2) throws SQLException{  
21.         return new UserDao().insert( com.wyt_register.Config.USER_TABLE, b1, b2);  
22.     }  
23.     public static ResultSet query(String account) throws SQLException{  
24.         ResultSet set=new UserDao().queryExcute(com.wyt_register.Config.USER_TABLE, Config.KEY_USER_ACCOUNT, account);  
25.         return set;  
26.     }  
27.       
28. }<span style="color:#ff0000;">  
29. </span>  

servlet配置文件：web.xml

[html]  view plain  copy

1. <?xml version="1.0" encoding="UTF-8"?>  
2. <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">  
3.   <display-name>py02</display-name>  
4.   <welcome-file-list>  
5.     <welcome-file>index.html</welcome-file>  
6.     <welcome-file>index.htm</welcome-file>  
7.     <welcome-file>index.jsp</welcome-file>  
8.     <welcome-file>default.html</welcome-file>  
9.     <welcome-file>default.htm</welcome-file>  
10.     <welcome-file>default.jsp</welcome-file>  
11.   </welcome-file-list>  
12.   <servlet>  
13.     <servlet-name>OnlyServlet</servlet-name>  
14.     <servlet-class>com.wyt_register.OnlyServlet</servlet-class>  
15.   </servlet>  
16.   <servlet-mapping>  
17.     <servlet-name>OnlyServlet</servlet-name>  
18.     <url-pattern>/</url-pattern>  
19.   </servlet-mapping>  
20. </web-app>  

其他几个文件我就不一一放上来了，具体的我在这里打包服务器的代码。服务器端代码下载：有什么问题可以加我QQ790710371或者发送问题至邮箱790710371@qq.com。

服务器端代码下载