Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
WRVR
VueJS_315606
提交
2e987305
V
VueJS_315606
项目概览
WRVR
/
VueJS_315606
与 Fork 源项目一致
Fork自
inscode / VueJS
通知
1
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
V
VueJS_315606
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
You need to sign in or sign up before continuing.
提交
2e987305
编写于
6月 25, 2023
作者:
6
637f075a0567bd2c57c77830
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Sun Jun 25 08:15:00 UTC 2023 inscode
上级
4e835198
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
36 addition
and
69 deletion
+36
-69
index.html
index.html
+36
-69
未找到文件。
index.html
浏览文件 @
2e987305
<template>
const { MongoClient, ServerApiVersion } = require('mongodb');
<div
class=
"input-form"
>
<h1>
command
</h1>
<form
@
submit.prevent=
"submitForm"
>
<textarea
style=
"width: 100%;"
v-model=
"inputText"
cols=
"30"
rows=
"10"
></textarea>
<br>
<button
type=
"submit"
id=
"submit"
>
提交
</button>
</form>
<textarea
style=
"width: 100%;"
name=
"output"
id=
"output"
cols=
"30"
rows=
"10"
>
{{ this.msg.outputText }}
</textarea>
<button
id=
"btn_copy"
onclick=
"copy()"
>
复制
</button>
<textarea
v-if=
"this.msg.error"
style=
"width: 100%;"
id=
"errorMessage"
rows=
"10"
>
{{ this.msg.error }}
</textarea>
</div>
</template>
<script>
const uri = 'mongodb+srv://
<username>
:
<password>
@cluster0.kmggvco.mongodb.net/
<dbname>
?retryWrites=true
&w=majority';
import
axios
from
"
axios
"
;
export
default
{
// Create a MongoClient with a MongoClientOptions object to set the Stable API version
name
:
"
About
"
,
const client = new MongoClient(uri, {
data
()
{
serverApi: {
return
{
version: ServerApiVersion.v1,
msg
:
""
,
strict: true,
inputText
:
""
,
deprecationErrors: true,
};
}
},
});
created
()
{
axios
async function run() {
.
get
(
"
http://localhost:8080/about
"
)
try {
.
then
((
res
)
=>
{
await client.connect();
this
.
msg
=
res
.
data
;
console.log('Connected to MongoDB!');
})
.
catch
((
err
)
=>
{
// Get a reference to the database
});
const db = client.db('mydatabase');
},
methods
:
{
submitForm
()
{
axios
.
post
(
"
http://localhost:8080/about
"
,
{
inputText
:
this
.
inputText
})
.
then
((
res
)
=>
{
this
.
msg
=
res
.
data
;
})
.
catch
((
err
)
=>
{
});
},
handleKeyDown
(
event
)
{
console
.
log
(
'
test-key
'
,
event
.
keyCode
)
if
(
event
.
key
===
"
F5
"
)
{
event
.
preventDefault
();
this
.
submitForm
();
}
},
},
mounted
()
{
document
.
addEventListener
(
"
keydown
"
,
this
.
handleKeyDown
);
},
beforeDestroy
()
{
document
.
removeEventListener
(
"
keydown
"
,
this
.
handleKeyDown
);
},
};
function
copy
()
{
document
.
getElementById
(
"
output
"
).
select
()
document
.
execCommand
(
'
copy
'
);
}
</script>
// Get a reference to the collection
<style
scoped
>
const collection = db.collection('mycollection');
h1
,
h2
{
// Insert a document
font-weight
:
normal
;
const resultInsert = await collection.insertOne({ name: 'Alice', age: 30 });
console.log(`Inserted ${resultInsert.insertedCount} documents into the collection`);
// Find documents
const resultFind = await collection.find({ age: { $gt: 25 } }).toArray();
console.log(`Found ${resultFind.length} documents that match the query`);
console.log(resultFind);
} finally {
await client.close();
console.log('Disconnected from MongoDB!');
}
}
}
</style>
run().catch(console.error);
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录