first commit
This commit is contained in:
编码猿
1
moehu/moehu_fontend/lib/views/SignUp/.pydio
Normal file
1
moehu/moehu_fontend/lib/views/SignUp/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
d63b0685-299f-4077-a349-306b85bbbd7e
|
||||
401
moehu/moehu_fontend/lib/views/SignUp/SignUp.dart
Normal file
401
moehu/moehu_fontend/lib/views/SignUp/SignUp.dart
Normal file
@@ -0,0 +1,401 @@
|
||||
import 'package:bot_toast/bot_toast.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_modular/flutter_modular.dart';
|
||||
import 'package:peach/R.dart';
|
||||
import 'package:peach/config/Colors.dart';
|
||||
import 'package:peach/entity/_.dart';
|
||||
import 'package:peach/service/_.dart';
|
||||
import 'package:peach/utils/Screen.dart';
|
||||
import 'dart:convert' as convert;
|
||||
|
||||
import 'package:peach/utils/_.dart';
|
||||
|
||||
/*
|
||||
* 首页
|
||||
*/
|
||||
class SignUp extends StatefulWidget {
|
||||
@override
|
||||
_SignUp createState() => _SignUp();
|
||||
}
|
||||
|
||||
class _SignUp extends State<SignUp> with SingleTickerProviderStateMixin {
|
||||
final List<String> _tabValues = [
|
||||
'登录',
|
||||
'注册',
|
||||
];
|
||||
TabController tabController;
|
||||
|
||||
String loginPhpne = '18305520337';
|
||||
String logingPass = '11111';
|
||||
|
||||
String regPhpne = '15395283087';
|
||||
String regPass = '111111';
|
||||
String regName = '程睿是狗';
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
SPreferences.init();
|
||||
super.initState();
|
||||
tabController = new TabController(length: _tabValues.length, vsync: this);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
behavior: HitTestBehavior.translucent,
|
||||
onTap: () {
|
||||
// 触摸收起键盘
|
||||
FocusScope.of(context).requestFocus(FocusNode());
|
||||
},
|
||||
child: Scaffold(
|
||||
backgroundColor: ColorConfig.WhiteBackColor,
|
||||
body: Stack(
|
||||
children: <Widget>[
|
||||
Positioned(
|
||||
height: Screen.setHeight(320),
|
||||
width: Screen.width(context),
|
||||
child: Container(
|
||||
decoration: new BoxDecoration(
|
||||
image: new DecorationImage(
|
||||
fit: BoxFit.cover,
|
||||
image: AssetImage(R.libStaticSignupBackground),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned(
|
||||
top: 200,
|
||||
width: Screen.width(context),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.all(40),
|
||||
child: Container(
|
||||
height: Screen.setHeight(300),
|
||||
decoration: new BoxDecoration(
|
||||
color: ColorConfig.WhiteBackColor,
|
||||
borderRadius: new BorderRadius.vertical(
|
||||
top: Radius.elliptical(5, 5),
|
||||
bottom: Radius.elliptical(5, 5)),
|
||||
boxShadow: [
|
||||
BoxShadow(
|
||||
color: ColorConfig.ThemeOtherColor, //底色,阴影颜色
|
||||
offset: Offset(0, 0), //阴影位置,从什么位置开始
|
||||
blurRadius: 10, // 阴影模糊层度
|
||||
spreadRadius: 2,
|
||||
) //阴影模糊大小
|
||||
],
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
margin: EdgeInsets.only(top: 10),
|
||||
width: 280,
|
||||
height: Screen.setHeight(35),
|
||||
child: TabBar(
|
||||
unselectedLabelColor: ColorConfig.TextColor,
|
||||
labelColor: ColorConfig.ThemeColor,
|
||||
indicatorColor: ColorConfig.ThemeColor,
|
||||
controller: tabController,
|
||||
tabs: _tabValues
|
||||
.asMap()
|
||||
.keys
|
||||
.map(
|
||||
(e) => Tab(
|
||||
child: Text(
|
||||
_tabValues[e],
|
||||
style: TextStyle(fontSize: 18),
|
||||
)),
|
||||
)
|
||||
.toList(),
|
||||
onTap: (int i) {
|
||||
// 触摸收起键盘
|
||||
FocusScope.of(context).requestFocus(FocusNode());
|
||||
},
|
||||
),
|
||||
),
|
||||
Container(
|
||||
height:
|
||||
Screen.setHeight(300) - Screen.setHeight(35) - 20,
|
||||
margin: EdgeInsets.only(top: 10),
|
||||
child: TabBarView(
|
||||
controller: tabController,
|
||||
children: <Widget>[login(), register()],
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
Widget login() {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 18, right: 18),
|
||||
child: Column(
|
||||
children: [
|
||||
new Form(
|
||||
child: new Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
new TextFormField(
|
||||
keyboardType: TextInputType.number,
|
||||
decoration: InputDecoration(
|
||||
labelText: "手机号",
|
||||
hintText: "请输入手机号",
|
||||
prefixIcon: Icon(
|
||||
Icons.stay_current_portrait,
|
||||
color: ColorConfig.ThemeColor,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
onChanged: (str) => {
|
||||
setState(() {
|
||||
this.loginPhpne = str;
|
||||
})
|
||||
},
|
||||
),
|
||||
new TextFormField(
|
||||
obscureText: true,
|
||||
decoration: InputDecoration(
|
||||
labelText: "密码",
|
||||
hintText: "请输入密码",
|
||||
prefixIcon: Icon(
|
||||
Icons.lock,
|
||||
color: ColorConfig.ThemeColor,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
onChanged: (str) => {
|
||||
setState(() {
|
||||
this.logingPass = str;
|
||||
})
|
||||
},
|
||||
),
|
||||
// new TextFormField(
|
||||
// decoration: InputDecoration(
|
||||
// labelText: "验证码",
|
||||
// hintText: "请输入验证码",
|
||||
// prefixIcon:
|
||||
// Icon(Icons.lock, color: ColorConfig.ThemeColor),
|
||||
// suffixIcon: TextButton(
|
||||
// onPressed: () {},
|
||||
// child: Text(
|
||||
// '获取验证码',
|
||||
// style: TextStyle(color: ColorConfig.ThemeColor),
|
||||
// ),
|
||||
// ),
|
||||
// fillColor: ColorConfig.ThemeColor,
|
||||
// labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
// focusedBorder: UnderlineInputBorder(
|
||||
// //选中时下边框颜色
|
||||
// borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
Container(
|
||||
margin: EdgeInsets.only(left: 20, right: 20, top: 30),
|
||||
width: 280,
|
||||
height: 45.0,
|
||||
child: new ElevatedButton(
|
||||
style: ButtonStyle(backgroundColor:
|
||||
MaterialStateProperty.resolveWith((states) {
|
||||
//设置按下时的背景颜色
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return ColorConfig.ThemeOtherColor;
|
||||
}
|
||||
//默认不使用背景颜色
|
||||
return ColorConfig.ThemeColor;
|
||||
})),
|
||||
child: Text("登录", style: TextStyle(fontSize: 20)),
|
||||
onPressed: () {
|
||||
subLoging();
|
||||
},
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
));
|
||||
}
|
||||
|
||||
Widget register() {
|
||||
return Padding(
|
||||
padding: EdgeInsets.only(left: 18, right: 18),
|
||||
child: Column(
|
||||
children: [
|
||||
new Form(
|
||||
child: new Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
new TextFormField(
|
||||
keyboardType: TextInputType.text,
|
||||
decoration: InputDecoration(
|
||||
labelText: "用户名",
|
||||
hintText: "请输入用户名",
|
||||
prefixIcon: Icon(
|
||||
Icons.person,
|
||||
color: ColorConfig.ThemeColor,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
onChanged: (str) => {
|
||||
setState(() {
|
||||
this.regName = str;
|
||||
})
|
||||
},
|
||||
),
|
||||
new TextFormField(
|
||||
keyboardType: TextInputType.number,
|
||||
decoration: InputDecoration(
|
||||
labelText: "手机号",
|
||||
hintText: "请输入手机号",
|
||||
prefixIcon: Icon(
|
||||
Icons.stay_current_portrait,
|
||||
color: ColorConfig.ThemeColor,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
onChanged: (str) => {
|
||||
setState(() {
|
||||
this.regPhpne = str;
|
||||
})
|
||||
},
|
||||
),
|
||||
new TextFormField(
|
||||
obscureText: true,
|
||||
decoration: InputDecoration(
|
||||
labelText: "密码",
|
||||
hintText: "请输入密码",
|
||||
prefixIcon: Icon(
|
||||
Icons.lock,
|
||||
color: ColorConfig.ThemeColor,
|
||||
),
|
||||
fillColor: ColorConfig.ThemeColor,
|
||||
labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
focusedBorder: UnderlineInputBorder(
|
||||
//选中时下边框颜色
|
||||
borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
),
|
||||
),
|
||||
onChanged: (str) => {
|
||||
setState(() {
|
||||
this.regPass = str;
|
||||
})
|
||||
},
|
||||
),
|
||||
// new TextFormField(
|
||||
// decoration: InputDecoration(
|
||||
// labelText: "验证码",
|
||||
// hintText: "请输入验证码",
|
||||
// prefixIcon: Icon(Icons.lock, color: ColorConfig.ThemeColor),
|
||||
// suffixIcon: TextButton(
|
||||
// onPressed: () {},
|
||||
// child: Text(
|
||||
// '获取验证码',
|
||||
// style: TextStyle(color: ColorConfig.ThemeColor),
|
||||
// ),
|
||||
// ),
|
||||
// fillColor: ColorConfig.ThemeColor,
|
||||
// labelStyle: TextStyle(color: ColorConfig.ThemeColor),
|
||||
// focusedBorder: UnderlineInputBorder(
|
||||
// //选中时下边框颜色
|
||||
// borderSide: BorderSide(color: ColorConfig.ThemeColor),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
Container(
|
||||
margin: EdgeInsets.only(left: 20, right: 20, top: 30),
|
||||
width: 280,
|
||||
height: 45.0,
|
||||
child: new ElevatedButton(
|
||||
style: ButtonStyle(backgroundColor:
|
||||
MaterialStateProperty.resolveWith((states) {
|
||||
//设置按下时的背景颜色
|
||||
if (states.contains(MaterialState.pressed)) {
|
||||
return ColorConfig.ThemeOtherColor;
|
||||
}
|
||||
//默认不使用背景颜色
|
||||
return ColorConfig.ThemeColor;
|
||||
})),
|
||||
child: Text("注册", style: TextStyle(fontSize: 20)),
|
||||
onPressed: () {
|
||||
subReg();
|
||||
},
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
subLoging() async {
|
||||
LoginData res = await UserService.Login(
|
||||
{
|
||||
'user_phone': this.loginPhpne,
|
||||
'sms_code': this.logingPass,
|
||||
},
|
||||
);
|
||||
if (res != null) {
|
||||
BotToast.showText(text: "登录成功");
|
||||
await getUserInfo(res.userInfo.userId);
|
||||
// 这信息只会更新一次，所以调用UserInfo保证每次都更新
|
||||
await SPreferences().setString('userInfo', convert.jsonEncode(res.userInfo));
|
||||
await SPreferences().setString('token', res.userToken);
|
||||
await SPreferences().setBool("isLogin", true);
|
||||
Modular.to.pushReplacementNamed('/index');
|
||||
}
|
||||
// Navigator.of(context).pushNamed("/index");
|
||||
}
|
||||
|
||||
subReg() async {
|
||||
RegData res = await UserService.Reg({
|
||||
"user_nickname": this.regName,
|
||||
"user_phone": this.regPhpne,
|
||||
"sms_code": this.regPass
|
||||
});
|
||||
BotToast.showText(text: "注册成功请登录");
|
||||
this.setState(() {
|
||||
this.loginPhpne = this.regPhpne;
|
||||
this.regName = '';
|
||||
this.regPhpne = '';
|
||||
this.regPass = '';
|
||||
tabController.animateTo(0);
|
||||
});
|
||||
}
|
||||
|
||||
getUserInfo(int userId) async {
|
||||
UserInfoPersonalEntityData res =
|
||||
await UserService.UserInfo({"user_id": userId});
|
||||
await SPreferences().setString('onUserInfo', convert.jsonEncode(res));
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user