青少年编程教育平台App—登录注册（界面设计）

最新推荐文章于 2022-11-02 11:04:32 发布
最新推荐文章于 2022-11-02 11:04:32 发布
阅读量2.1k 收藏 2
点赞数
分类专栏： 课程设计 源程序 文章标签： android android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45556665/article/details/122832255
版权

青少年编程教育平台App—登录注册（界面设计）

一、activity_main.XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="青少年编程教育平台移动端"
        android:gravity="center"
        android:textSize="20dp"
        android:textStyle="bold"/>
</androidx.constraintlayout.widget.ConstraintLayout>

二、activity_login.XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@mipmap/loginbg"
    tools:context=".MainActivity">
    <TextView
        android:id="@+id/font"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="288dp"
        android:gravity="center"
        android:text="欢迎登录"
        android:textSize="20dp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/username"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".5"
        app:layout_constraintHorizontal_bias=".5"
        android:hint="请输入用户名"
        android:paddingLeft="20dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/edit_text_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/password"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".6"
        app:layout_constraintHorizontal_bias=".5"
        android:hint="请输入密码"
        android:paddingLeft="20dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/edit_text_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Button
        android:id="@+id/btn_login"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".8"
        android:text="登  录"
        android:textSize="16sp"
        android:textStyle="bold"
        android:background="@drawable/button_bg"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
    <TextView
        android:id="@+id/text_sign"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="5dp"
        android:layout_marginTop="5dp"
        android:text="立即注册"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="@+id/password"
        app:layout_constraintHorizontal_bias="0.137"
        app:layout_constraintLeft_toLeftOf="@+id/password"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/password"
        app:layout_constraintVertical_bias="0.0" />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="忘记密码？"
        app:layout_constraintVertical_bias="0"
        app:layout_constraintHorizontal_bias="1"
        android:layout_marginTop="5dp"
        android:layout_marginRight="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="@+id/password"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/password"/>
</androidx.constraintlayout.widget.ConstraintLayout>

三、activity_register.XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@mipmap/loginbg">
    <TextView
        android:id="@+id/font"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="288dp"
        android:gravity="center"
        android:text="欢迎注册"
        android:textSize="20dp"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/username"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".5"
        app:layout_constraintHorizontal_bias=".5"
        android:hint="请输入用户名"
        android:paddingLeft="20dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/edit_text_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/password"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".6"
        app:layout_constraintHorizontal_bias=".5"
        android:hint="请输入密码"
        android:paddingLeft="20dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/edit_text_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <EditText
        android:id="@+id/confirmpwd"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".7"
        app:layout_constraintHorizontal_bias=".5"
        android:hint="请再次输入密码"
        android:paddingLeft="20dp"
        android:paddingTop="10dp"
        android:paddingBottom="10dp"
        android:background="@drawable/edit_text_bg"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
    <Button
        android:id="@+id/btn_sign"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintWidth_percent=".8"
        app:layout_constraintVertical_bias=".9"
        android:text="注  册"
        android:textSize="16sp"
        android:textStyle="bold"
        android:background="@drawable/button_bg"
        android:textColor="@color/white"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>

四、activity_main_page.XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".activity.MainPageActivity">
    <TextView
        android:id="@+id/text"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="主页"
        android:gravity="center"
        android:textSize="20dp"
        android:textStyle="bold"/>
</androidx.constraintlayout.widget.ConstraintLayout>

五、MainActivity

public class MainActivity extends BaseActivity {
    private TextView text;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        text = findViewById(R.id.text);
        text.setOnClickListener((v)->{
//            Intent in = new Intent(MainActivity.this, LoginActivity.class);
//            startActivity(in);
            navigateTo(LoginActivity.class);
        });
    }
}

六、LoginActivity

package com.zgf.program.activity;
public class LoginActivity extends BaseActivity {

    private EditText username;
    private EditText password;
    private TextView text;
    private Button btnLogin;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);
        username = findViewById(R.id.username);
        password = findViewById(R.id.password);
        text = findViewById(R.id.text_sign);
        text.setOnClickListener((v)->{
//            Intent in = new Intent(LoginActivity.this, RegisterActivity.class);
//            startActivity(in);
            navigateTo(RegisterActivity.class);
        });
        btnLogin = findViewById(R.id.btn_login);
        btnLogin.setOnClickListener((v)->{
//            Intent in = new Intent(LoginActivity.this, RegisterActivity.class);
//            startActivity(in);
            String name = username.getText().toString().trim();
            String pwd = password.getText().toString().trim();
            login(name,pwd);
        });
    }
    private void login(String name ,String pwd){
        if(StringUtils.isEmpty(name)){
//            Toast.makeText(this,"请输入账号",Toast.LENGTH_SHORT).show();
            showToast("请输入账号");
            return;
        }
        if (StringUtils.isEmpty(pwd)){
//            Toast.makeText(this,"请输入密码",Toast.LENGTH_SHORT).show();
            showToast("请输入密码");
            return;
        }
        navigateTo(MainPageActivity.class);
    }
}

七、RegisterActivity

package com.zgf.program.activity;
public class RegisterActivity extends BaseActivity {
    private EditText username;
    private EditText password;
    private EditText confirmPwd;
    private Button btnSign;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
        username = findViewById(R.id.username);
        password = findViewById(R.id.password);
        confirmPwd = findViewById(R.id.confirmpwd);
        btnSign = findViewById(R.id.btn_sign);
        btnSign.setOnClickListener((v)->{
//            Intent in = new Intent(RegisterActivity.this, RegisterActivity.class);
//            startActivity(in);
            String name = username.getText().toString().trim();
            String pwd = password.getText().toString().trim();
            String conpwd = confirmPwd.getText().toString().trim();
            register(name,pwd,conpwd);
        });
    }
    private void register(String name, String pwd,String conpwd) {
        if(StringUtils.isEmpty(name)){
            showToast("请输入账号");
            return;
        }
        if (StringUtils.isEmpty(pwd)){
            showToast("请输入密码");
            return;
        }
        if (StringUtils.isEmpty(conpwd)){
            showToast("请再次输入密码");
            return;
        }
        if (pwd != conpwd){
            showToast("两次输入的密码不一致，请重新输入");
            return;
        }
        navigateTo(RegisterActivity.class);
    }
}

八、MainPageActivity

public class MainPageActivity extends BaseActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_page);
    }
}

九、BaseActivity

public class BaseActivity extends AppCompatActivity {
    public Context mContext;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        mContext = this;
    }
    public void showToast(String msg){
        Toast.makeText(mContext,msg,Toast.LENGTH_SHORT).show();
    }
    public void navigateTo(Class cls){
        Intent in = new Intent(mContext, cls);
        startActivity(in);
    }
}

十、StringUtils

public class StringUtils {
    public static boolean isEmpty(String str){
        if(str == null || str.length() <= 0){
            return true;
        }else {
            return false;
        }
    }
}

在这里插入图片描述在这里插入图片描述在这里插入图片描述

敷衍zgf
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
安卓开发实例（2）实现用户注册
QI760549741的博客
03-12 1605
目的掌握Activity两个界面数据的相互传递总结（1）初步接触了线性布局模式 （2）明白了xml与Acivity的关系，xml是视图，Acitivity是控制 ，把视图之中的id传给控制代码，控制代码就可以控制视图，监听其界面，实现其功能。 （3）可运用Intent中的putExtra（）传送数据，getStringIntent（）接收数据。 putExtra（）方法示例：intent.p
微信小程序基于Android的学生评教系统APP的设计与实现hbuilderx uniapp
QQ58850198的博客
06-05 1201
本系统实现一个基于Android的学生评教系统，分为服务器端和客户端两种用户。服务器端可以在网站后台进行管理；用户通过手机端自由登录客户端平台进行管理。 具体功能描述如下： 服务器端模块包括： 1． 个人中心：可以修改自己的登录密码，修改自己的信息。 2． 学生管理：可以对学生信息进行查看或删除。 3． 教师管理：可以对教师信息进行查看或删除。 4． 课程信息管理：可以对课程信息进行查看或删除。 5． 选择课程管理：可以对选择课程信息进行查看或删除。 6． 学生评价管理
青少年编程教育平台后台—登录注册（界面设计）
敷衍zgf的博客
01-21 681
青少年编程教育平台后台—登录注册（界面设计） 本界面使用HTML和CSS，未使用任何框架！ 一、效果截图 二、HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>青少年编程教育平台后台登录</title> <link rel="stylesheet" href="./font/css/font-awesome.css"> &l
青少年编程教育平台后台—登录注册（代码编写）
敷衍zgf的博客
02-08 1193
青少年编程教育平台后台—登录注册（代码编写）
【Android Studio学习】第一篇、制作一个拥有登录和注册功能的简易APP
热门推荐
大屁桃的博客
11-02 2万+
【Android Studio学习】第一篇、制作一个拥有登录和注册功能的简易APP
基于App Inventor积木式编程API调用的设计与实现——以天气预报APP为例.pdf
08-26
本文主要介绍了基于App Inventor积木式编程的设计与实现，以天气预报APP为例，旨在提高青少年学习积木式编程的兴趣。App Inventor积木式编程程序具有可视化操作、模块拼接编程的优点，易读懂、易编写、易理解，使...
标准国产中文编程app
09-13
总之，"标准国产中文编程app"是一款面向初学者，尤其是小学生的编程学习工具，它以中文界面和极简设计降低学习难度，通过可视化编程和数学应用，激发孩子们的编程兴趣和数学能力，推动我国青少年的科技素养培养。
App Inventor.rar
05-21
《App Inventor——开启青少年编程之旅》 App Inventor，由谷歌公司开发，是一款专为初学者设计的手机应用程序开发工具，尤其适合中小学生进行STEAM（科学、技术、工程、艺术、数学）教育。它采用积木式编程界面，...
安卓应用-教育学习-保贝卫士app v3.3.0.zip
09-15
作为一款面向儿童和青少年的教育应用，保贝卫士app重视用户隐私保护。它可能采用了数据加密技术，确保用户个人信息的安全；同时，遵循儿童在线隐私保护法规，限制不必要的数据收集和使用。 五、版本更新 v3.3.0版本...
AppInventor离线安装文件
最新发布
12-30
【AppInventor离线安装文件】是一款专为青少年和初学者设计的移动应用开发工具——App Inventor的离线安装包。这个安装文件包含了所有必要的组件，使得用户可以在没有网络连接的情况下安装并使用App Inventor，对于...
案例：实现用户注册功能
daqi1983的博客
12-08 1913
实现注册的核心代码
作业 02|实现用户注册功能
m0_64018773的博客
06-14 2217
实现用户注册功能 ·前端布局 ·事件绑定处理方法 ·吐司提示 ·实现跳转 ·事件监听 ·单选按钮、复选框
安卓studio 个人课设项目：“这个app“——实现注册登录，显示用户信息功能，并跳转对应网页
Ice1774的博客
05-04 1万+
这个项目是边学边做的，所以有些注释看起来是多余的，而且有些地方肯定不够好，有时间再学习并实现 用户上传头像功能，搜索并添加好友功能。
Android自定义控件实现登陆界面以及SharedPreferences实现记住密码功能
a8128230的博客
06-27 2226
1.自定义控件 通过继承LinearLayout来实现一个自定义控件，左边为放置图标的ImageView，右边为输入账号或密码的EditText。 布局文件myedittext.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horiz
Winform 登录页面创建和设置
杨大脸的博客
08-08 1384
Winform 登录页面设置 自带的Form1进行改造,更换名字为FrmLogin 简单先不放置容器,直接先托两个TextBox, 再放两个lable分别改好名字 设置密码框的textbox的PasswordChar设置为* 再拖两个普通的button按钮分别改Text内容和Name属性的内容,我一般登录Name属性设置为btnLogin退出为btnLogout 设置窗体的样式 该窗体的text内容 取消窗体的最大化,点击窗体属性找到MaxSize设置为False 设置登
通过tomcat登录mysql_Android通过Tomcat用JSP做服务器实现用户登录（MySQL数据库）
weixin_39960920的博客
01-21 133
服务器端代码loginservlet.javaimport java.io.ioexception;import java.io.printwriter;import javax.servlet.servletexception;import javax.servlet.http.httpservlet;import javax.servlet.http.httpservletrequest;im...
20个热门少儿编程网站【2019】
新缸中之脑
08-14 2万+
少儿编程是新的文化潮流，它涵盖了儿童学习的方方面面：逻辑思维训练、系统化思考训练、 问题解决能力训练、团队协作、创造性思维培养…你可以利用我们整理的这些得到广泛认可的 少儿编程网站教孩子学会编程，例如code.org、tynker.com和scrach Junior（儿童版本的scratch）。 当然，不止是孩子，大人也可以利用这些少儿编程网站学习开发应用、网站或者游戏！ 1. Playcodem...
JAVA——创建用户登录界面
qq_54798136的博客
05-02 4930
创建用户登录界面 1、新建超市管理系统 File-new-project-java-java project,创建项目名：SupermarketClient。 2、在Supermarket下面创建两个包 3、对第二个包新建一个类： File-others-WindowBuilder-SwingDesigner-JFrame-下一步，在弹出的窗口中命名为LoginFrame。 4、新建一个包放置图标。 5、操作步骤 （1）初始面板 （2）点击此按钮显示隐藏部分内容 （3）设置窗体大小为525*40
登陆界面（可记住密码）
yanghuanfa11的博客
12-04 228
首先跟大家展示一下APP界面 接下来是APP的主要代码： （1）Main.Activity package com.example.login1; import android.os.Bundle; import android.app.Activity; import android.view.Menu; public class MainActivity ex
注册登录app(Kotlin版)_20192131031梁诺明1
08-03
本文档详细介绍了梁诺明在2019年开发的Kotlin版本的简易登录注册应用的设计与实现过程。应用主要功能包括登录、重置密码、注册以及用户信息界面，支持深色模式和英文适配，旨在提供一个美观且功能齐全的用户体验。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

敷衍zgf

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值