|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。1 F% R) k2 ~8 Z* ]; D$ o
4 o- o: \- u. |; G* k5 I& V
4 a! ]% @ K2 j5 Y& z% \, I如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。
# r' O( U9 r1 m3 O) N
$ J; |0 o, M* g5 C: C2 {- F在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。
8 u/ d" B7 L$ G4 K% o! b- w2 i: L5 j& T2 Y, u
以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:
- D8 W9 ]) }: P6 f8 }4 V/ B
1 J* U" e, I: R```php) R* W4 x6 p' b0 F/ @' m
// 在B数据库服务器上创建保存接口的示例代码(使用PHP)
, m M+ m$ G1 |; b, R0 ^8 i) a4 O% G2 q2 w, `1 D
// 连接到B数据库
3 A2 R7 o! N/ J1 w6 P3 j$ p$servername = "B数据库的服务器地址";$ S/ w0 B" j& _
$username = "B数据库的用户名";; Z8 H- |0 y# u- T9 v
$password = "B数据库的密码";
# D9 M% P9 }0 O" x* h- Q$dbname = "B数据库的名称";
( e) d( Z3 A( {/ h/ n3 z% L& o T3 h! z# k6 b/ k* _, c+ K" C
$conn = new mysqli($servername, $username, $password, $dbname);* A6 k# |( F+ I0 v) R
if ($conn->connect_error) {1 [0 a% a- x& _9 N; x( }7 u
die("连接B数据库失败: " . $conn->connect_error);3 u+ Q! [) i4 H7 x2 J( z( ^
}
+ D$ Q5 b5 n! Q! x2 A& T2 [
3 [9 u5 @% @9 {- `& z//保存接口; Q) [0 F+ E7 T c9 ~. A7 u% F7 C
if ($_SERVER["REQUEST_METHOD"] == "POST") {
3 @0 M# e& V8 [# w$name = $_POST["name"]; // 表单中的姓名字段1 ]$ O0 z* J+ I5 S& ~& W3 c
$phone = $_POST["phone"]; // 表单中的手机号码字段
+ f' s$ R8 _. _/ `
# ^9 P6 E- D2 K& b2 J) f// 将数据保存到B数据库的表中
' ?6 o1 |, ]! c: T0 c$ C# l$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";! H. `* b. I$ ]( r" z3 z
if ($conn->query($sql) === TRUE) {; z# x- Q3 R8 X, L4 O* t! h9 g% H
$response = "保存成功";
7 c' ]7 U* a2 S& A' y( I" [9 P; V} else {
; f# T, W0 R/ s& k* P$response = "保存失败: " . $conn->error;# u! l0 m6 q( ]; v5 ^' A
}
, t) X+ q2 C) h5 G0 r
1 H+ t/ {4 ~5 i" L// 返回保存结果给前端页面/ Y( f' [7 F, |, d( I
echo $response;1 e5 d/ a% O c- u% `
}2 v- @/ m" K7 Q4 B9 ^# C
& d+ Y+ D' r. W5 M% ?- h4 c$conn->close();0 r! |( S4 ^! [
```
1 Q! K/ b( \- |1 r1 @' h/ B, x1 d( m3 J+ }0 \; B# G, y
在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。2 @7 x- G) q, E
" ]% R1 ]' r4 J' V! L
请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|