利用Vue.js实现求职在线之职位查询功能
编程学习 2021-07-04 18:32www.dzhlxh.cn编程入门
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。狼蚁网站SEO优化这篇文章主要给大家介绍了关于利用Vue.js实现求职在线之职位查询功能的相关资料，需要的朋友可以参考借鉴，狼蚁网站SEO优化来一起看看吧。
前言
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
本文主要介绍的是关于利用Vue.js实现职位查询功能的相关内容，分享出来供大家参考学习，狼蚁网站SEO优化来一起看看详细的介绍：
知识点：
v-on, v-for, v-if, props, $emit，动态Prop， Class 与 Style 绑定
P1 分页查询
查询参数
查询参数：公司名称company, 职位类型type, 月薪范围salaryMin salaryMax
说明：通过axios.post携带参数发出请求，后端采取分页查询的方式向前台返回指定条数的数据。主要利用MongoDB Limit()限制读取的记录条数, Skip()跳过指定数量的数据，数据量很小1w+。
// 分页
exports.pageQuery = function (page, pageSize, Model, populate, queryParams, projection, sortParams, callback) {
var start = (page - 1) * pageSize; // 根据 page 和 pageSize 得到 skip 要跳过的记录量
var $page = {
pageNumber: page
};
async.parallel({
count: function (done) { // 查询到总共有count条数据
Model.count(queryParams).exec(function (err, count) {
done(err, count);
});
},
records: function (done) { // 查询得到排序和排除字段的记录
Model.find(queryParams, projection).skip(start).limit(pageSize).populate(populate).sort(sortParams).exec(function (err, doc) {
done(err, doc);
});
}
}, function (err, results) {
var list = new Array();
for (let item of results.records) {
list.push(item.toObject())
}
var count = results.count;
$page.pageCount = parseInt((count - 1) / pageSize + 1); // 总页数
$page.results = list; // 单页结果
$page.count = count; // 总记录量
callback(err, $page);
});
};
有了分页函数，查询工作函数只要传入参数即可.
关于MongoDB的模糊查询
// 数据库命令，就是个正则表达式： / 参数 /
db.getCollection('jobs').find({company: /网易 上一篇：React组件生命周期详解
下一篇：Swiper实现轮播图效果