无为网站建设_企业网站制作公司_高端网站设计开发-无为上往
一般来说,商业网站建设交互性有以下几个特点:
1、能吸引浏览者一步一步地点击、浏览,并充分利用互动促进浏览者对商品的兴趣,从而产生购买欲望。
2、展示产品更全面、更到位、更灵活。
3、3D、AE、图标、插画等,都可以应用到交互设计中,互相配合。
高端网站建设流程
1、对客户的产品和服务深入挖掘,理解客户的品牌文化和诉求,从中提取卖点并转化为有效的视觉语言,使之符合客户对于整个产品的定位和宣传。
2、通过不断的观察,做到从消费者、浏览者的角度出发来设计网站,寻找最适合主题且不会引起观者反感的表达方式。
3、采用最新的技术手段和创意点,为整个网站设计更完美的效果。
4、网站设计团队要紧密配合,不断在页面设计、互动体验、浏览速度等方面进行测试改进。
删除集合
我们可以使用 drop() 方法来删除集合:
drop()
var MongoClient = require('mongodb').MongoClient;var url = "mongodb://localhost:27017/";
MongoClient.connect(url, function(err, db) {
if (err) throw err; var dbo = db.db("runoob");
dbo.collection("test").drop(function(err, delOK) {
if (err) throw err; if (delOK) console.log("集合已删除"); db.close(); });});
使用 Promise
Promise 是一个 ECMAScript 6 提供的类,目的是更加优雅地书写复杂的异步任务。
如果你还不了解 Promise,可以参考 JavaScript Promise。
以下实例使用 Promise 创建集合:
实例
const MongoClient = require("mongodb").MongoClient;const url = "mongodb://localhost/runoob";MongoClient.connect(url).then((conn) => {
console.log("数据库已连接"); var dbase = conn.db("runoob"); dbase.createCollection("site").then((res) => {
console.log("已创建集合"); }).catch((err) => {
console.log("数据库操作错误"); }).finally(() => {
conn.close(); });}).catch((err) => {
console.log("数据库连接失败");});
Promise 数据操作
现在我们在一个程序中实现四个连续操作:增加 、查询 、更改 、删除。
实例
const MongoClient = require("mongodb").MongoClient;const url = "mongodb://localhost/";MongoClient.connect(url).then((conn) => {
console.log("数据库已连接"); const test = conn.db("testdb").collection("test");
test.insertOne({ "site": "runoob.com" }).then((res) => {
return test.find().toArray().then((arr) => {
console.log(arr); }); }).then(() => {
return test.updateMany({ "site": "runoob.com" }, { $set: { "site": "example.com" } }); }).then((res) => {
return test.find().toArray().then((arr) => {
console.log(arr); }); }).then(() => {
return test.deleteMany({ "site": "example.com" }); }).then((res) => {
return test.find().toArray().then((arr) => {
console.log(arr); }); }).catch((err) => {
console.log("数据操作失败" + err.message); }).finally(() => {
conn.close(); });}).catch((err) => {
console.log("数据库连接失败");});
执行结果:
数据库已连接[ { _id: 5f1664966833e531d83d3ac6, site: 'runoob.com' } ][ { _id: 5f1664966833e531d83d3ac6, site: 'example.com' } ][]
用异步函数实现相同的数据操作
实例
const MongoClient = require("mongodb").MongoClient;const url = "mongodb://localhost/";
async function dataOperate() {
var conn = null; try {
conn = await MongoClient.connect(url); console.log("数据库已连接"); const test = conn.db("testdb").collection("test");
await test.insertOne({ "site": "runoob.com" });
var arr = await test.find().toArray(); console.log(arr);
await test.updateMany({ "site": "runoob.com" }, { $set: { "site": "example.com" } });
arr = await test.find().toArray(); console.log(arr);
await test.deleteMany({ "site": "example.com" });
arr = await test.find().toArray(); console.log(arr); } catch (err) {
console.log("错误:" + err.message); } finally {
if (conn != null) conn.close(); }}
dataOperate();
运行结果:
数据库已连接[ { _id: 5f169006a2780f0cd4ea640b, site: 'runoob.com' } ][ { _id: 5f169006a2780f0cd4ea640b, site: 'example.com' } ][]
运行结果完全一样。
很显然,异步函数是一种非常良好的编程风格,在多次使用异步操作的时候非常实用。
但是请勿在低于 7.6.0 版本的 node.js 上使用异步函数。
无为网站建设_企业网站制作公司_高端网站设计开发-无为上往