Bootstrap/Html5/Css3 问答社区

怎么渲染axios获取的数据呢？谢谢大佬

VUE • 一个很喽的名字发起了问题 • 1 人关注 • 0 个回复 • 6 次浏览 • 2 天前 • 来自相关话题

招聘Node主程序

求职招聘 • Reiayanami 发起了问题 • 1 人关注 • 0 个回复 • 66 次浏览 • 2018-10-22 09:25 • 来自相关话题

queries 分离函数适用 mongoose

Nodejs • lopo1983 发表了文章 • 0 个评论 • 97 次浏览 • 2018-10-17 21:34 • 来自相关话题

// app/extend/helper.js
/**
* GET querys 分离函数
* @param {String} pages 分页 [上一页最后一个数据的_id，分页数量] 分页数量默认为10
* @param {String} fields 需要展示的字段 a,b,c,d
* @param {String} unFields 不需要展示的字段 a,b,c,d
* @param {String} querys 查询条件如 a=1&b=2&c=3
* @param {String} orderBy 排序字段
* @param {String} sort 排序方式【1：正序，-1：倒序】（必须与prderBy同时出现）
* @param {String} dates 时间范围/时间查询 [开始时间，结束时间]/查询时间
*
* @version 1.0.1
* 2018/10/17 修改返回值类型可直接供mongoose使用
*
* @example
* GET /user/?orderBy=compName&sort=-1&pages=20,1&fields=compName,compAuth,compEmail&unFields=status&dates=2018-8-5&name=lopo
* @return {Object}
* {
* querys: { name: 'lopo' },
* select: { compName: 1, compAuth: 1, compEmail: 1, status: 0 },
* pages: { marker: '1', limit: '20' },
* sort: { compName: '-1' },
* dates: '2018-8-5'
* }
*/
queryParamFn(querys) {
const mapFN = (str) => (field, val) => str[field].split(',').reduce((a, b) => { a<strong> = val; return a }, {});
let strToArr = mapFN(querys);
const pages = !!querys.pages && querys.pages;
const orderBy = !!querys.orderBy && querys.orderBy;
const sort = !!querys.sort && querys.sort;
const dates = !!querys.dates && querys.dates;
const fields = !!querys.fields ? strToArr('fields', 1) : {};
const unFields = !!querys.unFields ? strToArr('unFields', 0) : {};
const dateFn = () => {
if (!!dates) {
const ARR = dates.split(',');
return ARR.length === 2 ? { '$gte': ARR[1], '$lte': ARR[0] } : `${ARR}`
}
}
const sortFn = () => {
let OBJ = {};
if (!!orderBy) {
OBJ[orderBy] = sort;
return OBJ
}
return OBJ || {}
}
delete querys.pages;
delete querys.fields;
delete querys.unFields;
delete querys.orderBy;
delete querys.sort;
delete querys.dates;
return {
'querys': querys || {},
'select': { ...fields, ...unFields },
...(!!pages && {
'pages': {
'marker': pages.split(',')[1] || undefined,
'limit': pages.split(',')[0] || 10
}
}),
...!!orderBy && {
'sort': sortFn()
},
...!!dates && {
'dates': dateFn()
}
}
} 查看全部

    // app/extend/helper.js

    /**

     * GET querys 分离函数

     * @param {String}     pages        分页   [上一页最后一个数据的_id，分页数量] 分页数量默认为10

     * @param {String}     fields       需要展示的字段 a,b,c,d

     * @param {String}     unFields     不需要展示的字段 a,b,c,d

     * @param {String}     querys       查询条件 如 a=1&b=2&c=3

     * @param {String}     orderBy      排序字段

     * @param {String}     sort         排序方式【1：正序，-1：倒序】（必须与prderBy同时出现）

     * @param {String}     dates        时间范围/时间查询 [开始时间，结束时间]/查询时间

     * 

     * @version 1.0.1

     *  2018/10/17    修改返回值类型可直接供mongoose使用

     * 

     * @example 

     * GET /user/?orderBy=compName&sort=-1&pages=20,1&fields=compName,compAuth,compEmail&unFields=status&dates=2018-8-5&name=lopo

     * @return {Object}

     * { 

     *  querys: { name: 'lopo' },

     *  select: { compName: 1, compAuth: 1, compEmail: 1, status: 0 },

     *  pages: { marker: '1', limit: '20' },

     *  sort: { compName: '-1' },

     *  dates: '2018-8-5' 

     * }

     */

    queryParamFn(querys) {

        const mapFN = (str) => (field, val) => str[field].split(',').reduce((a, b) => { a<strong> = val; return a }, {});

        let strToArr = mapFN(querys);

        const pages = !!querys.pages && querys.pages;

        const orderBy = !!querys.orderBy && querys.orderBy;

        const sort = !!querys.sort && querys.sort;

        const dates = !!querys.dates && querys.dates;

        const fields = !!querys.fields ? strToArr('fields', 1) : {};

        const unFields = !!querys.unFields ? strToArr('unFields', 0) : {};

        const dateFn = () => {

            if (!!dates) {

                const ARR = dates.split(',');

                return ARR.length === 2 ? { '$gte': ARR[1], '$lte': ARR[0] } : `${ARR}`

            }

        }

        const sortFn = () => {

            let OBJ = {};

            if (!!orderBy) {

                OBJ[orderBy] = sort;

                return OBJ

            }

            return OBJ || {}

        }

        delete querys.pages;

        delete querys.fields;

        delete querys.unFields;

        delete querys.orderBy;

        delete querys.sort;

        delete querys.dates;

        return {

            'querys': querys || {},

            'select': { ...fields, ...unFields },

            ...(!!pages && {

                'pages': {

                    'marker': pages.split(',')[1] || undefined,

                    'limit': pages.split(',')[0] || 10

                }

            }),

            ...!!orderBy && {

                'sort': sortFn()

            },

            ...!!dates && {

                'dates': dateFn()

            }

        }

    }

mongo TTL 索引

mongodb • lopo1983 发表了文章 • 0 个评论 • 101 次浏览 • 2018-10-15 23:48 • 来自相关话题

TTL索引是MongoDB中一种特殊的索引，可以支持文档在一定时间之后自动过期删除，目前TTL索引只能在单字段上建立，
并且字段类型必须是date类型或者包含有date类型的数组（如果数组中包含多个date类型字段，则取最早时间为过期时间）
官网介绍链接：https://docs.mongodb.com/v3.2/core/index-ttl/

①TTL索引是单字段索引，混合索引不支持TTL，并且也会忽略expireAfterSeconds属性②在_id 主键上不能建立TTL索引③在capped collection中不能建立TTL索引，因为MongoDB不能从capped collection中删除文档④你不能使用createIndex()去更改已经存在的TTL索引的expireAfterSeconds值，如果想更改expireAfterSeconds，可以使用collMod命令，否则你只能删除索引，然后重建了⑤你不能在已有索引的字段上再创建TTL索引了，如果你想把非TTL索引改为TTL索引，那就只能删除重建索引了

db.getCollection('smscodes').ensureIndex({'expiresIn':1},{"expireAfterSeconds":60*1})
MongoDB 权威指南的语法错误列为：expireAfterSecs 貌似新版的应该为如上代码查看全部

TTL索引是MongoDB中一种特殊的索引，可以支持文档在一定时间之后自动过期删除，目前TTL索引只能在单字段上建立，
并且字段类型必须是date类型或者包含有date类型的数组（如果数组中包含多个date类型字段，则取最早时间为过期时间）

官网介绍链接：https://docs.mongodb.com/v3.2/core/index-ttl/

①TTL索引是单字段索引，混合索引不支持TTL，并且也会忽略expireAfterSeconds属性
②在_id 主键上不能建立TTL索引
③在capped collection中不能建立TTL索引，因为MongoDB不能从capped collection中删除文档
④你不能使用createIndex()去更改已经存在的TTL索引的expireAfterSeconds值，如果想更改expireAfterSeconds，可以使用collMod命令，否则你只能删除索引，然后重建了
⑤你不能在已有索引的字段上再创建TTL索引了，如果你想把非TTL索引改为TTL索引，那就只能删除重建索引了

db.getCollection('smscodes').ensureIndex({'expiresIn':1},{"expireAfterSeconds":60*1})

MongoDB 权威指南的语法错误列为：expireAfterSecs 貌似新版的应该为如上代码

mongo 插入多维数组唯一 $ne+$push

mongodb • lopo1983 发表了文章 • 0 个评论 • 59 次浏览 • 2018-09-28 18:22 • 来自相关话题

mongo $addToSet 用于处理普通数组不重复的问题
但是遇到多维的就会出现问题

故只能通过$ne+$push的方式来解决

代码如下（egg2.x mongoose5.x）

Schemaconst AllPsListSchema = new Schema({
// 分类中文名称
psName: {
type: String,
required: [true, '服务名称不能为空'],
unique: true,
},
// 分类英文名称
psEnName: {
type: String,
},
// 服务状态 [0/停用，1/正常，2/维护，3/下线]
psState: {
type: Number,
default: 1
},
// 服务子类
psChild: [{
// 产品/服务名称
name: {
type: String,
required: [true, '服务/产品名称不能为空'],
unique: true
},
// 产品/服务英文名称
enName: {
type: String,
required: [true, '服务/产品英文名称不能为空'],
unique: true
},
// 服务状态 [0/停用，1/正常，2/维护，3/下线]
state: {
type: Number,
default: 1
},
// [0/删除，1/锁定,2/正常] 1/锁定意思为不可删除，系统保留
status: {
type: Number,
default: 2
}
}],
// [0:删除，1：锁定,2:正常] 1/锁定意思为不可删除，系统保留
status: {
type: Number,
default: 2
}
}, {
timestamps: {
createdAt: 'created',
updatedAt: 'updated'
}
})
statics
creatPSChild: async function (_id, bodys) {
const result = await this.findOneAndUpdate({ _id, 'psChild.name': { $ne: bodys.name }, 'psChild.enName': { $ne: bodys.enName } }, {
$push: {
'psChild': bodys
}
});
return { data: result }
} 查看全部

mongo $addToSet 用于处理普通数组不重复的问题
但是遇到多维的就会出现问题

故只能通过$ne+$push的方式来解决

代码如下（egg2.x mongoose5.x）

Schema

const AllPsListSchema = new Schema({

        // 分类中文名称

        psName: {

            type: String,

            required: [true, '服务名称不能为空'],

            unique: true,

        },

        // 分类英文名称

        psEnName: {

            type: String,

        },

        // 服务状态 [0/停用，1/正常，2/维护，3/下线]

        psState: {

            type: Number,

            default: 1

        },

        // 服务子类

        psChild: [{

            // 产品/服务名称

            name: {

                type: String,

                required: [true, '服务/产品名称不能为空'],

                unique: true

            },

            // 产品/服务英文名称

            enName: {

                type: String,

                required: [true, '服务/产品英文名称不能为空'],

                unique: true

            },

            // 服务状态 [0/停用，1/正常，2/维护，3/下线]            

            state: {

                type: Number,

                default: 1

            },

            // [0/删除，1/锁定,2/正常] 1/锁定意思为不可删除，系统保留

            status: {

                type: Number,

                default: 2

            }

        }],

        // [0:删除，1：锁定,2:正常] 1/锁定意思为不可删除，系统保留

        status: {

            type: Number,

            default: 2

        }

    }, {

            timestamps: {

                createdAt: 'created',

                updatedAt: 'updated'

            }

        })

statics

        creatPSChild: async function (_id, bodys) {

            const result = await this.findOneAndUpdate({ _id, 'psChild.name': { $ne: bodys.name }, 'psChild.enName': { $ne: bodys.enName } }, {

                $push: {

                    'psChild': bodys

                }

            });

            return { data: result }

        }

mongodb 备份还原

mongodb • lopo1983 发表了文章 • 0 个评论 • 70 次浏览 • 2018-09-20 16:58 • 来自相关话题

备份
mongodump -h dbhost -d dbname -o dbdir

上述语法中：-h MongDB所在服务器，可以附带指定端口号‘：port’

-d 需要备份的数据库实例

-o 备份数据存放的位置

如果以上参数都不指定，默认备份127.0.0.1端口号27017的所有数据库到当前的dump目录C:\Program Files\MongoDB\Server\4.0>mongodump
2018-09-20T16:55:53.312+0800 writing admin.system.version to
2018-09-20T16:55:53.356+0800 done dumping admin.system.version (1 document)
2018-09-20T16:55:53.357+0800 writing test.servicebills to
2018-09-20T16:55:53.357+0800 writing test.smslists to
2018-09-20T16:55:53.357+0800 writing test.companylogs to
2018-09-20T16:55:53.357+0800 writing test.smssigns to
2018-09-20T16:55:53.370+0800 done dumping test.companylogs (106 documents)
2018-09-20T16:55:53.370+0800 writing test.companies to
2018-09-20T16:55:53.374+0800 done dumping test.servicebills (347 documents)
2018-09-20T16:55:53.374+0800 writing test.smstemps to
2018-09-20T16:55:53.375+0800 done dumping test.companies (5 documents)
2018-09-20T16:55:53.376+0800 writing test.smsmailcodes to
2018-09-20T16:55:53.385+0800 done dumping test.smstemps (3 documents)
2018-09-20T16:55:53.385+0800 writing test.admins to
2018-09-20T16:55:53.399+0800 done dumping test.smsmailcodes (2 documents)
2018-09-20T16:55:53.399+0800 writing test.users to
2018-09-20T16:55:53.405+0800 done dumping test.admins (1 document)
2018-09-20T16:55:53.405+0800 writing test.complicenses to
2018-09-20T16:55:53.423+0800 done dumping test.users (1 document)
2018-09-20T16:55:53.423+0800 writing test.smscodes to
2018-09-20T16:55:53.429+0800 done dumping test.complicenses (1 document)
2018-09-20T16:55:53.429+0800 writing test.tokens to
2018-09-20T16:55:53.440+0800 done dumping test.smscodes (1 document)
2018-09-20T16:55:53.440+0800 writing test.zones to
2018-09-20T16:55:53.444+0800 done dumping test.zones (0 documents)
2018-09-20T16:55:53.444+0800 writing test.smshistories to
2018-09-20T16:55:53.447+0800 done dumping test.tokens (1 document)
2018-09-20T16:55:53.448+0800 done dumping test.smshistories (0 documents)
2018-09-20T16:55:54.392+0800 done dumping test.smssigns (15 documents)
2018-09-20T16:55:54.402+0800 done dumping test.smslists (202 documents)

还原
mongorestore -h hostname:port -d dbname <path>
一些重要的参数-h[:port] 指定MongoDB所在的服务器地址，默认为localhost

-d 需要恢复的数据库

--drop 恢复的时候先删除当前数据库，然后恢复备份，慎重操作

<path> 设置备份数据的位置，和下边的参数有冲突

--dir 指定备份的目录，和上边的参数有冲突
C:\Program Files\MongoDB\Server\4.0>mongorestore -h IP:port --drop --dir ./dump
2018-09-20T16:57:17.847+0800 preparing collections to restore from
2018-09-20T16:57:17.898+0800 reading metadata for test.servicebills from dump\test\servicebills.metadata.json
2018-09-20T16:57:17.898+0800 reading metadata for test.companylogs from dump\test\companylogs.metadata.json
2018-09-20T16:57:17.899+0800 reading metadata for test.smslists from dump\test\smslists.metadata.json
2018-09-20T16:57:17.899+0800 reading metadata for test.smssigns from dump\test\smssigns.metadata.json
2018-09-20T16:57:17.900+0800 restoring test.servicebills from dump\test\servicebills.bson
2018-09-20T16:57:17.900+0800 restoring test.companylogs from dump\test\companylogs.bson
2018-09-20T16:57:17.900+0800 restoring test.smslists from dump\test\smslists.bson
2018-09-20T16:57:17.900+0800 restoring test.smssigns from dump\test\smssigns.bson 查看全部

备份

mongodump -h dbhost -d dbname -o dbdir

上述语法中：-h MongDB所在服务器，可以附带指定端口号‘：port’

-d 需要备份的数据库实例

-o 备份数据存放的位置

如果以上参数都不指定，默认备份127.0.0.1端口号27017的所有数据库到当前的dump目录

C:\Program Files\MongoDB\Server\4.0>mongodump

2018-09-20T16:55:53.312+0800    writing admin.system.version to

2018-09-20T16:55:53.356+0800    done dumping admin.system.version (1 document)

2018-09-20T16:55:53.357+0800    writing test.servicebills to

2018-09-20T16:55:53.357+0800    writing test.smslists to

2018-09-20T16:55:53.357+0800    writing test.companylogs to

2018-09-20T16:55:53.357+0800    writing test.smssigns to

2018-09-20T16:55:53.370+0800    done dumping test.companylogs (106 documents)

2018-09-20T16:55:53.370+0800    writing test.companies to

2018-09-20T16:55:53.374+0800    done dumping test.servicebills (347 documents)

2018-09-20T16:55:53.374+0800    writing test.smstemps to

2018-09-20T16:55:53.375+0800    done dumping test.companies (5 documents)

2018-09-20T16:55:53.376+0800    writing test.smsmailcodes to

2018-09-20T16:55:53.385+0800    done dumping test.smstemps (3 documents)

2018-09-20T16:55:53.385+0800    writing test.admins to

2018-09-20T16:55:53.399+0800    done dumping test.smsmailcodes (2 documents)

2018-09-20T16:55:53.399+0800    writing test.users to

2018-09-20T16:55:53.405+0800    done dumping test.admins (1 document)

2018-09-20T16:55:53.405+0800    writing test.complicenses to

2018-09-20T16:55:53.423+0800    done dumping test.users (1 document)

2018-09-20T16:55:53.423+0800    writing test.smscodes to

2018-09-20T16:55:53.429+0800    done dumping test.complicenses (1 document)

2018-09-20T16:55:53.429+0800    writing test.tokens to

2018-09-20T16:55:53.440+0800    done dumping test.smscodes (1 document)

2018-09-20T16:55:53.440+0800    writing test.zones to

2018-09-20T16:55:53.444+0800    done dumping test.zones (0 documents)

2018-09-20T16:55:53.444+0800    writing test.smshistories to

2018-09-20T16:55:53.447+0800    done dumping test.tokens (1 document)

2018-09-20T16:55:53.448+0800    done dumping test.smshistories (0 documents)

2018-09-20T16:55:54.392+0800    done dumping test.smssigns (15 documents)

2018-09-20T16:55:54.402+0800    done dumping test.smslists (202 documents)

还原

mongorestore -h hostname:port -d dbname <path>

一些重要的参数-h[:port] 指定MongoDB所在的服务器地址，默认为localhost

-d 需要恢复的数据库

--drop 恢复的时候先删除当前数据库，然后恢复备份，慎重操作

<path> 设置备份数据的位置，和下边的参数有冲突

--dir 指定备份的目录，和上边的参数有冲突

C:\Program Files\MongoDB\Server\4.0>mongorestore -h IP:port --drop --dir ./dump

2018-09-20T16:57:17.847+0800    preparing collections to restore from

2018-09-20T16:57:17.898+0800    reading metadata for test.servicebills from dump\test\servicebills.metadata.json

2018-09-20T16:57:17.898+0800    reading metadata for test.companylogs from dump\test\companylogs.metadata.json

2018-09-20T16:57:17.899+0800    reading metadata for test.smslists from dump\test\smslists.metadata.json

2018-09-20T16:57:17.899+0800    reading metadata for test.smssigns from dump\test\smssigns.metadata.json

2018-09-20T16:57:17.900+0800    restoring test.servicebills from dump\test\servicebills.bson

2018-09-20T16:57:17.900+0800    restoring test.companylogs from dump\test\companylogs.bson

2018-09-20T16:57:17.900+0800    restoring test.smslists from dump\test\smslists.bson

2018-09-20T16:57:17.900+0800    restoring test.smssigns from dump\test\smssigns.bson

mongodb 数组操作

mongodb • lopo1983 发表了文章 • 0 个评论 • 80 次浏览 • 2018-09-17 23:00 • 来自相关话题

1. 添加
db.test.update({'_id':id},{
$push:{'arr':{'name':'value'}}
})2.修改
db.test.update({'_id':id,arr.name:'name'},{
$set:{'arr.$.name':'newName'}
})3.删除（多维数组删除）
db.test.update({'_id':id},{
$pull:{arr:{'name':'value'}}
})
查看全部

1. 添加

db.test.update({'_id':id},{

$push:{'arr':{'name':'value'}}

})

2.修改

db.test.update({'_id':id,arr.name:'name'},{

$set:{'arr.$.name':'newName'}

})

3.删除（多维数组删除）

db.test.update({'_id':id},{

$pull:{arr:{'name':'value'}}

})

MongoDB 聚合统计

mongodb • lopo1983 发表了文章 • 0 个评论 • 79 次浏览 • 2018-09-14 14:56 • 来自相关话题

聚合(aggregate)主要用于计算数据，类似sql中的sum(),avg()。
db.集合名称.aggregate({管道:{表达式}})
管道

管道在Unix和Linux中一般用于将当前命令的输出结果作为下一个命令的输入在mongodb中，管道具有同样的作用，文档处理完毕后，通过管道进行下一次处理常用管道
$group：将集合中的文档分组，可用于统计结果 $match：过滤数据，只输出符合条件的文档 $project：修改输入文档的结构，如重命名、增加、删除字段、创建计算结果 $sort：将输入文档排序后输出 $limit：限制聚合管道返回的文档数 $skip：跳过指定数量的文档，并返回余下的文档 $unwind：将数组类型的字段进行拆分

表达式

处理输入文档并输出

$sum：计算总和
$avg：计算平均值
$min：获取最小值
$max：获取最大值
$push：在结果文档中插入值到一个数组中
$first：根据资源文档的排序获取第一个文档数据
$last：根据资源文档的排序获取最后一个文档数据
查看全部

聚合(aggregate)主要用于计算数据，类似sql中的sum(),avg()。

db.集合名称.aggregate({管道:{表达式}})

管道

管道在Unix和Linux中一般用于将当前命令的输出结果作为下一个命令的输入在mongodb中，管道具有同样的作用，文档处理完毕后，通过管道进行下一次处理常用管道

$group：将集合中的文档分组，可用于统计结果
$match：过滤数据，只输出符合条件的文档
$project：修改输入文档的结构，如重命名、增加、删除字段、创建计算结果
$sort：将输入文档排序后输出
$limit：限制聚合管道返回的文档数
$skip：跳过指定数量的文档，并返回余下的文档
$unwind：将数组类型的字段进行拆分

表达式

处理输入文档并输出

$sum：计算总和
$avg：计算平均值
$min：获取最小值
$max：获取最大值
$push：在结果文档中插入值到一个数组中
$first：根据资源文档的排序获取第一个文档数据
$last：根据资源文档的排序获取最后一个文档数据

webhook

每天进步一点点 • lopo1983 发表了文章 • 0 个评论 • 68 次浏览 • 2018-08-16 18:58 • 来自相关话题

rsa_pub
ssh-keygen -t rsa -C example@mail.com

rsa_pub

ssh-keygen -t rsa -C example@mail.com

汉字转拼音字典整理

每天进步一点点 • lopo1983 发表了文章 • 0 个评论 • 95 次浏览 • 2018-08-02 22:08 • 来自相关话题

数据源：http://www.ziyexing.com/files-7/tools/chinese_ziku.htm
代码： const zd = [...document.querySelectorAll('font b')].map(e => e.nextSibling.nextSibling).filter(e => e != null).map(e => {
const OBJ = {};
OBJ[e.previousSibling.previousSibling.innerText] = ([...e.data.trim().replace(/$[^$]*\)/g, "")].reduce((a, b) => a += '\\u' + b.charCodeAt(0).toString(16), ''));
return OBJ
}); 查看全部

数据源：http://www.ziyexing.com/files-7/tools/chinese_ziku.htm
代码：

        const zd = [...document.querySelectorAll('font b')].map(e => e.nextSibling.nextSibling).filter(e => e != null).map(e => {

            const OBJ = {};

            OBJ[e.previousSibling.previousSibling.innerText] = ([...e.data.trim().replace(/\([^\)]*\)/g, "")].reduce((a, b) => a += '\\u' + b.charCodeAt(0).toString(16), ''));

            return OBJ

        });

通知设置新通知

发现