|
|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。
& ~( ^- |. v2 b9 J F& d# Z+ `$ H |$ k
5 }; o2 [: h$ Z$ O& D! C
如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。
& g$ A' k8 g/ s+ F. k2 a0 t5 H, H7 t6 L) I6 O
在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。
% Z S" J+ R+ I5 ^" @. \/ G
) b4 K4 I8 D' J: f; `( a以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:' p0 F3 X8 r! C6 V7 k' i
- {$ l4 G0 G2 g0 p5 i1 ]
```php
6 U7 o, o1 t' Y2 z& J2 x, S% ~, U% k// 在B数据库服务器上创建保存接口的示例代码(使用PHP)
) p5 X, S( L# B8 {# U& r' v, z7 L. n6 v0 ^) _( p0 \- a- H/ d
// 连接到B数据库( _* M3 N4 _- {+ e Z
$servername = "B数据库的服务器地址";
4 N) U" r7 Q* y. ]! P$username = "B数据库的用户名";, [6 w5 p% {% s! X/ d
$password = "B数据库的密码";
; n+ O% p, L0 E6 {$dbname = "B数据库的名称";
! `# y l8 B9 D; m* O; H. w2 Q+ Z, I% @$ \8 Q6 ^8 o5 P1 \1 x6 B) _
$conn = new mysqli($servername, $username, $password, $dbname);
" F2 L$ ~ D7 }4 q6 z/ Cif ($conn->connect_error) {
, \% X9 N2 E: y) s- Wdie("连接B数据库失败: " . $conn->connect_error);
# E) X1 N d" V& l% S* W: I* E* Q}
- X3 a. @3 g4 \- c, f+ u
4 B% [: L3 \- P$ E$ I3 w//保存接口
) T9 O: A6 x! F0 L6 b$ {; Vif ($_SERVER["REQUEST_METHOD"] == "POST") {( ^) E; S7 _1 f& P% `' ?$ d2 w
$name = $_POST["name"]; // 表单中的姓名字段# m6 t: K! L. Y1 k: U# h; k) h
$phone = $_POST["phone"]; // 表单中的手机号码字段
9 ~1 M4 q# u& a3 k/ o& i8 P* V W7 k7 b- Q; J- ]3 o8 l
// 将数据保存到B数据库的表中
, i" D" h% B8 ^6 Y$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";
$ d( t7 r; p) |' p) e3 @; g! wif ($conn->query($sql) === TRUE) {
7 S- G. y2 i ^, g2 E$response = "保存成功";& L0 B$ Z* _, |$ o1 y9 Y! X; o
} else {6 @. b2 G4 D9 y/ G' h2 v
$response = "保存失败: " . $conn->error;
9 {) A0 F* r# C( z}
8 m+ l) @, c3 `# m1 h6 z4 L! `
9 v; {$ r! [; C4 s. Y6 c3 S' {// 返回保存结果给前端页面
0 W# ?8 R/ G9 h/ q ` q( Jecho $response;
$ _# i4 y- H) ?# J, U}+ s. ~- \- v: x+ ?
- x* e0 C% k- Y$ P$conn->close();: f% V' W7 A6 r5 U. C
```
3 ?; T2 i6 A M. L: o5 V2 a2 ], `
3 Y' a! D! r+ l9 A- t" n在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。
4 _2 _5 v( B- r% `( [/ c4 z' \
0 ^5 X) K3 d! W$ ^4 h请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|