|
|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。" \# k& _- o1 c5 f
- m- e+ ^" s y- H4 }4 x9 J( a1 |6 q2 f
如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。
) ], W" ?, X1 t9 J, P0 |& }2 t! L, ^1 a- u2 O, u$ m% s
在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。2 h; q, r8 _8 V$ @+ B0 v
) c" c/ z* d" B8 |
以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:
" U3 {, c3 Q9 c. @& g5 j8 v6 q( E* i4 {3 y3 V4 @* w d m
```php
1 X9 W# O: e* V a( _6 P( K// 在B数据库服务器上创建保存接口的示例代码(使用PHP)1 Q) Z) d; r! f3 t, G
9 ^' u1 c4 B2 S# r, m// 连接到B数据库
9 s6 k4 ^' ~% u) a0 p. Q* A5 G$servername = "B数据库的服务器地址";7 N- }% i. w8 l) y3 Q+ f* I
$username = "B数据库的用户名";3 |* K8 D9 G; Z- D; u0 W
$password = "B数据库的密码";
+ [6 c9 f* ~6 i: p- k( g S* }( d$dbname = "B数据库的名称";7 l C1 z" H6 y2 L
' ?, v3 J! |3 L6 { u$conn = new mysqli($servername, $username, $password, $dbname);
+ Y3 s* E0 m) k1 A% I' ^# \if ($conn->connect_error) {& Q) j# P( Q- ` [# b- m& C" N3 t- A/ T
die("连接B数据库失败: " . $conn->connect_error);
0 x0 N1 O: m/ N6 g" K( L2 F- ]1 }} Z9 _' B' _; x6 s
' g. O# W* V+ D- o( Y; F
//保存接口
7 C1 _+ V1 s2 fif ($_SERVER["REQUEST_METHOD"] == "POST") {
+ D: l4 g8 X b+ w% ?0 t( R$name = $_POST["name"]; // 表单中的姓名字段
# j: d) k" L/ n8 m: u# `$phone = $_POST["phone"]; // 表单中的手机号码字段
. T; W# Z8 R! s9 p! s5 |5 U' `3 H Q# @1 g% Q
// 将数据保存到B数据库的表中1 K5 L4 ]0 ?( E2 X+ v
$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";, X0 D: _5 N+ b: h4 }8 x$ M% c4 h
if ($conn->query($sql) === TRUE) {
8 |* `7 i5 N: X" }1 f" ?' U: S$response = "保存成功";
, s' R0 l9 x6 E} else {. F3 J* J( X. w. t4 K
$response = "保存失败: " . $conn->error;
& f& n3 O- u0 x5 i* P" a}# b1 y, M9 B7 o! Q. P; G
, \# o+ o; Z; } o# B) i' K9 u2 t% m
// 返回保存结果给前端页面% u, }; Y/ Y8 x( ^' c$ A6 J/ F
echo $response;8 f5 X/ V4 `9 [0 X: k
}
6 h8 O8 Y, w0 O" J* A$ f3 ?7 I3 Y- R2 N+ o; a( f7 ]0 C6 q
$conn->close();
" k8 B' H3 f( L: o* f```; _0 `, ]5 U! f5 c- j' {
' f- K2 N) I/ s W) z3 G5 D/ }$ r在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。
7 \% Z: s$ i5 n) I' k0 P. C: z/ [ R1 W B
请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|