|
|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。# W( Q/ `$ P. l8 `7 Y
8 j: h* V0 j B; V- f# d# U1 N/ k4 g+ f- ]) h$ G1 R
如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。7 L- b1 f2 \1 ?, z
0 \: P9 K* L8 O$ h7 W
在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。
! Q) g" ~( P: L
3 h6 M$ x- ^3 f, b以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:
M4 J! ~, ]% c3 F# o: S. @ t) @# k3 A$ _( W
```php
; G* G {: V7 j9 @% W* O// 在B数据库服务器上创建保存接口的示例代码(使用PHP)! F. t) I- A# n1 j. _6 B, S
+ c1 Y+ ]# ?# }. `4 m
// 连接到B数据库8 @: Y4 a. e, W1 U; R2 |* p
$servername = "B数据库的服务器地址";3 H* a% Y1 f4 m( }" x. x5 q4 |/ G8 f
$username = "B数据库的用户名";, F) ^- R; u1 x/ ~8 b( ]& M+ _0 g
$password = "B数据库的密码";
1 }( R% `6 Z+ n9 s5 ]# }$dbname = "B数据库的名称";
! ^' u4 D* `: D, Q( o8 I5 q' C, _! d, D5 Q# u$ l! ?
$conn = new mysqli($servername, $username, $password, $dbname);
8 l3 v% ]2 t" X2 V* N5 u5 ]if ($conn->connect_error) {
8 C/ ?, B5 y7 m, e: G1 Vdie("连接B数据库失败: " . $conn->connect_error);
. Q7 B/ l9 e. Y4 p4 e7 S}+ h5 P5 I4 I# r4 x4 X- \) o4 d
6 y$ W: P% [" n4 E+ H" A; E
//保存接口
+ u* L8 e1 |. |if ($_SERVER["REQUEST_METHOD"] == "POST") {
( ?7 Q4 Q7 Z; o: B& n5 s7 P$name = $_POST["name"]; // 表单中的姓名字段2 ~: \7 y/ A# U9 B7 o
$phone = $_POST["phone"]; // 表单中的手机号码字段( P; g4 u3 z- ^4 W0 Q9 H8 V
6 k& D% J1 w" R8 E// 将数据保存到B数据库的表中
( L% {' e0 f6 `0 Z E! l# J' q$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";9 {; X+ c$ u7 G, q' m+ ?
if ($conn->query($sql) === TRUE) {
, j; U, d# A# i4 U2 j5 W6 F$response = "保存成功";) H* `0 ^0 a7 A1 k: ^/ X6 g5 K
} else {
& i* z b+ x. L6 ?1 {$response = "保存失败: " . $conn->error;+ n' i9 Y" j) l; ~+ M) B
} l" j4 J/ u$ K+ F( Q' D& K' q
& F. O- P, s+ I. Q( [, A r// 返回保存结果给前端页面4 h# ~8 v/ h5 h& f
echo $response;" A1 \/ ?) G/ `7 e4 }; }
}" S6 v5 ^9 c$ R1 w5 Q& t8 ~6 F6 R9 G
- Q. O& Y. @9 g# Z. F
$conn->close();
% m# e9 O4 s, d* E/ C```
! [1 q. {) R/ [ D! c5 F" T
$ b; L5 u1 {/ B- N' S- [在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。6 T1 h) r" V' J' e/ @3 j
$ c& A4 ~9 A4 U请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|