|
|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。5 H' [0 v1 g8 S) [4 z
! Y9 S1 u; ]! s6 ?* w, W/ w& B6 B1 r$ h
1 A/ p2 ^: J: r2 Z" D1 I" `9 N* o如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。
, ^2 X7 N" f4 ?) l3 E/ T4 s9 j
2 \. N" C/ h% Y$ k在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。 _, {) M, R% K, L
% I# E" Q) h8 K) d. I8 u! }以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:0 A2 K6 Y9 @9 E, V
) l" ~# P' w2 u" X7 u( f7 m5 ] x
```php8 n; N. Z4 Z1 `
// 在B数据库服务器上创建保存接口的示例代码(使用PHP)& M: C' X1 O0 Y; o" E( S" i
% R4 z/ t0 c2 c. l$ R. C2 Y) }
// 连接到B数据库) b- o# L& I. x) I1 x
$servername = "B数据库的服务器地址";; s& |, x+ g1 c' f8 J6 j3 Z& I
$username = "B数据库的用户名";% b' P+ n$ r" o: u% Z" g
$password = "B数据库的密码";( m6 C* y9 P4 j6 {1 o( E
$dbname = "B数据库的名称";
! `3 f% A. W' A9 i0 W1 e: k3 r+ i0 o, r
$conn = new mysqli($servername, $username, $password, $dbname);
! _' e& X. I7 o6 vif ($conn->connect_error) {+ @2 a" R0 {/ X. E
die("连接B数据库失败: " . $conn->connect_error);8 B0 z* u6 C5 C8 L2 X4 ~5 \
}
* J0 k8 ~3 w0 d) y4 K0 N# ]
" w1 }( i$ t% |7 ~( A//保存接口5 k0 q& D" Z; ~( O. a, S
if ($_SERVER["REQUEST_METHOD"] == "POST") {
" ^, h5 I. W0 _" w9 o$name = $_POST["name"]; // 表单中的姓名字段
7 k1 m' r3 t& d$phone = $_POST["phone"]; // 表单中的手机号码字段
! X" K7 m( p. w, h, Z1 \ v
' e" m% f# ]( R% J' @// 将数据保存到B数据库的表中
& m( v0 ?1 P! x) O$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";
, `$ v7 ^1 K3 x3 E0 N8 ]if ($conn->query($sql) === TRUE) {: n {/ ]2 z/ T0 B/ y! e2 a
$response = "保存成功";
7 ?0 ?0 T$ r5 X5 J} else {
2 C3 X# J+ |/ l& l: O9 U/ _' }$response = "保存失败: " . $conn->error;
% h9 k. G" z' f, e( K4 q/ x+ x}
+ ~2 ^5 n: I4 B$ {& w U
1 c" T* `) M& o* S7 Q; R9 W// 返回保存结果给前端页面
* ]' o9 y: g! v7 ]8 e& e" [5 @echo $response;, |3 h* S* w8 I
}
7 K! @/ `7 p( O) X& d: h2 A+ o+ d2 P1 Y; \$ e! }+ {( F
$conn->close();+ M/ K6 ]# ~2 o% Z
```5 r5 o6 ?. w3 l' F0 p9 `' C8 l6 K
. r& a5 j' X3 {! p1 i2 Y V在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。( B( ]7 h: K' c7 D1 N+ t, X7 l( T7 G+ ~
( x4 N8 Z2 A- Z
请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|