淘忆项目之注册界面的修正归纳
注册界面,分为服务器端和客户端。
第一步:用photoshop CC 2015.5 设计UI界面
服务器端:主要实现对于客户端传给的数据进行插入表格的处理,然后反馈给用户是否处理成功的msg.
表格名为userInfo,有五个数据名称,id自增,userId是自动获取六位字符串,username,password都是通过客户端传入的数据。
服务器端采用mvc模式展开,主要是建立三个层次的文件,分别是com.elaine.register.service,com.elaine.register.dao,com.elaine.action。
Service中写入如下代码:
package com.elaine.register.service;
import java.util.List;
public interface RegisterService {
public boolean registerUser(List<Object> params); //用户注册
public boolean havedRegister(List<Object> params); //判断用户是否已经存在
}
Dao中写入:
package com.elaine.register.dao;
import java.sql.SQLException;
import java.util.List;
import java.util.Map;
import com.elaine.jdbc.JdbcUtils;
import com.elaine.register.service.RegisterService;
public class RegisterDao implements RegisterService{
private JdbcUtils jdbcUtils=null;
public RegisterDao(){
jdbcUtils=new JdbcUtils(); //数据库初始化
}
@Override
public boolean registerUser(List<Object> params) {
// TODO Auto-generated method stub
boolean flag=false;
jdbcUtils.getConnection(); //数据库连接
String sql="insert into userinfo(userId,username,password) values(?,?,?)";//sql插入语句
try {
flag=jdbcUtils.updateByPreparedStatement(sql, params); //添加用户数据
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
jdbcUtils.releaseConn();
}
return flag;
}
@Override
public boolean havedRegister(List<Object> params) {
// TODO Auto-generated method stub
boolean flag=false;
try {
jdbcUtils.getConnection();
String sql="select * from userinfo where username=?"; //删选数据用于判断用户是否已经存在
Map<String, Object> map = jdbcUtils.findSimpleResult(sql, params); //查询单条数据
flag = !map.isEmpty() ? true : false;
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}finally{
jdbcUtils.releaseConn(); //关闭数据库
}
return flag;
}
}
Action中写入:
package com.elaine.register.action;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.elaine.tools.jsonTool;
import com.elaine.register.dao.RegisterDao;
import com.elaine.register.service.RegisterService;
import com.elaine.tools.UUIDtools;
public class RegisterAction extends HttpServlet {
/**
*
*/
private static final long serialVersionUID = 1L;
private RegisterService service;
public RegisterAction() {
super();
}
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
// TODO Auto-generated method stub
super.doPost(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
req.setCharacterEncoding("utf-8"); //设置中文的显示
resp.setCharacterEncoding("utf-8");//设置中文的显示
resp.setContentType("text/html;charset=utf-8");//设置中文的显示
PrintWriter out = resp.getWriter();
String username = req.getParameter("username"); //获取客户端传入的username
String pswd = req.getParameter("password");//获取客户端传入的password
List<Object> params1 = new ArrayList<Object>();
params1.add(username); //先添加username
boolean havedRegisterFlag = service.havedRegister(params1);//判断用户是否存在
if (havedRegisterFlag) {
String registerMsg = "该用户名已被使用";
String registerJson = jsonTool.creataJsonString("msg", registerMsg);
out.print(registerJson);
} else {
List<Object> params = new ArrayList<Object>();
params.add(UUIDtools.getUUID());//添加userId
params.add(username);//添加username
params.add(pswd);//添加pswd
boolean flag = service.registerUser(params);//插入数据
if (flag) {
String registerMsg = "注册成功";
String registerJson = jsonTool.creataJsonString("msg",
registerMsg);//数据进行json处理
out.print(registerJson);//返回数据
} else {
String registerMsg = "注册失败";
String registerJson = jsonTool.creataJsonString("msg",
registerMsg);
out.print(registerJson);
}
}
out.flush();
out.close();
}
@Override
public void destroy() {
// TODO Auto-generated method stub
super.destroy();
}
@Override
public void init() throws ServletException {
// TODO Auto-generated method stub
service = new RegisterDao(); //初始化service
}
}
客户端:
用户注册,输入用户名,密码,重复密码,提交数据。
第一步:布局文件如下:三个输入框,一个按钮,一个返回按钮,一个标题
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f8f8f8"
android:orientation="vertical"
tools:context="com.elainetaylor.blog.ui.activity.RegisterActivity">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#fff"
android:orientation="horizontal">
<ImageButton
android:id="@+id/ib_back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:src="@mipmap/icon_back" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="center"
android:layout_marginEnd="50dp"
android:layout_marginRight="50dp"
android:gravity="center"
android:text="注册"
android:textColor="#707070"
android:textSize="18sp" />
</LinearLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#dadada" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="40dp"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="用户名"
android:textColor="#707070"
android:textSize="16sp" />
<EditText
android:id="@+id/et_username"
android:layout_width="245dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginStart="5dp"
android:background="@android:color/transparent"
android:inputType="text"
android:textColor="#5000"
android:textSize="14sp" />
</LinearLayout>
<View
android:layout_width="300dp"
android:layout_height="1dp"
android:layout_gravity="center"
android:layout_marginTop="10dp"
android:background="#3000" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="密码"
android:textColor="#707070"
android:textSize="16sp" />
<EditText
android:id="@+id/et_password"
android:layout_width="260dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginStart="5dp"
android:background="@android:color/transparent"
android:inputType="textPassword"
android:textColor="#5000"
android:textSize="14sp" />
</LinearLayout>
<View
android:layout_width="300dp"
android:layout_height="1dp"
android:layout_gravity="center"
android:layout_marginTop="10dp"
android:background="#3000" />
</LinearLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="10dp"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="重复密码"
android:textColor="#707070"
android:textSize="16sp" />
<EditText
android:id="@+id/et_rePassword"
android:layout_width="230dp"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_marginStart="5dp"
android:background="@android:color/transparent"
android:inputType="textPassword"
android:textColor="#5000"
android:textSize="14sp" />
</LinearLayout>
<View
android:layout_width="300dp"
android:layout_height="1dp"
android:layout_gravity="center"
android:layout_marginTop="10dp"
android:background="#3000" />
</LinearLayout>
<Button
android:id="@+id/btn_register"
android:layout_width="300dp"
android:layout_height="35dp"
android:layout_gravity="center"
android:layout_marginTop="30dp"
android:background="#00b7ee"
android:gravity="center"
android:text="完成注册"
android:textColor="#fff"
android:textSize="15sp" />
</LinearLayout>
</LinearLayout>
第二步:RegisterActivity.java的书写
package com.elainetaylor.blog.ui.activity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageButton;
import android.widget.Toast;
import com.android.volley.AuthFailureError;
import com.android.volley.Request;
import com.android.volley.Response;
import com.android.volley.VolleyError;
import com.android.volley.toolbox.StringRequest;
import com.elainetaylor.blog.R;
import com.elainetaylor.blog.common.BaseActivity;
import com.elainetaylor.blog.common.UrlUtils;
import org.json.JSONException;
import org.json.JSONObject;
import java.util.HashMap;
import java.util.Map;
public class RegisterActivity extends BaseActivity implements View.OnClickListener {
private EditText etUsername, etPassword, etRePassword;
private Button btnRegister;
private ImageButton btnBack;
private String username, password, rePassword;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_register);
init(); //初始化控件
initRequestQueue(); //初始化RequestQueue
}
public void init() {
etUsername = (EditText) findViewById(R.id.et_username);
etPassword = (EditText) findViewById(R.id.et_password);
etRePassword = (EditText) findViewById(R.id.et_rePassword);
btnRegister = (Button) findViewById(R.id.btn_register);
btnBack = (ImageButton) findViewById(R.id.ib_back);
btnRegister.setOnClickListener(this);
btnBack.setOnClickListener(this);
}
@Override
public void onClick(View view) {
switch (view.getId()) {
case R.id.ib_back://如果直接点退出,就直接退出
finish();
break;
case R.id.btn_register:
username = etUsername.getText().toString();
password = etPassword.getText().toString();
rePassword = etRePassword.getText().toString();
if (username.isEmpty()) {
Toast.makeText(RegisterActivity.this, "亲,请输入用户名哦", Toast.LENGTH_SHORT).show();
} else if (password.isEmpty()) {
Toast.makeText(RegisterActivity.this, "亲,请输入密码哦", Toast.LENGTH_SHORT).show();
} else if (rePassword.isEmpty()) {
Toast.makeText(RegisterActivity.this, "亲,请重复输入密码哦", Toast.LENGTH_SHORT).show();
} else if (!password.equals(rePassword)) {
Toast.makeText(RegisterActivity.this, "亲,请输入相同的密码哦", Toast.LENGTH_SHORT).show();
etRePassword.setText("");
} else if (password.length() < 6) {
Toast.makeText(RegisterActivity.this, "亲,请输入超过六位的密码哦", Toast.LENGTH_SHORT).show();
} else {
showProgressDialog("注册中...");
makeRegister(username, password);
}
break;
}
}
public void makeRegister(final String username, final String password) {
StringRequest request = new StringRequest(Request.Method.POST, UrlUtils.getRegisterUrl(), new Response.Listener<String>() {
@Override
public void onResponse(String s) {
try {
JSONObject object = new JSONObject(s);
String msg = object.getString("msg");
if(msg.equals("注册成功")){
finish();
}
Toast.makeText(RegisterActivity.this, msg, Toast.LENGTH_SHORT).show();
missProgressDialog();
} catch (JSONException e) {
e.printStackTrace();
missProgressDialog();
}
}
}, new Response.ErrorListener() {
@Override
public void onErrorResponse(VolleyError volleyError) {
missProgressDialog();
Toast.makeText(RegisterActivity.this, "服务器出现错误", Toast.LENGTH_SHORT).show();
}
}) {
@Override
protected Map<String, String> getParams() throws AuthFailureError {
Map<String, String> params = new HashMap<>();
params.put("username", username);
params.put("password", password);
return params;
}
};
addRequestQueue(request);
}
}
这里需要添加一个地址的类。
新建一个common文件存入UrlUtils.java,写入如下代码:
public class UrlUtils {
private static String URL = "http://192.168.1.102:8080/taoyi";
public static String getRegisterUrl() {
return URL + "/servlet/RegisterAction";
}
}