|
|
楼主 |
发表于 2023-9-16 22:46:16
|
显示全部楼层
我在uniapp前端页面上有一个表单,分别有姓名和手机号码,需要保存到B数据库,同时把保存的结果无刷新实时地回显到前面页面上。
4 Q* X; [( S! G; D) N
: ^* i# P' H. W$ V" {3 R
( R' F# _. V6 E/ {如果你想在uniapp的前端页面上保存表单数据到B数据库,并实时回显结果,那么与W网站的关系是通过B数据库进行数据交互。! g0 e, N0 Y1 A; S9 l
/ \6 }8 g/ W5 I% I在这种情况下,你需要在B数据库的服务器上创建一个接口,用于接收前端页面发送的保存请求,并将数据保存到B数据库中。然后,将保存结果返回给前端页面,以便实时回显。
& j( y* t, S% E' D" b. c' S/ d* I
) m# E8 E% y. Z! |$ o: {以下是一个示例代码,展示了如何在B数据库的服务器上创建一个保存接口:
7 q; Q8 E- F5 Y5 H6 J$ H8 D8 V" F
) c$ b) l$ q: j6 J! S```php
1 J6 S2 R4 @- N9 {5 t4 c$ e// 在B数据库服务器上创建保存接口的示例代码(使用PHP)
& x! [4 M* M! s% K6 {! {! o3 A3 ~7 `9 R3 T. D+ Z' k1 \9 f
// 连接到B数据库- _5 D! Q9 E+ V M8 g
$servername = "B数据库的服务器地址";
2 n+ |0 H4 G+ w. K3 c$username = "B数据库的用户名";2 B0 ?; r. k5 i2 V7 C
$password = "B数据库的密码";. S2 M. z W; A, ]. y/ J2 \7 i, p8 b
$dbname = "B数据库的名称";9 Q2 c- ^+ c, o' J
% T/ h# M% N O! j
$conn = new mysqli($servername, $username, $password, $dbname);/ |: S# [2 f5 U z1 ?! F5 X
if ($conn->connect_error) {
! h* U$ z* _! g: Q( jdie("连接B数据库失败: " . $conn->connect_error);
; ~/ y) G. V! N, t5 X, y! b}
) ^ ~) U4 J& C2 d2 u. ^; G* F% ?3 r( I" M
//保存接口
0 }+ H. D7 g3 b, y+ ~& Sif ($_SERVER["REQUEST_METHOD"] == "POST") {
# S% O& q0 c$ |- ]( w$ j2 _. ?& F$name = $_POST["name"]; // 表单中的姓名字段7 d7 R) Z7 x# Y( g" s5 g
$phone = $_POST["phone"]; // 表单中的手机号码字段
. t2 T0 ?6 l- L. x' y( l* s+ U# M' ?+ U
// 将数据保存到B数据库的表中
/ Q1 G! `& g3 _$sql = "INSERT INTO 表名 (姓名, 手机号码) VALUES ('$name', '$phone')";5 e# x' E( d8 O" Z1 B( R# P
if ($conn->query($sql) === TRUE) {
: r6 y0 N: ?5 E8 B* m t# G6 I5 Q$response = "保存成功";
/ Q3 [" n9 n3 i* i. m5 y! a9 c} else {& E( P+ T5 S/ V( Q% S/ r! d& N$ B( l2 }
$response = "保存失败: " . $conn->error;
5 x& K z2 K" N5 s t}
9 @5 N; R- p) [1 |2 A. m5 ?+ z
4 r3 s6 U7 l4 h3 [& j6 g, Q' l- J0 p8 }// 返回保存结果给前端页面& o3 i4 j: |9 |0 ?9 Z
echo $response;' x; `2 P8 I0 L$ }! i# k$ |% H" V
}" c( G. L" h' { v( V2 {, W
+ e: T( C2 V O7 N! D8 Z1 @! e
$conn->close();
: z T! l) ]& X6 K, H. E```8 @( e3 U7 T/ X5 y' l* V2 c
3 v$ X, O% H6 D
在前端uniapp页面中,你可以使用之前提到的示例代码,将表单数据发送到B数据库的保存接口,并实时回显保存结果。
" Q2 z: X z+ ~* |1 B
" q' V# T& K# k8 N; }请注意,上述示例代码中的B数据库的连接信息和保存接口的URL需要根据实际情况进行修改。同时,根据B数据库的表结构,适当修改保存接口中的SQL语句和表名。 |
|