导入到javascript前端(html javascript)
我有一个名为lowdb的数据库(它是一个nodejsapi),它位于后端。 我想在html标记中使用它,即javascript前端。导入到javascript前端(html javascript),javascript,html,node.js,Javascript,Html,Node.js,我有一个名为lowdb的数据库(它是一个nodejsapi),它位于后端。 我想在html标记中使用它,即javascript前端。 如何将lowdb导入前端javascript?第一个前端=浏览器,后端=nodejs。您肯定是说LowDB可以作为NodeJS模块使用,这意味着它可以与NPM一起安装,用于前端或后端开发 如果您没有在前端开发中使用NPM,您仍然可以导入带有标记的模块 让我们看一个仅使用HTML/javascript的示例: (来自: 添加帖子 负荷柱 var adapter=新
如何将lowdb导入前端javascript?第一个前端=浏览器,后端=nodejs。您肯定是说LowDB可以作为NodeJS模块使用,这意味着它可以与NPM一起安装,用于前端或后端开发 如果您没有在前端开发中使用NPM,您仍然可以导入带有
标记的模块
让我们看一个仅使用HTML/javascript的示例:
(来自:
添加帖子
负荷柱
var adapter=新的本地存储('db')
var db=低(适配器)
默认值({posts:[]})
.write()
函数add(){
//数据会自动保存到本地存储
db.get('posts'))
.push({title:'lowdb'})
.write()
}
函数加载(){
var div=document.querySelector('div')
var text=div.innerText;
text+=db.get('posts').map(post=>post.title).join(';');
div.innerText=文本
}
查看此项工作:@Teemu但他要求使用导入,而导入不起作用:未捕获语法错误:无法在模块外使用导入语句您必须将该导入放入页面上具有模块类型的脚本标记中。
<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>