我在 Flutter 中有這個注冊頁面，但它沒有更新我的資料庫......
我的 API 很好，當使用 postman 之類的東西并發送完全相同的 JSON 時，我的資料庫會更新，所以問題出在下面的代碼上：
postData() async {
print('entered postDAta');
var response = http.post(
Uri.parse("http://localhost:8080/api/auth/signup"),
body: {
"username": "flota",
"email": "[email protected]",
"password": "87654321",
}
);
print('exited postdata');
}
和
floatingActionButton: FloatingActionButton(
onPressed: postData,
child: Icon(Icons.add),
),
完整的代碼以防萬一
import 'dart:developer' as developer;
import 'dart:core';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'dart:convert';
import 'Widget/bezierContainer.dart';
import 'loginPage.dart';
import 'package:http/http.dart' as http;
postData() async {
print('entered postDAta');
var response = http.post(
Uri.parse("http://localhost:8080/api/auth/signup"),
body: {
"username": "flota",
"email": "[email protected]",
"password": "87654321",
}
);
print('exited postdata');
}
class SignUpPage extends StatefulWidget {
SignUpPage({Key ?key, this.title}) : super(key: key);
final String? title;
@override
_SignUpPageState createState() => _SignUpPageState();
}
class _SignUpPageState extends State<SignUpPage> {
Widget _backButton() {
return InkWell(
onTap: () {
Navigator.pop(context);
},
child: Container(
padding: EdgeInsets.symmetric(horizontal: 10),
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(left: 0, top: 10, bottom: 10),
child: Icon(Icons.keyboard_arrow_left, color: Colors.black),
),
Text('Back',
style: TextStyle(fontSize: 12, fontWeight: FontWeight.w500))
],
),
),
);
}
Widget _entryField(String title, {bool isPassword = false}) {
return Container(
margin: EdgeInsets.symmetric(vertical: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
title,
style: TextStyle(fontWeight: FontWeight.bold, fontSize: 15),
),
SizedBox(
height: 10,
),
TextField(
obscureText: isPassword,
decoration: InputDecoration(
border: InputBorder.none,
fillColor: Color(0xfff3f3f4),
filled: true))
],
),
);
}
Widget _submitButton() {
return Container(
width: MediaQuery.of(context).size.width,
padding: EdgeInsets.symmetric(vertical: 15),
alignment: Alignment.center,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(5)),
boxShadow: <BoxShadow>[
BoxShadow(
color: Colors.grey.shade200,
offset: Offset(2, 4),
blurRadius: 5,
spreadRadius: 2)
],
gradient: LinearGradient(
begin: Alignment.centerLeft,
end: Alignment.centerRight,
colors: [Color(0xfffbb448), Color(0xfff7892b)])),
child: Text(
'Register Now',
style: TextStyle(fontSize: 20, color: Colors.white),
),
);
}
Widget _loginAccountLabel() {
return InkWell(
onTap: () {
Navigator.push(
context, MaterialPageRoute(builder: (context) => LoginPage()));
},
child: Container(
margin: EdgeInsets.symmetric(vertical: 20),
padding: EdgeInsets.all(15),
alignment: Alignment.bottomCenter,
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text(
'Already have an account ?',
style: TextStyle(fontSize: 13, fontWeight: FontWeight.w600),
),
SizedBox(
width: 10,
),
Text(
'Login',
style: TextStyle(
color: Color(0xfff79c4f),
fontSize: 13,
fontWeight: FontWeight.w600),
),
],
),
),
);
}
Widget _title() {
return RichText(
textAlign: TextAlign.center,
text: TextSpan(
text: 'd',
style: TextStyle(
fontSize: 30,
fontWeight: FontWeight.w700,
color: Color(0xffe46b10)
),
children: [
TextSpan(
text: 'ev',
style: TextStyle(color: Colors.black, fontSize: 30),
),
TextSpan(
text: 'rnz',
style: TextStyle(color: Color(0xffe46b10), fontSize: 30),
),
]),
);
}
Widget _emailPasswordWidget() {
return Column(
children: <Widget>[
_entryField("Username"),
_entryField("Email id"),
_entryField("Password", isPassword: true),
],
);
}
@override
Widget build(BuildContext context) {
final height = MediaQuery.of(context).size.height;
return Scaffold(
body: Container(
height: height,
child: Stack(
children: <Widget>[
Positioned(
top: -MediaQuery.of(context).size.height * .15,
right: -MediaQuery.of(context).size.width * .4,
child: BezierContainer(),
),
Container(
padding: EdgeInsets.symmetric(horizontal: 20),
child: SingleChildScrollView(
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
SizedBox(height: height * .2),
_title(),
SizedBox(
height: 50,
),
_emailPasswordWidget(),
SizedBox(
height: 20,
),
_submitButton(),
SizedBox(height: height * .14),
_loginAccountLabel(),
],
),
),
),
Positioned(top: 40, left: 0, child: _backButton()),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: postData,
child: Icon(Icons.add),
),
);
}
}
uj5u.com熱心網友回復：
當我們在移動設備中向服務器發送資料時，主要是原始格式。為此，我們必須使用“jsonEncode”進行轉換，并且我們必須設定標題。
postData() async {
print('entered postDAta');
var response = await http.post(
Uri.parse("http://localhost:8080/api/auth/signup"),
body: jsonEncode({
"username": "flota",
"email": "[email protected]",
"password": "87654321",
}),headers: {
'Content-type': 'application/json',
'Accept': 'application/json',
}
);
print(response.body);
print('exited postdata');
}
uj5u.com熱心網友回復：
postData() async {
print('entered postDAta');
var response = await http.post(
Uri.parse("http://localhost:8080/api/auth/signup"),
body: {
"username": "flota",
"email": "[email protected]",
"password": "87654321",
}
);
print('exited postdata');
}
await在 http.post 之前使用。我認為它會起作用。
uj5u.com熱心網友回復：
我想你已經得到了答案，這里有一些資源可以理解 API 方法的流程——
可以通過官網來處理flutter中的API——
https://docs.flutter.dev/cookbook/networking/fetch-data
這是API集成基本流程的一個很好的檔案-
https://mobikul.com/http-api-calling-in-flutter/
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/412687.html
標籤：
上一篇：使用RefreshIndicator時，引數型別“Future<List<User>>”不能分配給onRefresh中的引數型別“Future<void>Funct