Skip to content

ethan / appframe

Go to a project
Toggle navigation
Toggle navigation pinning
Commit fc5a9772 by tanghuan
Options

手机号绑定设置

1 parent 6dfc85c0
Expand all
Inline Side-by-side
Showing 10 changed files with 439 additions and 9 deletions
lib/bloc/login_phone_cubit.dart
......@@ -105,7 +105,7 @@ class LoginPhoneCubit extends Cubit<LoginPhoneState> {
}
// 发送验证码
var result = await _phoneAuthRepository.verifyCode(phone);
var result = await _phoneAuthRepository.verifyCode(phone, 0);
if (result['code'] != 0) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: result['error']));
emit(state.copyWith(showSnackBar: false));
......@@ -143,6 +143,7 @@ class LoginPhoneCubit extends Cubit<LoginPhoneState> {
var result = await _phoneAuthRepository.login(phone, verifyCode);
if (result['code'] != 0) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: result['error']));
emit(state.copyWith(showSnackBar: false));
return;
}
......
lib/bloc/setting/account_cubit.dart 0 → 100644
import 'package:appframe/config/locator.dart';
import 'package:appframe/config/routes.dart';
import 'package:appframe/data/repositories/phone_auth_repository.dart';
import 'package:equatable/equatable.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:shared_preferences/shared_preferences.dart';
class AccountState extends Equatable {
final bool loaded;
final String name;
final String phone;
final String nickname;
final String imgIcon;
const AccountState({
this.loaded = false,
this.name = '',
this.phone = '',
this.nickname = '',
this.imgIcon = '',
});
AccountState copyWith({
bool? loaded,
String? name,
String? phone,
String? nickname,
String? imgIcon,
}) {
return AccountState(
loaded: loaded ?? this.loaded,
name: name ?? this.name,
phone: phone ?? this.phone,
nickname: nickname ?? this.nickname,
imgIcon: imgIcon ?? this.imgIcon,
);
}
@override
List<Object?> get props => [
loaded,
name,
phone,
nickname,
imgIcon,
];
}
class AccountCubit extends Cubit<AccountState> {
late final PhoneAuthRepository _phoneAuthRepository;
AccountCubit(super.initialState) {
_phoneAuthRepository = getIt.get<PhoneAuthRepository>();
init();
}
Future<void> init() async {
var sharedPreferences = getIt.get<SharedPreferences>();
var userCode = sharedPreferences.getString('auth_userCode') ?? '';
try {
var result = await _phoneAuthRepository.bindCheck(userCode);
var code = result['code'];
var data = result['data'];
if (code != 0) {
return;
}
emit(
state.copyWith(
loaded: true,
name: data['name'],
phone: data['phone'],
nickname: data['nickname'],
imgIcon: data['imgIcon'],
),
);
} catch (e) {
print(e);
}
}
Future<void> goBind() async {
String? result = await router.push(
'/account/phone',
extra: {
'phone': state.phone,
},
);
if (result != null && result.isNotEmpty) {
emit(state.copyWith(phone: result));
}
}
}
lib/bloc/setting/account_phone_cubit.dart 0 → 100644
import 'dart:async';
import 'package:appframe/config/locator.dart';
import 'package:appframe/config/routes.dart';
import 'package:appframe/data/repositories/phone_auth_repository.dart';
import 'package:equatable/equatable.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:shared_preferences/shared_preferences.dart';
class AccountPhoneState extends Equatable {
final String phone;
final bool showSnackBar;
final String snackBarMsg;
final bool allowSend;
final int seconds;
const AccountPhoneState({
this.phone = '',
this.showSnackBar = false,
this.snackBarMsg = '',
this.allowSend = true,
this.seconds = 0,
});
AccountPhoneState copyWith({
String? phone,
bool? showSnackBar,
String? snackBarMsg,
bool? allowSend,
int? seconds,
}) {
return AccountPhoneState(
phone: phone ?? this.phone,
showSnackBar: showSnackBar ?? this.showSnackBar,
snackBarMsg: snackBarMsg ?? this.snackBarMsg,
allowSend: allowSend ?? this.allowSend,
seconds: seconds ?? this.seconds,
);
}
@override
List<Object?> get props => [
phone,
showSnackBar,
snackBarMsg,
allowSend,
seconds,
];
}
class AccountPhoneCubit extends Cubit<AccountPhoneState> {
late TextEditingController _phoneController;
late TextEditingController _codeController;
Timer? _timer;
int countdown = 60; // 倒计时秒数
late final PhoneAuthRepository _phoneAuthRepository;
TextEditingController get phoneController => _phoneController;
TextEditingController get codeController => _codeController;
AccountPhoneCubit(super.initialState) {
_phoneController = TextEditingController();
_codeController = TextEditingController();
_phoneController.text = '';
_codeController.text = '';
_phoneAuthRepository = getIt.get<PhoneAuthRepository>();
}
/// 开始倒计时
void startCountdown() {
countdown = 60;
emit(state.copyWith(allowSend: false, seconds: countdown));
_timer = Timer.periodic(Duration(seconds: 1), (timer) {
countdown--;
if (countdown <= 0) {
_timer?.cancel();
emit(state.copyWith(allowSend: true, seconds: 60));
} else {
emit(state.copyWith(seconds: countdown));
}
});
}
/// 发送验证码
Future<void> sendVerificationCode() async {
if (state.allowSend) {
// 验证手机号码
String phone = _phoneController.text;
if (!RegExp(r'^1[3-9][0-9]{9}$').hasMatch(phone)) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: '请输入正确的手机号码'));
emit(state.copyWith(showSnackBar: false));
return;
}
// 发送验证码
var result = await _phoneAuthRepository.verifyCode(phone, 1);
if (result['code'] != 0) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: result['error']));
emit(state.copyWith(showSnackBar: false));
return;
}
emit(state.copyWith(allowSend: false, seconds: 60));
// 开始倒计时
startCountdown();
}
}
Future<void> bind() async {
String phone = _phoneController.text;
String verifyCode = _codeController.text;
if (!RegExp(r'^1[3-9][0-9]{9}$').hasMatch(phone)) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: '请输入正确的手机号码'));
emit(state.copyWith(showSnackBar: false));
return;
}
if (!RegExp(r'^\d{4}$').hasMatch(verifyCode)) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: '请输入正确的验证码'));
emit(state.copyWith(showSnackBar: false));
return;
}
var sharedPreferences = getIt.get<SharedPreferences>();
var userCode = sharedPreferences.getString('auth_userCode') ?? '';
var result = await _phoneAuthRepository.bind(userCode, phone, verifyCode);
if (result['code'] != 0) {
emit(state.copyWith(showSnackBar: true, snackBarMsg: result['error']));
emit(state.copyWith(showSnackBar: false));
return;
}
// 绑定成功，返回手机号码
router.pop(phone);
}
@override
Future<void> close() async {
try {
_phoneController.dispose();
} catch (e) {
print(e);
}
try {
_codeController.dispose();
} catch (e) {
print(e);
}
await super.close();
}
}
lib/bloc/web_cubit.dart
......@@ -485,6 +485,10 @@ class WebCubit extends Cubit<WebState> {
_controller.reload();
}
void goAccount() {
router.push('/account');
}
Future<void> clearStorage() async {
// 1 清理 localStorage
_controller.clearLocalStorage();
......
lib/config/routes.dart
......@@ -6,6 +6,8 @@ import 'package:appframe/ui/pages/login_phone_page.dart';
import 'package:appframe/ui/pages/login_qr_page.dart';
import 'package:appframe/ui/pages/reload_page.dart';
import 'package:appframe/ui/pages/scan_code_page.dart';
import 'package:appframe/ui/pages/setting/account_page.dart';
import 'package:appframe/ui/pages/setting/account_phone_page.dart';
import 'package:appframe/ui/pages/web_page.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
......@@ -50,6 +52,18 @@ final GoRouter router = GoRouter(
},
),
GoRoute(
path: '/account',
builder: (BuildContext context, GoRouterState state) {
return const AccountPage();
},
),
GoRoute(
path: '/account/phone',
builder: (BuildContext context, GoRouterState state) {
return const AccountPhonePage();
},
),
GoRoute(
path: '/adv',
builder: (BuildContext context, GoRouterState state) {
return const AdvPage();
......
lib/data/repositories/phone_auth_repository.dart
......@@ -12,6 +12,28 @@ class PhoneAuthRepository {
///
/// {
/// "code": 0,
/// "data": {
/// "unionId": "", //用户码
/// "name": "", //用户姓名
/// "phone": "", //用户手机号
/// "nickname": "", //用户昵称
/// "imgIcon": "https://xxxxx", //用户头像
/// }
/// }
///
Future<dynamic> bindCheck(String userid) async {
Response resp = await _appService.get(
'/api/v1/comm/phone/bind/check',
queryParameters: {
"userid": userid,
},
);
return resp.data;
}
///
/// {
/// "code": 0,
/// "error": "绑定成功"
/// }
///
......@@ -33,12 +55,15 @@ class PhoneAuthRepository {
/// "error": "获取成功",
/// }
///
Future<dynamic> verifyCode(String phone) async {
/// type=1 绑定申请验证码
/// type=0 验证码登陆下发
///
Future<dynamic> verifyCode(String phone, int type) async {
Response resp = await _appService.get(
'/api/v1/comm/phone/verifycode',
queryParameters: {
"phone": phone,
"type": 1,
"type": type,
},
);
return resp.data;
......
lib/services/player_service.dart
......@@ -29,7 +29,6 @@ class PlayerService {
try {
final player = FlutterSoundPlayer();
_player = (await player.openPlayer())!;
await _player!.setSpeed(1); // 播放速度，默认1
// 播放进度回调
_player!.setSubscriptionDuration(Duration(seconds: 1));
......@@ -54,7 +53,7 @@ class PlayerService {
}
}
Future<bool> playAudio(String url, int seek, String playId) async {
Future<bool> playAudio(String url, int seek, String playId, double playRate) async {
if (!(_playerIsInit ?? false)) {
final initResult = await _initPlayer();
if (!initResult) {
......@@ -64,6 +63,9 @@ class PlayerService {
_playId = playId;
// 播放速度
await _player!.setSpeed(playRate);
await _player!.startPlayer(
fromURI: url,
whenFinished: () async {
......@@ -107,7 +109,7 @@ class PlayerService {
return true;
}
Future<bool> resumeAudio() async {
Future<bool> resumeAudio(double? playRate) async {
if (!(_playerIsInit ?? false)) {
throw Exception("播放器未初始化");
}
......@@ -116,6 +118,10 @@ class PlayerService {
throw Exception("播放器状态错误");
}
if (playRate != null) {
await _player!.setSpeed(playRate);
}
await _player!.resumePlayer();
return true;
}
......@@ -129,6 +135,19 @@ class PlayerService {
return true;
}
Future<bool> rateAudio(double playRate) async {
if (!(_playerIsInit ?? false)) {
throw Exception("播放器未初始化");
}
// await pauseAudio();
// await resumeAudio(playRate);
_player!.setSpeed(playRate);
return true;
}
Future<bool> stopAudio() async {
if (!(_playerIsInit ?? false)) {
throw Exception("播放器未初始化");
......
lib/ui/pages/setting/account_page.dart 0 → 100644
import 'package:appframe/bloc/setting/account_cubit.dart';
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
class AccountPage extends StatelessWidget {
const AccountPage({super.key});
@override
Widget build(BuildContext context) {
return BlocProvider(
create: (context) => AccountCubit(AccountState()),
child: BlocConsumer<AccountCubit, AccountState>(
builder: (context, state) {
return Scaffold(
backgroundColor: Colors.white,
appBar: AppBar(
title: Text('账号与安全', style: TextStyle(color: Colors.white, fontSize: 18)),
centerTitle: true,
backgroundColor: Color(0xFF7691FA),
iconTheme: IconThemeData(
color: Colors.white, // 设置返回图标按钮的颜色
),
),
body: state.loaded
? Column(
children: [
// 用户头像和昵称部分
Container(
padding: EdgeInsets.all(16.0),
child: Column(
children: [
CircleAvatar(
radius: 26.0,
backgroundImage: NetworkImage(state.imgIcon),
),
SizedBox(height: 16.0),
Text(
state.name,
style: TextStyle(
fontSize: 18.0,
fontWeight: FontWeight.bold,
),
),
Text(
state.nickname,
style: TextStyle(fontSize: 12.0),
),
],
),
),
// 设置项列表
Expanded(
child: Padding(
padding: EdgeInsets.all(20),
child: ListView(
children: [
Card(
color: Color(0xFFF7F9FF),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(6),
),
child: ListTile(
leading: Icon(Icons.mobile_friendly),
title: Text('手机号绑定'),
subtitle: Text(
state.phone != '' ? state.phone : '未绑定',
style: TextStyle(
fontSize: 14.0,
color: Colors.grey,
),
),
trailing: Icon(Icons.arrow_forward_ios),
onTap: () {
context.read<AccountCubit>().goBind();
},
),
),
// Divider(),
],
),
),
),
],
)
: const Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CircularProgressIndicator(),
SizedBox(height: 16),
Text('加载中...'),
],
),
),
);
},
listener: (context, state) {},
),
);
}
}
lib/ui/pages/web_page.dart
......@@ -78,12 +78,15 @@ class WebPage extends StatelessWidget {
),
child: Align(
alignment: Alignment.centerLeft,
child: Text('设置',
child: Text(
'设置',
style: TextStyle(
// color: Theme.of(ctx).colorScheme.onPrimary,
fontSize: 24,
color: Colors.white,
))),
),
),
),
),
Expanded(
child: SingleChildScrollView(
......@@ -115,6 +118,14 @@ class WebPage extends StatelessWidget {
},
),*/
ListTile(
leading: const Icon(Icons.lock),
title: const Text('账号与安全'),
onTap: () {
Navigator.pop(ctx);
ctx.read<WebCubit>().goAccount();
},
),
/*ListTile(
leading: const Icon(Icons.refresh),
title: const Text('刷新'),
onTap: () {
......@@ -122,7 +133,7 @@ class WebPage extends StatelessWidget {
// ctx.read<WebCubit>().refresh();
ctx.read<WebCubit>().handleRefreshPage();
},
),
),*/
ListTile(
leading: const Icon(Icons.cleaning_services),
title: const Text('清理缓存'),
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!