ZhangXD_BLOG-CSDN博客

原创 Node.js- MongoDB操作-文档查询

11.文档查询1.查询（1）方法Db.collName.find() --查询所有文档（数据） Db.collName.findOne() --查询满足条件的第一个文档（数据） Db.collName.find().pretty() --返回易读的格式 Db.collName.find().count() --集合中文档（数据）的数量 Db.collName.cou...

2019-03-14 12:35:19 1150

原创 Node.js- MongoDB操作-文档删除

10. 删除文档（1）方法Db.collName.deleteOne() Db.collName.deleteMany() Db.collName.remove()（2）语法db.collName.remove( <query>, { justOne: <boolean>, writeConcern: &l...

2019-03-14 12:14:52 873

原创 Node.js-MongoDB操作-文档更新

9.文档的更新（1）方法 Db.collName.updateOne() Db.collName.updateMany() Db.collName.update() Db.collName.relpaceOne()（2）语法db.collName.update( <query>, <...

2019-03-14 12:09:46 2990

原创 Node.js- MongoDB操作-添加文档

8. 添加文档（1）方法 Db.collName.insertOne() Db.collName.insertMany() Db.collName.insert() 若指定ID，只能添加，不能修改 Db.collName.save() --可以修改和添加数据（2）语法Db.collectio...

2019-03-14 11:55:07 476

原创 Node.js- MongoDB操作-集合操作

7. 集合操作（1）创建集合 Db.createCollection(‘collName’,options); options是对象，指定集合特性，可以省略（2）查看帮助 Db.collName.help(); --db.collName是对象，查看该对象下的方法（3）集合状态 db.printCollectio...

2019-03-14 11:50:42 585

原创 Node.js-MongoDB操作-数据库操作

6. 数据库操作（1）帮助 Help --查看帮助 Db.和help() --db对象的方法属性（2）切换/创建数据库 Use dbname 当创建一个集合（collection）的时候会自动创建当前数据库（3）查看所有数据库 Show dbs; Db.getCol...

2019-03-14 11:47:40 241

原创 Node.js-MogoDB操作-连接

5. 连接MongDB服务(1) 连接 mongo host:port/database -u user -p password Host MongDB服务器的主机名（地址），默认localhost Port MongDB服务器端口，默认27017 Database连接后打开的数据库，默认test首先，连接上：命令mongo（...

2019-03-14 11:40:51 183

原创 Node.js-MongoDB客户端工具和基本概念

4. MongoDB客户端工具和基本概念（1）GUI客户端工具 Robo3T：https://robomongo.org/ Nosqlclient：https://github.com/nosqlclient/nosqlclient/ NoSQL Manager for MongoDB：https://www.mongodbmanager.com...

2019-03-14 11:36:10 311

原创 Node.js- MongoDB在MacOS中安装

3.MacOS下安装（1）安装brew 打开终端，执行 /usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)" brew官网： https://brew.s（2）安装MongoDB...

2019-03-14 11:02:41 168

原创微信小程序---左右滑动（图片列表）

index.wxml:<view class="scroll_box" > <scroll-view class="scroll-view_x" scroll-x style="width: auto;overflow:hidden;"> <view class="item_list"> &a

2019-03-13 15:29:25 5443 1

原创微信小程序---多项选中（单选）

index.wxml <view class='list'> <view class='colorList' bindtap='toggleBtn' id='1'> <view class='white'> <view class="{{idx==1?'show':'hidden'}}"> ...

2019-03-13 15:21:24 3036

原创微信小程序---弹框渐变动画（wx.createAnimation）

index.wxml<view class='bottom' bindtap='showModal'>选择颜色</view><view animation="{{animationData}}" class='maskLayer' wx:if="{{showModalStatus}}"> <view class=

2019-03-13 15:15:48 9551 1

原创微信小程序-Tab标签

index.wxml <view class='itemContent'>  <view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap=

2019-03-13 15:01:39 519

原创微信小程序--解析富文本编辑器HTML

1. index.wxss 中引入wxParse.wxss文件@import "../wxParse/wxParse.wxss";2. index.wxml页面中引入wxParse.wxml文件<import src="../wxParse/wxParse.wxml" />3. index.js页面中引入wxParse.js文件var WxParse = ...

2019-03-13 14:48:06 1248 1

原创微信小程序---支付功能（签名失败）

wx.requestPayment({ 'appId': res2.data.result.result.appid, 'timeStamp': res2.data.result.result.timestamp + '', 'nonceStr': res2.data.result.result.noncestr, 'package': 'prepay_id=' ...

2019-03-13 14:22:05 2246 1

原创微信小程序---单张图片上传到七牛

单张图上传到七牛：const qiniuUploader = require("../../../utils/qiniuUploader"); // 路径要自己搞定Page({ didPressChooseImage: function() { var that = this; // 选择图片 wx.chooseImage({ count: 1,...

2019-03-13 14:08:20 788

原创微信小程序---多图上传到七牛，并从七牛传到服务器（多图上传和重命名）

实现本地图片上传--->七牛---->服务器1.调取图片上传wx.chooseImage({})2.将上传的图片拼接成数组，并重命名3. 上传至七牛,成功后返回key值，拼接成字符串后在 SDK 目录下找到 qiniuUploader.js 文件，在需要使用上传功能的页面引用 qiniuUploader.js 文件，该方法四个参数，上传成功的回调函数返回了成功...

2019-03-13 11:47:32 2013

原创微信小程序---手机照片上传和删除

wxml： <view class="gallery">  <view class="item" wx:for="{{images}}" wx:key="index"> <image src="{{item}}" data-src="{{item

2019-03-12 16:46:01 1040

原创微信小程序--截取时间年月日

主要是：let dataList = res.data.result.data; //获取到的数据 dataList.forEach((item) => { item.date = item.date.substring(0, 10); //要截取字段的字符串})例子：wx.request({ url: 'https://xxx', ...

2019-03-11 18:12:52 2892

原创微信小程序--打电话

wxml:<view class='tel' bindtap='tel'>客服</view>js： // 客服 tel: function() { wx.makePhoneCall({ phoneNumber: '123456', }) }

2019-03-11 18:09:23 339

原创微信小程序-点击按钮内容显示和隐藏，并且文字改变

wxml:<view class="more" bindtap="showedit">{{editText}}</view><view class="delete {{editTrue?'isRuleShow':'isRuleHide'}}"> &amp

2019-03-11 17:56:22 21358 2

原创微信小程序--open-data获取用户头像实现头像圆角

index.wxml:<view class="userinfo-avatar"> <open-data type="userAvatarUrl"></open-data></view>wxss:.userinfo-avatar { text-align: center; margin: 0 auto; overf...

2019-03-11 17:46:36 1823

原创微信小程序--wx:for循环多个嵌套数组

读取数据，数组下有多个数组：wxml页面上显示：wx:for="{{photo}}" wx:for-item="dayItem" wx:key="{{dayItem.id}}"wx:for="{{dayItem.color}}" wx:key="{{item.colorId}}"例子： <view class="scroll_box" wx:f

2019-03-11 17:36:44 19998 1

原创微信小程序--防止页面多次点击，多次跳转，多次执行函数

解决办法：就是函数节流(throttle)：函数在一段时间内多次触发只会执行第一次，在这段时间结束前，不管触发多少次也不会执行函数。util.js:function throttle(fn, gapTime) { if (gapTime == null || gapTime == undefined) { gapTime = 1500 } ...

2019-03-11 16:01:35 2918 3

原创微信小程序-wx.showToast自定义显示图片

提示错误，自定义图片wx.showToast({ title: '保存失败', image: '../image/error.png', duration: 1000})提示完成之后进行的操作wx.showToast({ title: '正在打印中', icon: 'success', duration: 3000, succ...

2019-03-07 16:01:29 9969

原创小程序-转发分享功能

点击又上角--转发或者button按钮分享<button class='share' open-type="share" hover-class="none"> <image src="https://data.bphotos.cn/share.png" mode="widthFix"></image>

2019-03-07 15:59:37 789 1

原创微信小程序-自定义头部导航

先展示效果：步骤一：app.json:中添加"window": { "navigationStyle":"custom" }步骤二：app.js：获取手机系统信息及导航高度App({ onLaunch: function (options) { // 获取手机系统信息 wx.getSystemInfo({ success...

2019-03-07 14:39:14 10442 3

原创微信小程序-获取swiper-item中image的值（item-id）

滑过一个图片获取该图片的id，或者打印其他的item值只需要加：item-id="{{item.id}}" <swiper bindchange="swiperchange"> <block wx:for="{{photos}}" wx:key='{{item.id}}'> <swiper-item item-id="{{item.i.

2019-03-01 15:37:59 8931

原创微信小程序-下载照片到本地

xml:<view class='btn download' bindtap="downloadphoto"> <image src='../../image/btn_1.png' mode="widthFix"></image> <text>下载照片</text> </view

2019-03-01 15:22:22 2102

原创微信小程序-截取时间字符串（显示年月日）

主要用到：substring(0, 10)js:var that = this wx.request({ url: 'https://xxxxx', headers: { 'Content-Type': 'application/json' }, method: 'GET', ...

2019-03-01 15:19:42 7089

swiper高度问题一直困扰我。今天终于有时间来解决一下。因为他的高度不能固定死，写死其他数据展示不完全，不写或者100%，auto都不行。翻了一堆资料也查了很多，最后总结一下。1.很多人都说用一种方法。就是高度*数量，也就是所说的获取数据数组长度，根据数据长度来动态改变每页的长度，因为字号啊什么的在各个手机显示不一定都相同，总感觉不是解决问题的最佳方法。2.使用Swiper+scroll-v...

2019-02-28 11:21:03 29563 23

转载小程序font-family字体设置

适用于HTML，CSS，font-family：中文字体的英文名称宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB2312楷...

2019-02-15 11:10:23 16158

原创微信小程序-设置本地缓存和读取

设置：wx.setStorage({ key: 'number', data: res.data.result.number})读取： wx.getStorage({ key: 'number', success: function(res) { that.setData({ ...

2019-02-12 17:12:57 6802

原创微信小程序-其他page中js读取app.js中的变量

const app = getApp();Page({ data: { userInfo: app.globalData.userInfo }})

2019-02-12 17:06:29 5776

原创微信小程序---点赞（图片和点赞数更改）

index.wxml<view class='btn_01'> <image src="{{favor_img}}" bindtap="dianzan" wx:if="{{liked==1}}" mode="widthFix"></image> <image src="{{favor_img2}}&

2019-02-12 17:01:27 8957 4

原创微信小程序---评论功能实现

index.wxml:提交评论：   <view class="message"> <form bindsubmit="formSubmit" class='form'> <input type="text" na

2019-02-12 16:48:37 14680 1

原创微信小程序---搜索功能并跳转搜索结果页面

搜索页面：search.wxml页面： <view class="form"> <input class="searchInput" value='{{keyWord}}' bindconfirm='goSearch' placeholder="请输入搜索关键字" type="text" /> </view>

2019-02-12 16:20:58 15338 2