帮我用PHP写一个增删改查的源码程序，前后端分离

时间: 2023-10-30 10:06:04 浏览: 123

php的增删改查的源代码

4星 · 用户满意度95%

当可以！以下是一个简单的增删改查的源码程序，使用PHP语言和MySQL数据库，采用前后端分离的方式。后端代码：连接数据库： ```php <?php $hostname = "localhost"; // 数据库服务器地址 $username = "用户名"; // 数据库用户名 $password = "密码"; // 数据库密码 $database = "数据库名"; // 数据库名 // 创建连接 $conn = mysqli_connect($hostname, $username, $password, $database); // 检查连接是否成功 if (!$conn) { die("连接失败: " . mysqli_connect_error()); } ?> ``` 增加数据： ```php <?php // 获取请求的JSON数据 $data = json_decode(file_get_contents('php://input'), true); // 获取表单数据 $name = $data['name']; $email = $data['email']; $phone = $data['phone']; // SQL 插入语句 $sql = "INSERT INTO contacts (name, email, phone) VALUES ('$name', '$email', '$phone')"; if (mysqli_query($conn, $sql)) { $response = array('success' => true, 'message' => '数据添加成功！'); echo json_encode($response); } else { $response = array('success' => false, 'message' => '数据添加失败！'); echo json_encode($response); } mysqli_close($conn); ?> ``` 删除数据： ```php <?php // 获取要删除的数据的 ID $id = $_GET['id']; // SQL 删除语句 $sql = "DELETE FROM contacts WHERE id=$id"; if (mysqli_query($conn, $sql)) { $response = array('success' => true, 'message' => '数据删除成功！'); echo json_encode($response); } else { $response = array('success' => false, 'message' => '数据删除失败！'); echo json_encode($response); } mysqli_close($conn); ?> ``` 修改数据： ```php <?php // 获取请求的JSON数据 $data = json_decode(file_get_contents('php://input'), true); // 获取表单数据和要修改的数据的 ID $id = $data['id']; $name = $data['name']; $email = $data['email']; $phone = $data['phone']; // SQL 更新语句 $sql = "UPDATE contacts SET name='$name', email='$email', phone='$phone' WHERE id=$id"; if (mysqli_query($conn, $sql)) { $response = array('success' => true, 'message' => '数据更新成功！'); echo json_encode($response); } else { $response = array('success' => false, 'message' => '数据更新失败！'); echo json_encode($response); } mysqli_close($conn); ?> ``` 查询数据： ```php <?php // SQL 查询语句 $sql = "SELECT * FROM contacts"; $result = mysqli_query($conn, $sql); if (mysqli_num_rows($result) > 0) { // 输出每行数据 $rows = array(); while($row = mysqli_fetch_assoc($result)) { $rows[] = $row; } echo json_encode($rows); } else { $response = array('success' => false, 'message' => '没有数据！'); echo json_encode($response); } mysqli_close($conn); ?> ``` 前端代码： HTML： ```html <!DOCTYPE html> <html> <head> <title>增删改查</title> </head> <body> <h1>联系人列表</h1> <table> <thead> <tr> <th>ID</th> <th>姓名</th> <th>电子邮件</th> <th>电话</th> <th>操作</th> </tr> </thead> <tbody id="tableBody"></tbody> </table> <h1>添加联系人</h1> <form id="addForm"> <label for="name">姓名</label> <input type="text" name="name" id="name"> <br> <label for="email">电子邮件</label> <input type="text" name="email" id="email"> <br> <label for="phone">电话</label> <input type="text" name="phone" id="phone"> <br> <button type="submit">添加</button> </form> <h1>修改联系人</h1> <form id="editForm"> <input type="hidden" name="id" id="editId"> <label for="editName">姓名</label> <input type="text" name="name" id="editName"> <br> <label for="editEmail">电子邮件</label> <input type="text" name="email" id="editEmail"> <br> <label for="editPhone">电话</label> <input type="text" name="phone" id="editPhone"> <br> <button type="submit">保存</button> </form> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> var app = new Vue({ el: '#app', data: { contacts: [], editContact: null }, mounted: function() { this.refreshContacts(); }, methods: { refreshContacts: function() { axios.get('api/contacts.php') .then(function(response) { app.contacts = response.data; }) .catch(function(error) { console.log(error); }); }, addContact: function() { var name = document.getElementById('name').value; var email = document.getElementById('email').value; var phone = document.getElementById('phone').value; axios.post('api/add-contact.php', { name: name, email: email, phone: phone }) .then(function(response) { alert(response.data.message); app.refreshContacts(); document.getElementById('addForm').reset(); }) .catch(function(error) { console.log(error); }); }, deleteContact: function(id) { if (confirm('确定要删除吗？')) { axios.get('api/delete-contact.php?id=' + id) .then(function(response) { alert(response.data.message); app.refreshContacts(); }) .catch(function(error) { console.log(error); }); } }, editContactForm: function(contact) { this.editContact = contact; document.getElementById('editId').value = contact.id; document.getElementById('editName').value = contact.name; document.getElementById('editEmail').value = contact.email; document.getElementById('editPhone').value = contact.phone; }, editContactSubmit: function() { var id = document.getElementById('editId').value; var name = document.getElementById('editName').value; var email = document.getElementById('editEmail').value; var phone = document.getElementById('editPhone').value; axios.post('api/edit-contact.php', { id: id, name: name, email: email, phone: phone }) .then(function(response) { alert(response.data.message); app.refreshContacts(); app.editContact = null; document.getElementById('editForm').reset(); }) .catch(function(error) { console.log(error); }); } } }); </script> </body> </html> ``` 注意：需要使用Vue.js和Axios.js库。希望这个简单的增删改查的源码程序能够帮助到你！

阅读全文

帮我用PHP写一个增删改查的源码程序，前后端分离

相关推荐

spring boot+react 前后端分离实现增删改查

小白利用PHP+MYSQL+HTML做的期末小项目，实现后台与前端的连接，实现了增删改查功能，美化做的不好大家勿喷，还请多多指正

帮我用PHP写一个增删改查的源码程序，前后端分离，打包好让我直接下载

PHP 数据库的连接和增删改查

计算机Web开发课程作业-学生成绩管理-实现成绩的增删改查（源码）

php+smarty最好用的增删改查

练手Lab课程表小程序源码 基于thinkphp系统进行开发的前后端分离系统

ThinkPHP实现登陆、信息的增删改查

简单图书库网页增删改查功能实现源码分享

thinkphp6 前后端分离 后台管理源码

完整thinkPHP增删改查+分页+模糊查询+Ajax登录+注册

竞赛信息管理系统。管理员、教师、学生基本信息管理。对比赛记录，赛事信息的增删改查。并基于角色进行权限控制(RBAC).zip

PHP实例开发源码-QDY php图床管理程序源码.zip

PHP实例开发源码—PHP魅雅有声小说联盟程序源码.zip

php学生成绩查询源码.zip

PHP实例开发源码-漂亮的文章类整站程序源码 php版.zip

前后端分离框架：Thinkphp与Vue2.0的综合后台源码介绍

企业信息展示小程序：前后端源码及使用教程

防疫志愿者管理系统：PHP+layui前后端分离项目

最新推荐

AJAX实现数据的增删改查操作详解【java后台】

php+mysql实现简单的增删改查功能

前后端分离 Spring Boot + Vue 开发网易云&QQ音乐（附源码）.docx

Raspberry Pi OpenCL驱动程序安装与QEMU仿真指南

管理建模和仿真的文件

Fluent UDF实战攻略：案例分析与高效代码编写

如何使用DPDK技术在云数据中心中实现高效率的流量监控与网络安全分析？

Apache RocketMQ Go客户端：全面支持与消息处理功能

"互动学习：行动中的多样性与论文攻读经历"

Fluent UDF进阶秘籍：解锁高级功能与优化技巧

练手Lab课程表小程序源码基于thinkphp系统进行开发的前后端分离系统

thinkphp6 前后端分离后台管理源码