导入到javascript前端(html javascript)



我有一个名为lowdb的数据库(它是一个nodejs api),它在后端。我想在html标签中使用它,即javascript前端。我如何将lowdb导入前端javascript?

前端=浏览器,后端= nodejs。你的意思肯定是说,LowDB可以作为NodeJS模块使用,这意味着它可以与NPM一起安装,无论是用于前端还是后端开发。

如果你不使用NPM进行前端开发,你仍然可以导入带有<script>标签的模块。

让我们看一个只使用HTML/javascript的例子:

(来自文档):

<html>
<head>
<script src="https://unpkg.com/lodash@4/lodash.min.js"></script>
<script src="https://unpkg.com/lowdb@0.17/dist/low.min.js"></script>
<script src="https://unpkg.com/lowdb@0.17/dist/LocalStorage.min.js"></script>
</head>
<body>
<button onclick="add()">Add Post</button>
<button onclick="load()">Load Post</button>
<div></div>
</body>
<script>
var adapter = new LocalStorage('db')
var db = low(adapter)
db.defaults({ posts: [] })
.write()
function add() {
// Data is automatically saved to localStorage
db.get('posts')
.push({ title: 'lowdb' })
.write()
}
function load() {
var div = document.querySelector('div')
var text = div.innerText;
text += db.get('posts').map(post=>post.title).join(';');
div.innerText = text 
}
</script>
</html>

查看此作品:https://codepen.io/bcaure/pen/ExgBPBz

最新更新