1. Johngo学长首页
  2. 技术点详细复盘专题
  3. 大数据

理财通app的设计与实现（一）

• 大数据 • 阅读 53

一、欢迎界面的设计与实现

1、界面效果图

理财通app的设计与实现（一）

2、前期准备工作

（1）背景图片

理财通app的设计与实现（一）

理财通app的设计与实现（一）

（3）样式文件 1：btn_style_one.xml

（4）样式文件 2：btn_style_two.xml

（5）样式文件 3：btn_style_three.xml

（6）选择工程的包名，新建另外的三个页面

类文件名称如下：

欢迎界面：WelcomeActivity

注册界面：RegisterActivity

登录界面：LoginActivity

理财通app的设计与实现（一）

3、布局界面 activity_welcome.xml

4、类文件 WelcomeActivity.java

public class WelcomeActivity extends AppCompatActivity {
     //定义对象
     Button bt_know_wel;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_welcome);
         //绑定控件
         bt_know_wel=findViewById(R.id.bt_know_wel);
         //按钮单击事件
         bt_know_wel.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Intent intent=new Intent(WelcomeActivity.this,LoginActivity.class);
                 startActivity(intent);
                 finish();
             }
         });
     }
}

二、注册界面的设计与实现

1、界面效果图

理财通app的设计与实现（一）

2、前期准备工作

（1）设置程序从注册界面启动

打开工程的配置文件 AndroidManifest.xml，将程序启动的四行代码放置到注册界面的开始节 点与结束节点之间。如下图所示。

理财通app的设计与实现（一）

3、布局界面 activity_register.xml

4、创建数据库类文件 MyDBHelper.java

（1）建立一个 db 文件夹

（1）右键单击工程的包名——新建——Package——在目前已有包名的后面数据 db——OK。 便可在目前工程的包名下方出现了 db 文件夹，里面放置数据库类文件。

（2）在 db 文件夹中建立数据库类文件

选择 db——右击——新建——javaclass——输入类名：MyDBHelper——super class 中输入父类：SQLiteOpenHelper——单击 OK 按钮。

（3）数据库类文件代码

public class MyDBHelper extends SQLiteOpenHelper {
private static final String DBNAME="financial.db";
private static final int VERSION=1;
     public MyDBHelper(Context context) {
         super(context, DBNAME, null, VERSION);
     }
     //1 创建数据库
     @Override
     public void onCreate(SQLiteDatabase db) {
         //创建用户表
         db.execSQL("create table tb_userinfo(id integer primary key autoincrement,name varchar(10),pwd varchar(15),email varchar(50),phone varchar(11))");
     }
     //2 升级数据库
     @Override
     public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion)
{
     }
}

5、注册界面类文件 RegisterActivity.java

public class RegisterActivity extends AppCompatActivity {
     //3 定义对象
     EditText et_name,et_pwd,et_email,et_phone;
     Button btn_register,btn_cancel;
     MyDBHelper mhelper;//创建一个数据库类文件
     SQLiteDatabase db;//创建一个可以操作的数据库对象
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_register);
         //4 绑定控件
         initView();
         //5 注册按钮功能的实现
         btnRegister();
         //6 取消按钮功能的实现
         btnCancel();
     }
     //4 绑定控件--------代码
     private void initView() {
         et_name=findViewById(R.id.et_name_rg);
         et_pwd=findViewById(R.id.et_pwd_rg);
         et_email=findViewById(R.id.et_email_rg);
         et_phone=findViewById(R.id.et_phone_rg);
         btn_register=findViewById(R.id.bt_ok_rg);
         btn_cancel=findViewById(R.id.bt_cancel_rg);
         mhelper=new MyDBHelper(RegisterActivity.this);
         db=mhelper.getWritableDatabase();
     }
     //5 注册按钮功能的实现--------------------代码
     private void btnRegister() {
         btn_register.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 //创建一个对象，用来封装一行数据
                 ContentValues values=new ContentValues();
                 values.put("name",et_name.getText().toString());//将输入的用户名放到 name 列
                 values.put("pwd",et_pwd.getText().toString());//将输入的密码放到 pwd 列
                 values.put("email",et_email.getText().toString());//将输入的邮箱放到 email 列
                 values.put("phone",et_phone.getText().toString());//将输入的电话放到 phone 列
                 //将封装好的一行数据保存到数据库的 tb_userinfo 表中
                 db.insert("tb_userinfo",null,values);
                 Toast.makeText(RegisterActivity.this,"注册成功",Toast.LENGTH_SHORT).show();
             }
         });
     }
     //6 取消按钮功能的实现-------------------代码
     private void btnCancel() {
         btn_cancel.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 Intent intent=new Intent(RegisterActivity.this, LoginActivity.class);
                 startActivity(intent);
                 finish();
             }
         });
     }
}

三、登陆界面

1、界面效果

理财通app的设计与实现（一）

2、登录界面布局 activity_login.xml

3、登录界面类文件 LoginActivity.java

public class LoginActivity extends AppCompatActivity {
     //1 定义对象
     EditText et_name,et_pwd;
     Button btn_newregister,btn_login;
     MyDBHelper mhelper;
     SQLiteDatabase db;
     @Override
     protected void onCreate(Bundle savedInstanceState) {
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_login);
         //2 绑定控件
         initView();
         //3 登录按钮功能的实现
         btnLogin();
         //4 新用户注册按钮功能的实现
         btnNewRegister();
     }
     //2 绑定控件--------------------代码
     private void initView() {
         et_name=findViewById(R.id.et_name_lg);
         et_pwd=findViewById(R.id.et_pwd_lg);
         btn_newregister=findViewById(R.id.bt_newregister_lg);
         btn_login=findViewById(R.id.bt_login_lg);
         mhelper=new MyDBHelper(LoginActivity.this);
         db=mhelper.getWritableDatabase();
     }
     //3 登录按钮功能的实现---------------------------代码
     private void btnLogin() {
         btn_login.setOnClickListener(new View.OnClickListener() {
             @Override
             public void onClick(View v) {
                 //首先：获取输入的用户名和密码
                 String inputname=et_name.getText().toString();
                 String inputpwd=et_pwd.getText().toString();
                 //其次：对获取的用户名和密码进行判断
                 if(inputname.equals("")||inputpwd.equals("")){//用户名或密码为空
                     Toast.makeText(LoginActivity.this,"用户名或密码不能为空",Toast.LENGTH_SHORT).show();
                 }else{//用户名或密码不为空时，我们再对输入的正确性进行判断。
                     // 根据输入的用户名和密码从数据库中查询
                     Cursor cursor =db.rawQuery("select * from tb_userinfo where name=? and pwd=?",new String[]{inputname,inputpwd});
                     //根据查询到的结果进行判断
                 if (cursor.moveToNext()){//查询到时
                     String getname=cursor.getString(cursor.getColumnIndex("name"));
                     String getpwd=cursor.getString(cursor.getColumnIndex("pwd"));

                if(inputname.equalsIgnoreCase(getname)&&inputpwd.equalsIgnoreCase(getpwd)){
                         Toast.makeText(LoginActivity.this,"用户名和密码正确，欢迎登陆",Toast.LENGTH_SHORT).show();
                         Intent intent=new Intent(LoginActivity.this, MainActivity.class);
                         startActivity(intent);
                        finish();
                     }
                 }else{//没有查询到结果时
                     Toast.makeText(LoginActivity.this,"用户名或密码错误，请重新输入",Toast.LENGTH_SHORT).show();
                     et_name.setText("");
                     et_pwd.setText("");
                     }
                 }
             }
         });
      }
     //4 新用户注册按钮功能的实现------------------------代码
     private void btnNewRegister() {
         btn_newregister.setOnClickListener(new View.OnClickListener()
    {
             @Override
             public void onClick(View v) {
                 Intent intent=new Intent(LoginActivity.this, RegisterActivity.class);
                 startActivity(intent);
                 finish();
             }
         });
     }
}

Original: https://blog.csdn.net/indeedes/article/details/120077302
Author: 撩得Android一次心动
Title: 理财通app的设计与实现（一）

原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/816841/

转载文章受原作者版权保护。转载请注明原作者出处！

赞 (0)
0

【自取】最近整理的，有需要可以领取学习：



Linux核心资料大放送~

全栈面试题汇总（持续更新&可下载）

一个提高学习100%效率的工具！

【超详细】深度学习面试题目！

LeetCode Python刷题答案下载！

LeetCode Java版刷题答案下载！

LeetCode C++ 版本，抓紧保存！

LeetCode GO语言 刷题答案下载！

大家都在看

亲爱的 Coder【最近整理，可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球