ICANUI-DIV操作数据库

2022-09-13 07:20:02

一、查询数据

前端发起请求

1、模板绑定点击函数

2、test.js 定义触发函数

    select(){ //函数触发就给服务器端发送请求

        this.http.post(["test",1],r=>{   

        //test为http.json定义的方法
        //该数组后可接多个参数，后端接收为v1...

            console.log(r);  //请求成功后返回的数据

        });
    }

后端更改配置并返回信息

test.js中开启debug模式

can.system.debug=true;

1、更改 config.php 服务器地址、用户名、数据库密码、数据库名

<?php
define("HOST","localhost"); //服务器地址
define("DB_USER","root"); //用户名
define("DB_PASSWORD","root"); //数据库密码
define("DB_NAME","tt"); //数据库名

?>

2、更改 protocols.php 的sql语句

<?php $protocols=‘{
    "test": {
        "require": "mysql",
        "func": "query",
        "args": [
            "SELECT * from test WHERE id=\‘{v1}\‘",
            "json"
        ]
    }
}‘ ?>

注：查询多条语句时，可将 "json" 换成 "array"。前端接收到数据可直接用 JSON.parse() 将数据转为数组

二、添加数据

1、前端绑定提交事件，test.js接收页面的参数并传递ajax请求

2、后端protocols.php 添加sql语句

    "user_insert": {
        "require": "mysql",
        "func": "query",
        "args": [
            "INSERT INTO test (name,chinese,maths,english) VALUES (\‘{v1}\‘,\‘{v2}\‘,\‘{v3}\‘,\‘{v4}\‘)",
            "json"
        ]
    }

三、修改数据

    "user_update": {
        "require": "mysql",
        "func": "query",
        "args": [
            "UPDATE test SET chinese=\‘{v2}\‘,maths=\‘{v3}\‘,english=\‘{v4}\‘ WHERE name=\‘{v1}\‘",
            "json"
        ]
    },

四、删除数据

    "user_delete": {
        "require": "mysql",
        "func": "query",
        "args": [
            "delete from test WHERE Id={v1}",
            "json"
        ]
    },