iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > 其他 >web前端增加后台数据库
  • 262
分享到

web前端增加后台数据库

2023-05-20 15:05:30 262人浏览 八月长安
摘要

随着互联网的快速发展,越来越多的企业和机构开始重视网站的建设和开发,而 WEB 前端作为网站的门面,对于用户体验和页面展示有着至关重要的作用。但仅有前端的网站,无法满足用户的需求,很多的信息和交互都需要通过后台数据库来实现,因此,前端工程师

随着互联网的快速发展,越来越多的企业和机构开始重视网站的建设和开发,而 WEB 前端作为网站的门面,对于用户体验和页面展示有着至关重要的作用。但仅有前端的网站,无法满足用户的需求,很多的信息和交互都需要通过后台数据库来实现,因此,前端工程师需要掌握如何增加后台数据库的知识,才能更好地完成网站的开发。

一、后台数据库的作用

网站不仅需要通过 UI 界面向用户展示信息,还需要存储和处理大量的数据,这些数据可以用于会员管理、订单处理、内容发布等多个方面。而后台数据库则是存储这些数据的地方,负责将数据从前端页面传输到服务器中并进行管理和维护。

后台数据库有很多种类型,比如 MysqloracleSQL ServermongoDB 等,其中比较常用的是 mysql,因为它简单易用、兼容性好、稳定性高。

二、连接后台数据库

在 web 前端中,要访问后台数据库,需要使用一种中间技术,通常是 PHP、Java、asp.net后端语言。以下是连接 Mysql 数据库的 php 代码示例:

//连接数据库
$con = mysqli_connect('localhost','root','','test');
//设置编码格式
mysqli_set_charset($con,"utf8");
//检查连接是否成功
if (!$con) {
    die('Connect Error (' . mysqli_connect_errno() . ') ' . mysqli_connect_error());
}

上述代码首先使用 mysqli_connect() 函数连接本地的 MySQL 数据库,接着使用 mysqli_set_charset() 函数设置数据库编码为 utf8,最后通过if语句检查连接是否成功。如果连接不成功,就停止程序执行并返回错误信息。

三、增删改查数据

在连接了后台数据库之后,前端需要可以对数据库中的数据进行增删改查操作。下面以 PHP 为例,介绍如何实现这些操作:

  1. 插入数据
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$insert = "INSERT INTO user (name, age, sex) VALUES ('$name', '$age', '$sex')";
if ($con->query($insert) === TRUE) {
    echo "插入成功!";
} else {
    echo "Error: " . $insert . "<br>" . $con->error;
}

上述代码使用 SQL 语句将前端传来的数据插入到 MySQL 数据库的 user 表中。注意到 $name、$age、$sex 三个变量是从表单中获取的 POST 数据。

  1. 删除数据
$id = $_GET['id'];
$delete = "DELETE FROM user WHERE id=$id";
if ($con->query($delete) === TRUE) {
    echo "删除成功!";
} else {
    echo "Error: " . $delete . "<br>" . $con->error;
}

上述代码使用 SQL 语句从 MySQL 数据库的 user 表中删除 ID 为 $id 的数据。$id 变量是从 URL 中获取的 GET 数据。

  1. 修改数据
$id = $_POST['id'];
$name = $_POST['name'];
$age = $_POST['age'];
$sex = $_POST['sex'];
$update = "UPDATE user SET name='$name', age='$age', sex='$sex' WHERE id=$id";
if ($con->query($update) === TRUE) {
    echo "修改成功!";
} else {
    echo "Error: " . $update . "<br>" . $con->error;
}

上述代码使用 SQL 语句修改 MySQL 数据库的 user 表中 ID 为 $id 的数据。

  1. 查询数据
$sql = "SELECT * FROM user";
$result = mysqli_query($con,$sql);

if (mysqli_num_rows($result) > 0) {
    while($row = mysqli_fetch_assoc($result)) {
        echo "ID:".$row["id"]." - Name:".$row["name"]." - Age:".$row["age"]." - Sex:".$row["sex"]."<br>";
    }
} else {
    echo "0 结果";
}
mysqli_close($con);

上述代码使用 SQL 语句查询 MySQL 数据库的 user 表中所有数据,并将结果展示在网页上。

四、总结

在现代 web 前端开发中,连接后台数据库是必要的一步,只有建立了连接并实现了对数据库的操作,网站才能真正实现功能和价值的提升。因此,前端工程师需要加强对后台数据库的学习和实践,掌握连接、增删改查等基本操作,不断提升自己的技能,为网站的开发提供有效的支持。

以上就是web前端增加后台数据库的详细内容,更多请关注编程网其它相关文章!

--结束END--

本文标题: web前端增加后台数据库

本文链接: https://www.lsjlt.com/news/214637.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • web前端增加后台数据库
    随着互联网的快速发展,越来越多的企业和机构开始重视网站的建设和开发,而 web 前端作为网站的门面,对于用户体验和页面展示有着至关重要的作用。但仅有前端的网站,无法满足用户的需求,很多的信息和交互都需要通过后台数据库来实现,因此,前端工程师...
    99+
    2023-05-20
  • 前后端传输数据加密怎么做
    使用base64加密实现前后端数据加密传输的方法具体方法如下:var keyStr = "ABCDEFGHIJKLMNOP"+"QRSTUVWXYZabcdef"+"ghijklmnopqrstuv"+"wxyz0123456789+/="...
    99+
    2024-04-02
  • web前端从Oracle数据库加载动态菜单所用到的数据表
    当我们在使用一款软件或者使用某某管理系统的时候,都会使用到分级菜单来给我们清晰的展示出其功能模块。而这些分级菜单呢,是需要通过对数据库的调用才能展示给我们的。今天,我就主要介绍一下制作分级菜单我们所要用到的...
    99+
    2024-04-02
  • web前端是否应该信任后端API提供的数据?
      目前开发,基本哦度是采用前后端分离的开发模式,前端负责可视化部分,后端负责数据处理,因此从表面上看来,前端和后端应该是分工明确,彼此信任.然而实际上,前端和后端对于数据上应该都要做必要的验证和处理的。  首先说前端向后端传参.这个过程中...
    99+
    2023-06-05
  • 前端与后端传递数据 — — JSON
    前端与后端传递数据 — — JSON 1 前端传送JSON数据给后端 1.1 application/x-www-form-urlencoded默认格式 1.1.1 通过HttpServletReq...
    99+
    2023-10-27
    json 前端 java Content-Type
  • web前端中增加网站流量的方法是什么
    这期内容当中小编将会给大家带来有关web前端中增加网站流量的方法是什么,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。流量对于一个网站的排名来说,是很重要的。对于流量的统计...
    99+
    2024-04-02
  • thinkphp数据库如何增加数据
    小编给大家分享一下thinkphp数据库如何增加数据,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!thinkphp数据库增加数据的方法:1、通过insert方法添...
    99+
    2023-06-22
  • mysql如何增加数据库
    这篇文章主要为大家展示了“mysql如何增加数据库”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“mysql如何增加数据库”这篇文章吧。 ...
    99+
    2024-04-02
  • php如何向数据库增加数据
    这篇文章主要介绍“php如何向数据库增加数据”,在日常操作中,相信很多人在php如何向数据库增加数据问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php如何向数据库增加数据”的疑惑有所帮助!接下来,请跟着小编...
    99+
    2023-06-22
  • web前端怎么更好的展示后端返回的十万条数据
    本篇内容主要讲解“web前端怎么更好的展示后端返回的十万条数据”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“web前端怎么更好的展示后端返回的十万条数据”吧!前置工作先把前置工作给做好,后面才能...
    99+
    2023-06-21
  • ajax如何实现从后台拿数据显示在HTML前端
    小编给大家分享一下ajax如何实现从后台拿数据显示在HTML前端,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!HTML页面,ajax是基于id的,所有用id表示。...
    99+
    2023-06-08
  • java后端怎么接收前端的数据
    Java后端可以通过多种方式接收前端的数据,以下是常见的几种方式:1. URL参数:前端可以将数据通过URL参数的方式传递给后端,后...
    99+
    2023-08-25
    java
  • js插件jsencrypt实现rsa前端加密php后台解密
    前端页面代码 传递到php后台的是公钥加密的数据 Document //公钥 PKCS8(JAVA适用) var PUBLIC_KEY = 'MIGfMA0GCSqG...
    99+
    2023-09-26
    前端 javascript 开发语言 php jquery
  • 前端怎么做数据加密
    在前端中使用aes加密算法对数据进行加密的方法前端代码如下:function aesEncrypt(text, key) {const textBytes = aesjs.utils.utf8.toBytes(text); // 把字符串转...
    99+
    2024-04-02
  • Node怎么实现前后端数据传输加密解密
    今天小编给大家分享一下Node怎么实现前后端数据传输加密解密的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一...
    99+
    2024-04-02
  • java前后端数据怎么交互
    在Java的前后端开发中,有多种方式可以实现前后端数据的交互。以下是几种常见的方式:1. RESTful API:使用基于HTTP协...
    99+
    2023-08-20
    java
  • springboot vue测试平台接口定义前后端新增功能实现
    目录基于 springboot+vue 的测试平台一、后端部分二、前端部分1. rest参数2. 请求体3. 请求参数4. 请求接口基于 springboot+vue 的测试平台 开...
    99+
    2024-04-02
  • 后端java 如何返回给前端 JSON数据
    后端java 如何返回给前端 JSON数据 JSON数据 var data = [ { checkinginTime: '2023-04-23', ip: '111' }, { checkinginTime: '20...
    99+
    2023-08-20
    java 前端 json
  • mysql数据库怎么增加字段
    要在MySQL数据库中增加字段,可以使用ALTER TABLE语句。具体步骤如下: 打开MySQL数据库管理工具,连接到要操作的...
    99+
    2024-04-09
    mysql
  • mysql数据库如何增加用户
    本篇内容主要讲解“mysql数据库如何增加用户”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“mysql数据库如何增加用户”吧! 增加...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作