Andorid前端+SpringBoot后端+MySql一个登录注册小案例的实现

1. 运行效果

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

2. MySql建表

在MySql中创建一个用户表用于测试
在这里插入图片描述

3. Andorid前端界面

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

注册按钮的界面跳转
在这里插入图片描述
导入OkHttp和OkHttpUtils依赖
在这里插入图片描述

4. SpringBoot后端

(1) 创建SpringBoot项目
(2) 导入依赖,application.yml中配置MySql连接信息
(3) 创建实体类,业务层 (1~3比较简单就没截图了)
(4) 使用MyBatis交互数据库
在这里插入图片描述
在这里插入图片描述

(5) Controller
在这里插入图片描述

5. 前后端交互(使用OkHttp)

(1) 注册部分

这是安卓部分的代码

① OkHttp原始方式实现注册

代码中url参数解释:

如果是安卓虚拟机ip地址则是10.0.2.2,真实手机可以和电脑连同一个wifi,使用电脑无线网的ip4地址,端口就是web服务的端口,默认8080
在这里插入图片描述

② 使用OkHttpUtils工具类

在这里插入图片描述

(2) 登录部分

在这里插入图片描述

项目在gitee上,有需要的可以去下载

项目下载地址

https://gitee.com/under_sakamoto/ruoxi_repository

### 博客管理系统 ### #Springboot ## 主要功能 * 系统用户,角色,权限增删改查,权限分配,权限配色 * 文件上传可自由选择本地存储,七牛云存储,阿里云存储 * 系统字典 * 配置网站基本信息,包括博客数据限制 * 查看系统关键操作的日志(可在系统后台自动定制需要监控的模板) * 在线新增数据库并直接生成 前,后台基本源码,放到源码相应目录中重启tomcat可直接使用,预览 * 系统定时任务的新增改查 立即启动 暂停 恢复 ## 技术框架 * 核心框架:`SpringBoot` * 安全框架:`Apache Shiro 1.3.2` * 缓存框架:`Redis 4.0` * 搜索框架:`Lucene 7.1` * 任务调度:`quartz 2.3` * 持久层框架:`MyBatis 3` mybatisplus 2.1.4 * 数据库连接池:`Alibaba Druid 1.0.2` * 日志管理:`SLF4J 1.7`、`Log4j` * 前端框架:`layui` * 后台模板:layuicms 2.0。 * 富文本:wangEditor ### 开发环境 建议开发者使用以下环境,这样避免版本带来的问题 * IDE:`eclipse`/`idea` * DB:`Mysql5.7` `Redis` * JDK:`JAVA 8` * WEB:Tomcat8 (采用springboot框架开发时,并没有用到额外的tomcat 用的框架自带的) # 运行环境 * WEB服务器:`Weblogic`、`Tomcat`、`WebSphere`、`JBoss`、`Jetty` 等 * 数据库服务器:`Mysql5.5+` * 操作系统:`Windows`、`Linux` (Linux 大小写特别敏感 特别要注意,还有Linux上没有微软雅黑字体,需要安装这个字体,用于生成验证码) #用户名:admin 密码:123456 #数据库文件:mysiteforme.sql #数据库配置文件:mysiteforme下的src/main/resources下的application.yml #启动文件:mysiteforme下的com.mysiteforme.admin下的MysiteformeApplication.java #注意:启动之前先启动redis # http://localhost:8080 管理员用户名:test 密码:1
### QML Repeater 元素详解 #### 创建多个相似项 在QML中,`Repeater`元素用于创建多个相同或相似的项[^1]。此功能使得开发者能够轻松地生成一系列具有共同特性的UI组件。 #### 关键属性说明 - **model**: 定义了要重复的数据源。这可以是一个简单的整数表示次数,也可以是更复杂的数据结构如列表或JSON对象。 - **delegate**: 描述每一个实例的具体外观和行为。对于每次迭代,都会基于该模板创建一个新的实例[^2]。 #### 布局管理 为了更好地管理和排列由`Repeater`产生的项目,通常会将其嵌入到某种类型的容器内,比如`Row`, `Column`等定位器类型中,从而实现更加直观的位置安排[^3]。 #### 数据绑定特性 值得注意的是,在使用`Repeater`时遵循了QML的设计理念——即保持数据与界面逻辑分离的原则。这意味着可以通过改变底层的数据模型来动态更新界面上显示的内容,而不需要修改具体的视图定义[^4]。 ```qml import QtQuick 2.0 // 示例展示了如何利用Repeater在一个水平行里放置三个黄色矩形框 Row { spacing: 5 // 设置间距 Repeater { model: 3 delegate: Rectangle { width: 100; height: 40; border.width: 1; color: "yellow" Text { text: index.toString(); anchors.centerIn: parent } } } } ``` 这段代码片段不仅实现了基本的功能展示,还加入了内部文本标签以区分各个实例,并通过调整`spacing`参数改善视觉效果。
评论 17
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值