1. 前端（Flutter）yanziliangpin.com
   首先，你需要安装Flutter环境。然后，可以创建一个新的Flutter项目，并添加简单的界面来与后端交互。

main.dart:

dart
import ‘package:flutter/material.dart’;
import ‘dart:async’;
import ‘dart:convert’;
import ‘package:http/http.dart’ as http;

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘App Demo’),
),
body: Center(
child: ElevatedButton(
onPressed: fetchData,
child: Text(‘Fetch Data’),
),
),
),
);
}

void fetchData() async {
var url = Uri.parse(‘http://localhost:5000/data’);
var response = await http.get(url);
var data = jsonDecode(response.body);
print(data); // 这里可以根据需求更新UI
}
}
2. 后端（Flask）
后端使用Python的Flask框架和SQLite数据库。首先，安装Flask和SQLite。

app.py:

python
from flask import Flask, jsonify
import sqlite3

app = Flask(name)

DATABASE = ‘example.db’

def get_db_connection():
conn = sqlite3.connect(DATABASE)
conn.row_factory = sqlite3.Row
return conn

@app.route(‘/data’)
def get_data():
conn = get_db_connection()
cur = conn.cursor()
cur.execute(‘SELECT * FROM your_table’) # 假设你有一个名为your_table的表
rows = cur.fetchall()
conn.close()
return jsonify([dict(row) for row in rows])

if name == ‘main’:
app.run(debug=True)
注意：你需要确保SQLite数据库example.db已经存在，并且里面有一个your_table表。

3. 数据库（SQLite）
   SQLite数据库不需要特别的服务器安装，你可以使用SQLite命令行工具或任何支持SQLite的数据库管理工具来创建数据库和表。

sql
CREATE TABLE your_table (
id INTEGER PRIMARY KEY,
name TEXT NOT NULL,
age INTEGER
);

INSERT INTO your_table (name, age) VALUES (‘Alice’, 30);
INSERT INTO your_table (name, age) VALUES (‘Bob’, 25);
整合
确保Flutter应用能够访问运行Flask应用的服务器（在开发阶段通常是localhost）。
确保数据库连接配置正确，并且Flask应用可以访问它。
运行Flask应用（python app.py），然后运行Flutter应用（flutter run）。
这是一个非常基础的示例，实际应用可能需要处理更多的细节，如安全性（使用HTTPS、身份验证等）、错误处理、数据验证和更复杂的用户界面等。创建一个完整的应用程序涉及多个步骤和多种技术，通常包括前端（用户界面）、后端（服务器逻辑）和数据库（数据存储）。由于篇幅限制，我将为你提供一个简单的概念性示例，涵盖前端（使用Flutter，因为它可以跨平台编译到iOS和Android）、后端（使用Python的Flask框架）和数据库（使用SQLite，因为它简单且常用于小型项目）。

1. 前端（Flutter）
   首先，你需要安装Flutter环境。然后，可以创建一个新的Flutter项目，并添加简单的界面来与后端交互。

main.dart:

dart
import ‘package:flutter/material.dart’;
import ‘dart:async’;
import ‘dart:convert’;
import ‘package:http/http.dart’ as http;

void main() {
runApp(MyApp());
}

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘App Demo’),
),
body: Center(
child: ElevatedButton(
onPressed: fetchData,
child: Text(‘Fetch Data’),
),
),
),
);
}

void fetchData() async {
var url = Uri.parse(‘http://localhost:5000/data’);
var response = await http.get(url);
var data = jsonDecode(response.body);
print(data); // 这里可以根据需求更新UI
}
}
2. 后端（Flask）
后端使用Python的Flask框架和SQLite数据库。首先，安装Flask和SQLite。

app.py:

python
from flask import Flask, jsonify
import sqlite3

app = Flask(name)

DATABASE = ‘example.db’

def get_db_connection():
conn = sqlite3.connect(DATABASE)
conn.row_factory = sqlite3.Row
return conn

@app.route(‘/data’)
def get_data():
conn = get_db_connection()
cur = conn.cursor()
cur.execute(‘SELECT * FROM your_table’) # 假设你有一个名为your_table的表
rows = cur.fetchall()
conn.close()
return jsonify([dict(row) for row in rows])

if name == ‘main’:
app.run(debug=True)
注意：你需要确保SQLite数据库example.db已经存在，并且里面有一个your_table表。

3. 数据库（SQLite）
   SQLite数据库不需要特别的服务器安装，你可以使用SQLite命令行工具或任何支持SQLite的数据库管理工具来创建数据库和表。

sql
CREATE TABLE your_table (
id INTEGER PRIMARY KEY,
name TEXT NOT NULL,
age INTEGER
);

INSERT INTO your_table (name, age) VALUES (‘Alice’, 30);
INSERT INTO your_table (name, age) VALUES (‘Bob’, 25);
整合
确保Flutter应用能够访问运行Flask应用的服务器（在开发阶段通常是localhost）。
确保数据库连接配置正确，并且Flask应用可以访问它。
运行Flask应用（python app.py），然后运行Flutter应用（flutter run）。
这是一个非常基础的示例，实际应用可能需要处理更多的细节，如安全性（使用HTTPS、身份验证等）、错误处理、数据验证和更复杂的用户界面等。