uniapp增删改查简单实现

Uniapp 是一个跨平台的应用程序开发框架，可以用于开发微信小程序、App 和 H5 等多种应用程序。如果要实现增删改查，可以使用 uniapp 搭配后端技术实现。下面是一个简单的示例：

1. 创建一个数据库表

首先，需要创建一个数据库表，表名为 `user`，包含以下字段：

- `id`：自增长的主键
- `name`：用户姓名
- `age`：用户年龄
- `gender`：用户性别

2. 后端实现

使用 Node.js 和 Express 框架，编写后端接口实现增删改查功能。以下是示例代码：

const express = require('express');
const bodyParser = require('body-parser');
const mysql = require('mysql');
const app = express();
const port = 3000;

// 创建连接池
const pool = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: '123456',
  database: 'test'
});

// 解析 application/json
app.use(bodyParser.json());

// 查询用户列表
app.get('/api/user', (req, res) => {
  const sql = 'SELECT * FROM user';
  pool.query(sql, (err, result) => {
    if (err) throw err;
    res.send(result);
  });
});

// 查询单个用户
app.get('/api/user/:id', (req, res) => {
  const id = req.params.id;
  const sql = 'SELECT * FROM user WHERE id = ?';
  pool.query(sql, id, (err, result) => {
    if (err) throw err;
    res.send(result[0]);
  });
});

// 新增用户
app.post('/api/user', (req, res) => {
  const { name, age, gender } = req.body;
  const sql = 'INSERT INTO user SET ?';
  const user = { name, age, gender };
  pool.query(sql, user, (err, result) => {
    if (err) throw err;
    res.send('User added successfully');
  });
});

// 修改用户
app.put('/api/user/:id', (req, res) => {
  const id = req.params.id;
  const { name, age, gender } = req.body;
  const sql = 'UPDATE user SET name = ?, age = ?, gender = ? WHERE id = ?';
  pool.query(sql, [name, age, gender, id], (err, result) => {
    if (err) throw err;
    res.send('User updated successfully');
  });
});

// 删除用户
app.delete('/api/user/:id', (req, res) => {
  const id = req.params.id;
  const sql = 'DELETE FROM user WHERE id = ?';
  pool.query(sql, id, (err, result) => {
    if (err) throw err;
    res.send('User deleted successfully');
  });
});

// 启动服务
app.listen(port, () => {
  console.log(`Server started at http://localhost:${port}`);
});

3. 前端实现

在 uniapp 中，通过 `uni.request` 方法调用后端接口实现增删改查功能。以下是示例代码：

export default {
  data() {
    return {
      userList: []
    };
  },
  created() {
    // 查询用户列表
    uni.request({
      url: 'http://localhost:3000/api/user',
      success: res => {
        this.userList = res.data;
      }
    });
  },
  methods: {
    // 查询单个用户
    getUser(id) {
      uni.request({
        url: `http://localhost:3000/api/user/${id}`,
        success: res => {
          console.log(res.data);
        }
      });
    },
    // 新增用户
    addUser(user) {
      uni.request({
        url: 'http://localhost:3000/api/user',
        method: 'POST',
        data: user,
        success: res => {
          console.log(res.data);
        }
      });
    },
    // 修改用户
    updateUser(id, user) {
      uni.request({
        url: `http://localhost:3000/api/user/${id}`,
        method: 'PUT',
        data: user,
        success: res => {
          console.log(res.data);
        }
      });
    },
    // 删除用户
    deleteUser(id) {
      uni.request({
        url: `http://localhost:3000/api/user/${id}`,
        method: 'DELETE',
        success: res => {
          console.log(res.data);
        }
      });
    }
  }
}

以上就是一个简单的 uniapp 增删改查的实现示例。需要注意的是，这只是一个示例，实际开发中需要根据具体业务需求进行适当调整。