利用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实现轮播图效果
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程