普通Html如何调用数据库

0.054字数 86阅读 2317

最近有人问到不用VUE等前端框架,只想简单在一个html显示我的数据库数据。如何实现,这里写个例子 js 代码实现不到10行

效果

image.png

HTML代码

<html>
<head>
    <title>Bmob后端云测试</title>
    <script src="Bmob-1.4.2.min.js"></script>
    <script>
    Bmob.initialize('9b41c92db4976a1bae59d554f0c3fc4a', '7fa2bb3451025d9da1f234e700ea161a')
    const query = Bmob.Query("newslist");
    query.find().then(res => {
        console.log(res)
        for (var i = 0; i < res.length; i++) {
           document.write(`${i}:${res[i].title}-----${res[i].createdAt}<br>`)
        };
    });
    </script>
</head>
<body>

</body>
</html>

最后附上JS操作数据库文档
https://bmob.github.io/hydrogen-js-sdk/#/?id=查询所有数据

推荐阅读更多精彩内容