Compare commits
3 Commits
10d856208d
...
d2a2030979
| Author | SHA1 | Date | |
|---|---|---|---|
|
d2a2030979 | ||
|
|
7fb6d59c1c | ||
|
|
968ef745a2 |
|
|
@ -29,20 +29,20 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
|
|||
print('connect');
|
||||
|
||||
final conn = await MySQLConnection.createConnection(
|
||||
//host: '203.64.84.154',
|
||||
host: '10.0.2.2',
|
||||
host: '203.64.84.154',
|
||||
//host: '10.0.2.2',
|
||||
//127.0.0.1 10.0.2.2
|
||||
port: 3306,
|
||||
port: 33061,
|
||||
userName: 'root',
|
||||
//password: 'Topic@2024',
|
||||
password: '0000',
|
||||
//databaseName: 'care', //testdb
|
||||
databaseName: 'testdb',
|
||||
password: 'Topic@2024',
|
||||
//password: '0000',
|
||||
databaseName: 'care', //testdb
|
||||
//databaseName: 'testdb',
|
||||
);
|
||||
await conn.connect();
|
||||
|
||||
try {
|
||||
var result = await conn.execute('SELECT * FROM users');
|
||||
var result = await conn.execute('SELECT HomeElderFall.*, HomeElder.heName FROM HomeElderFall JOIN HomeElder ON HomeElderFall.heId = HomeElder.heId;');
|
||||
print('Result: ${result.length} rows found.');
|
||||
|
||||
if (result.rows.isEmpty) {
|
||||
|
|
@ -51,13 +51,11 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
|
|||
setState(() {
|
||||
_results = result.rows
|
||||
.map((row) => {
|
||||
'id': row.colAt(0),
|
||||
'name': row.colAt(1),
|
||||
'age': row.colAt(2),
|
||||
'gender': row.colAt(3),
|
||||
'phone': row.colAt(4),
|
||||
'email': row.colAt(5),
|
||||
'password': row.colAt(2)
|
||||
'長者ID': row.colAt(0),//去裝資料庫的行數
|
||||
'姓名': row.colAt(8),
|
||||
'跌倒時間': row.colAt(1),
|
||||
'跌倒原因': row.colAt(2),
|
||||
'跌倒地點': row.colAt(7),
|
||||
})
|
||||
.toList();
|
||||
});
|
||||
|
|
@ -93,12 +91,12 @@ class _HistoricalRecordState extends State<HistoricalRecord> {
|
|||
itemCount: _results.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ListTile(
|
||||
title: Text(_results[index]['name']),
|
||||
title: Text(_results[index]['姓名']),
|
||||
subtitle: Text(
|
||||
'age: ${_results[index]['age']}, '
|
||||
'gender: ${_results[index]['gender']}, '
|
||||
'phone: ${_results[index]['phone']}, '
|
||||
'email: ${_results[index]['email']}',
|
||||
'長者ID: ${_results[index]['長者ID']}\n, '
|
||||
'跌倒時間: ${_results[index]['跌倒時間']}\n, '
|
||||
'跌倒原因: ${_results[index]['跌倒原因']}\n, '
|
||||
'跌倒地點: ${_results[index]['跌倒地點']}\n',
|
||||
),
|
||||
);
|
||||
},
|
||||
|
|
|
|||
|
|
@ -146,10 +146,14 @@ class _HomePageState extends State<HomePage> {
|
|||
initTabIndex: 2,
|
||||
)),
|
||||
);
|
||||
} else if (label == '123') {
|
||||
} else if (label == '切換畫面') {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(builder: (context) => TryPage()),
|
||||
MaterialPageRoute
|
||||
(builder: (context) => BottomNavBar(
|
||||
email: widget.email,
|
||||
initTabIndex: 3,
|
||||
)),
|
||||
);
|
||||
} else if (label == '個人資料') {
|
||||
Navigator.push(
|
||||
|
|
|
|||
|
|
@ -1,6 +1,8 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:mysql_client/mysql_client.dart';
|
||||
import 'package:webview_flutter/webview_flutter.dart';
|
||||
|
||||
import 'BottomNavBar.dart';
|
||||
class MessagePage extends StatefulWidget {
|
||||
final String email; // 接收來自上個頁面的 email
|
||||
|
||||
|
|
@ -11,85 +13,167 @@ class MessagePage extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _MessagePageState extends State<MessagePage> {
|
||||
List<Map<String, dynamic>> _results = [];
|
||||
late WebViewController _webViewController;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchData(); // 連接資料庫並抓取資料
|
||||
}
|
||||
|
||||
void _fetchData() async {
|
||||
print('connect');
|
||||
|
||||
final conn = await MySQLConnection.createConnection(
|
||||
host: '203.64.84.154',
|
||||
port: 33061,
|
||||
userName: 'root',
|
||||
password: 'Topic@2024',
|
||||
databaseName: 'care',
|
||||
);
|
||||
await conn.connect();
|
||||
|
||||
try {
|
||||
var result = await conn.execute('SELECT eName, eGender FROM Elder');
|
||||
print('Result: ${result.length} rows found.');
|
||||
|
||||
if (result.rows.isEmpty) {
|
||||
print('No data found in users table.');
|
||||
} else {
|
||||
setState(() {
|
||||
_results = result.rows
|
||||
.map((row) => {
|
||||
'name': row.colAt(0),
|
||||
'gender': row.colAt(1),
|
||||
})
|
||||
.toList();
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
print('Error: $e');
|
||||
} finally {
|
||||
await conn.close();
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
/*appBar: AppBar(
|
||||
title: Text('MySQL Data'), // 顯示標題
|
||||
backgroundColor: Color(0xFFF5E3C3),
|
||||
),*/
|
||||
body: Column(
|
||||
return PopScope(
|
||||
child: Scaffold(
|
||||
body: Center(
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 100,
|
||||
// APPBar height
|
||||
color: Color(0xFFF5E3C3),
|
||||
width: double.infinity,
|
||||
padding: EdgeInsets.all(10.0),
|
||||
child: Center(
|
||||
child: Stack(children: [
|
||||
Container(
|
||||
padding: EdgeInsets.only(
|
||||
left: MediaQuery.of(context).size.width,
|
||||
top: MediaQuery.of(context).size.height / 2,
|
||||
),
|
||||
child: Icon(Icons.settings, size: 48, color: Colors.orange),
|
||||
),
|
||||
Center(
|
||||
child: Text(
|
||||
'切換畫面',
|
||||
'全方位照護守護者',
|
||||
style: TextStyle(fontSize: 24, height: 5),
|
||||
),
|
||||
),
|
||||
])),
|
||||
Container(
|
||||
color: Color(0xFFFFF0E0),
|
||||
margin: EdgeInsets.only(top: 5),
|
||||
padding: EdgeInsets.all(16),
|
||||
child: Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 240,
|
||||
width: double.infinity,
|
||||
// TODO: 如果用http需要分別設定ios, android權限
|
||||
// TODO: 替換video_player to flutter_webView
|
||||
child: WebViewWidget(
|
||||
controller: WebViewController()
|
||||
..setJavaScriptMode(JavaScriptMode.unrestricted)
|
||||
..setNavigationDelegate(
|
||||
NavigationDelegate(
|
||||
onProgress: (int progress) {
|
||||
// Update loading bar.
|
||||
},
|
||||
onPageStarted: (String url) {},
|
||||
onPageFinished: (String url) {},
|
||||
onHttpError: (HttpResponseError error) {
|
||||
print("httpError");
|
||||
},
|
||||
onWebResourceError: (WebResourceError error) {
|
||||
print("httpResourceError");
|
||||
print(error.description);
|
||||
},
|
||||
onNavigationRequest: (NavigationRequest request) {
|
||||
if (request.url.startsWith(
|
||||
'http://203.64.84.154:8088/video_feed')) {
|
||||
return NavigationDecision.prevent;
|
||||
}
|
||||
return NavigationDecision.navigate;
|
||||
},
|
||||
),
|
||||
)
|
||||
..loadRequest(Uri.parse('http://203.64.84.154:8088')),
|
||||
),
|
||||
),
|
||||
Text(
|
||||
'即時畫面',
|
||||
style: TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: ListView.builder(
|
||||
padding: EdgeInsets.symmetric(vertical: 5), // 调整列表视图的 padding
|
||||
itemCount: _results.length, // 列表項目數量
|
||||
itemBuilder: (context, index) {
|
||||
final user = _results[index];
|
||||
return ListTile(
|
||||
title: Text(user['name']), // 顯示名稱
|
||||
subtitle: Text('gender: ${user['gender']}'), // 顯示性別
|
||||
);
|
||||
},
|
||||
child: GridView.count(
|
||||
crossAxisCount: 2,
|
||||
shrinkWrap: true,
|
||||
physics: NeverScrollableScrollPhysics(),
|
||||
padding: EdgeInsets.all(16),
|
||||
children: [
|
||||
_buildGridItem(Icons.monitor_outlined, '畫面1', context),
|
||||
_buildGridItem(Icons.monitor_outlined, '畫面2', context),
|
||||
/*_buildGridItem(Icons.monitor_outlined, '切換畫面', context),
|
||||
_buildGridItem(Icons.person_sharp, '個人資料', context),*/
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
canPop: false,
|
||||
);
|
||||
}
|
||||
|
||||
Widget _buildGridItem(IconData icon, String label, BuildContext context) {
|
||||
return Card(
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
color: Colors.white,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
/*if (label == '跌倒紀錄') {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => BottomNavBar(
|
||||
email: widget.email,
|
||||
initTabIndex: 1,
|
||||
)),
|
||||
);
|
||||
} else if (label == '知識補充') {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => BottomNavBar(
|
||||
email: widget.email,
|
||||
initTabIndex: 2,
|
||||
)),
|
||||
);
|
||||
} else if (label == '切換畫面') {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute
|
||||
(builder: (context) => BottomNavBar(
|
||||
email: widget.email,
|
||||
initTabIndex: 3,
|
||||
)),
|
||||
);
|
||||
} else if (label == '個人資料') {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => BottomNavBar(
|
||||
email: widget.email,
|
||||
initTabIndex: 4,
|
||||
)),
|
||||
);
|
||||
}*/
|
||||
},
|
||||
child: Center(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Icon(icon, size: 48, color: Colors.orange),
|
||||
SizedBox(height: 8),
|
||||
Text(label, style: TextStyle(fontSize: 16)),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ class PersonalInfo extends StatefulWidget {
|
|||
}
|
||||
|
||||
class _PersonalInfoState extends State<PersonalInfo> {
|
||||
String _name = '', _phone = '', _age = '', _gender = '', _email = '';
|
||||
String _name = '', _phone = '', _gender = '', _address='', _email = '', _password = '';
|
||||
bool _isEditing = false; //是否為編輯狀態
|
||||
final TextEditingController _emailController =
|
||||
TextEditingController(); //email輸入text
|
||||
|
|
@ -35,15 +35,15 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
print('傳遞過來的 email: ${widget.email}'); // 打印 email 來確認它是否正確傳遞
|
||||
|
||||
final conn = await MySQLConnection.createConnection(
|
||||
//host: '203.64.84.154',
|
||||
host: '10.0.2.2',
|
||||
host: '203.64.84.154',
|
||||
//host: '10.0.2.2',
|
||||
//127.0.0.1 10.0.2.2
|
||||
port: 3306,
|
||||
port: 33061,
|
||||
userName: 'root',
|
||||
//password: 'Topic@2024',
|
||||
password: '0000',
|
||||
//databaseName: 'care', //testdb
|
||||
databaseName: 'testdb',
|
||||
password: 'Topic@2024',
|
||||
//password: '0000',
|
||||
databaseName: 'care', //testdb
|
||||
//databaseName: 'testdb',
|
||||
);
|
||||
|
||||
await conn.connect();
|
||||
|
|
@ -51,7 +51,7 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
try {
|
||||
print('ok');
|
||||
var result = await conn.execute(
|
||||
'SELECT name, phone, age, gender, email FROM users WHERE email = :email',
|
||||
'SELECT * FROM HomeLogin WHERE homeemail = :email',
|
||||
{'email': widget.email}, // 傳入參數 email
|
||||
);
|
||||
if (result.rows.isNotEmpty) {
|
||||
|
|
@ -60,9 +60,10 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
setState(() {
|
||||
_name = row.colAt(0)??'';//如果沒有資料就是空直
|
||||
_phone = row.colAt(1)??'';
|
||||
_age = row.colAt(2) ?? '';
|
||||
_gender = row.colAt(3) ?? '';
|
||||
_gender = row.colAt(2)??'';
|
||||
_address = row.colAt(3)??'';
|
||||
_email = row.colAt(4)??'';
|
||||
_password = row.colAt(5)??'';
|
||||
});
|
||||
}
|
||||
} catch (e) {
|
||||
|
|
@ -80,18 +81,18 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
|
||||
void _saveChanges() async {
|
||||
final conn = await MySQLConnection.createConnection(
|
||||
host: '10.0.2.2',
|
||||
port: 3306,
|
||||
host: '203.64.84.154',
|
||||
port: 33061,
|
||||
userName: 'root',
|
||||
password: '0000',
|
||||
databaseName: 'testdb',
|
||||
password: 'Topic@2024',
|
||||
databaseName: 'care',
|
||||
);
|
||||
|
||||
await conn.connect();
|
||||
|
||||
try {
|
||||
await conn.execute(
|
||||
'UPDATE users SET email = :email WHERE email = :old_email',
|
||||
'UPDATE HomeLogin SET homeemail = :email WHERE homeemail = :old_email',
|
||||
{'email': _emailController.text, 'old_email': widget.email},
|
||||
);
|
||||
setState(() {
|
||||
|
|
@ -106,6 +107,7 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
}
|
||||
|
||||
void _loginOut() async {
|
||||
print("loyout");
|
||||
SharedPreferences prefs = await SharedPreferences.getInstance();
|
||||
// remove all data in share preference(user data which save to identify user or others)
|
||||
prefs.clear();
|
||||
|
|
@ -164,13 +166,6 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
onTap: () {},
|
||||
),
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text('生日'),
|
||||
subtitle: Text(_age),
|
||||
//trailing: Icon(Icons.arrow_forward_ios),
|
||||
onTap: () {},
|
||||
),
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text('性別'),
|
||||
subtitle: Text(_gender),
|
||||
|
|
@ -179,9 +174,15 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
),
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text('EMAIL'),
|
||||
subtitle: //Text(_email),
|
||||
_isEditing
|
||||
title: Text('地址'),
|
||||
subtitle: Text(_address),
|
||||
//trailing: Icon(Icons.arrow_forward_ios),
|
||||
onTap: () {},
|
||||
),
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text('電子信箱'),
|
||||
subtitle: _isEditing
|
||||
? TextField(
|
||||
controller: _emailController,
|
||||
autofocus: true,
|
||||
|
|
@ -193,12 +194,19 @@ class _PersonalInfoState extends State<PersonalInfo> {
|
|||
)
|
||||
: Text(_email),
|
||||
//trailing: Icon(Icons.arrow_forward_ios),
|
||||
|
||||
onTap: () {
|
||||
_toggleEdit(); // 切換到編輯狀態
|
||||
},
|
||||
),
|
||||
Divider(),
|
||||
ListTile(
|
||||
title: Text('密碼'),
|
||||
subtitle: Text(_password),
|
||||
//trailing: Icon(Icons.arrow_forward_ios),
|
||||
onTap: () {
|
||||
},
|
||||
),
|
||||
Divider(),
|
||||
SizedBox(
|
||||
height: 20,
|
||||
width: 60,
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user