利用Vue.js实现求职在线之职位查询功能
网络编程 2021-07-04 18:32www.168986.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 分页查询
查询参数
查询参数公司名称pany, 职位类型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({pany: /网易
上一篇:React组件生命周期详解
下一篇:Swiper实现轮播图效果
编程语言
- 宿迁百度关键词排名指南:实现精准营销的关键
- 四川SEO优化怎么做网络推广
- 立昂技术备案老域名收购:如何为您的业务赋能
- 安徽百度关键词seo贵不贵,一般需要多少钱
- 吉林百度快照排名怎么做电话营销
- 多伦新手做SEO怎么做
- 甘肃优化关键词排名推广怎么做论坛营销
- 沙雅SEO网站推广:提升您的在线可见性
- 四川SEO优化如何提升销售额和销售量
- 聂荣网站排名优化:提升网站可见性的全方位指
- 涞水SEO:提升地方企业在线可见性的策略
- 辽宁百度seo排名怎样做网站排名
- 临湘哪有关键词排名优化:提升网站可见度的关
- 黑龙江百度网站优化有没有优惠
- 凉城优化关键词排名推广:提升您的网络可见性
- 萝北整站优化:提升您网站流量和排名的全面指