|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。
/ x) l, V+ H. Y7 A! r' S$ \0 W# P3 y1 n* z
: @" R9 I1 C8 `7 S8 ~# s) j
如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。
h6 z/ e! p9 Y- B6 Z: g1 A5 p% ^( _9 O8 a; a0 O$ \
在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。
7 T0 T- z* K- u2 t; u; h7 {: }# A" T4 C5 d
以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:$ }* S. x2 `1 }
& t. {+ h; T& Z" y
```php6 O, `1 A" L! G( f0 ]
// 在B数据库服务器上创建保存接口的示例代码(使用PHP)
2 S/ f$ `9 t3 B) c' b3 M9 U9 q: ~+ s Y' }0 @# N5 x- g. g
// 连接到B数据库
4 Q" o, B/ T+ Z, c- v* [$servername = "B数据库的服务器地址";
8 E3 C* H6 _. H. k' ^; x$ a$ f$username = "B数据库的用户名";2 [) N" a* P, I0 ] ^0 {
$password = "B数据库的密码";
) O7 h; m y4 G0 B" E4 x$dbname = "B数据库的名称";6 \% h% a1 e1 Y, \" I; E
; R0 W; h3 o6 Y6 B- M- W$conn = new mysqli($servername, $username, $password, $dbname);' z/ W. V$ u( k. [- B0 F
if ($conn->connect_error) {
# {( T! P. z5 z" l1 _die("连接B数据库失败: " . $conn->connect_error);& ?: N7 M0 E- ~/ j+ t
}
- n3 ~4 W2 ^) s# B7 t# \. _
% f* E. _! V* s//保存接口& O# }% r% e2 |7 R+ ^* \8 b
if ($_SERVER["REQUEST_METHOD"] == "POST") {7 u+ ^! v) B. X3 [+ ?
$name = $_POST["name"]; // 表单中的姓名字段
# I1 z7 ]8 p5 ^$phone = $_POST["phone"]; // 表单中的手机号码字段
2 Y0 |, v! A( d( N3 N2 n5 @- H0 E& `( T, v- a. _8 N
// 将数据保存到B数据库的表中
- p) `7 x. b4 l x9 C0 p* |) c$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";5 h; y8 p, @( y3 a5 g, D
if ($conn->query($sql) === TRUE) {9 ^0 O+ h2 I! [* m) q6 D% X1 I" w0 j$ ?
$response = "保存成功";
' j8 l; o( }# _} else {* H3 X2 N" S- `7 @6 ]+ u
$response = "保存失败: " . $conn->error;
5 U- |2 x: {$ u' B. k}) j9 |$ k# r, M: Z2 }+ _: r
, _4 H) E8 ?; ]% L% Z
// 返回保存结果给前端页面
, Y E; S1 m& i5 {2 u- Yecho $response;
5 E# V3 p- `& v$ q: b' m}
% B3 q7 i( {% i/ f
- Q* c S: Z" q2 A/ {$conn->close();$ p/ Q! v0 g& {* l! s1 B/ }$ z/ W
```
8 Q! O P% u+ a9 E }1 s$ U* x
. M. H5 j9 T: d9 p) x0 g在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。
2 S6 Z' D4 g [0 |% L* c% b$ R9 O2 }7 `3 U1 x* e! c
请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|