怎样让自己网站的文章被百度收录,商业网站建设规划范文,1 设计一个企业网站,宣传册设计样本【先看效果】
#xff08;1#xff09;内容小于2页
不展示页码 #xff08;2#xff09;1 内容页数 限定展示页码
展示#xff1a;页码、上下页#xff1b;隐藏#xff1a;首页、末页图标#xff0c;上、下一区间码。即#xff1a;#xff08;页数#…【先看效果】
1内容小于2页
不展示页码 21 内容页数 限定展示页码
展示页码、上下页隐藏首页、末页图标上、下一区间码。即页数3限定展示页码5 3内容页数 展示页码
展示页码、上下页、首页、末页图标上、下一区间码去输入指定页
隐藏无 【VUE代码 html部分】
ul v-ifpages 1 classam-pagination styletext-align: center;li :classpageIndex 1 ? am-disabled: a v-ifpagesshowPageNum href# click.preventchangeIndex(1) styledisplay: inline; title首页laquo;/aa href# click.preventchangeIndex(pageIndex-1) styledisplay: inline; title上一页‹/ainput title上一区间码 classmovePageNum :classprePageNumClass stylemargin-left: -5px; typebutton clickprePageNum value…//li!-- 上一页 --li v-forp in computePages:keypclick.preventchangeIndex(p):classpageIndex p ? am-active:a href#{{p}}/a/li!-- 第1、2…n…页(pageSize6) --li :classpageIndex pages ? am-disabled: input title下一区间码 classmovePageNum :classnextPageNumClass stylemargin-left: -5px; typebutton clicknextPageNum value…/a href# click.preventchangeIndex(pageIndex1) styledisplay: inline; margin-right: 5px; title下一页›/a a v-ifpagesshowPageNum href# click.preventchangeIndex(pages) styledisplay: inline; title末页raquo;/a/li!-- 下一页 --li v-ifpagesshowPageNum styledisplay: inline;span styledisplay: inline-block; border: 0; pointer-events: none; padding:0.5em 6px 0.5em 2px; 去/span input refinputGotoPage classinputGotoPage typenumber max99999 min1 oninputif(value.length4) valuevalue.slice(0,5) value1 /span styledisplay: inline; border: 0; pointer-events: none; padding: 5px 0;页/spaninput title点击跳转至相应页 classmovePageNum typebutton clickgotoPage valuego//li
/ul
【VUE代码 JavaScript部分】
scriptexport default {name: NewsView,data(){return{newsPageList:[], // 数据集computePages:[],prePageNumClass:,nextPageNumClass:,pageIndex: 1,pageSize: 6, // 每页显示数量offset: 0,pages: 1,total: 0,showPageNum: 5, // 限制展示页码beginPageNum: 0,endPageNum: 0,}},mounted() {this.getNewList();},methods:{// 获取数据集getNewList(){this.getRequest(/api/page/news, {typeKey:n_2_1_list, sort:order_num, order: desc, isEnabled: 0, hideContent:, limit: this.pageSize, offset: this.offset}).then(resp {if (resp resp.code 0 resp.data ! null){this.explainData(resp.data);}});},// 数据集解析explainData(respData){this.newsPageList respData.rows;this.total respData.totalthis.pages Math.ceil(this.total / this.pageSize)// 首次加载生成页码。后续加载依据页码传参加载依需 刷新页码if(this.endPageNum0) this.freshPageNum(1);},/* 【新闻分页】----begin-------------------------------------- */gotoPage(){var gotoPageVal this.$refs.inputGotoPage.value;if(gotoPageVal){var gotoPage parseInt(gotoPageVal)if(gotoPage1){gotoPage 1;this.$refs.inputGotoPage.value 1;}if(gotoPagethis.pages) {gotoPage this.pages;this.$refs.inputGotoPage.value gotoPage;}if(gotoPagethis.beginPageNum || gotoPagethis.endPageNum) this.freshPageNum(gotoPage)this.changeIndex(gotoPage);}},prePageNum(){this.endPageNum this.beginPageNum;this.beginPageNum this.beginPageNum - this.showPageNum 1if(this.beginPageNum1) {this.beginPageNum 1;}var changeIndex (this.beginPageNum this.pageIndex this.pageIndex this.endPageNum) ? this.pageIndex : this.endPageNum;this.freshPageNum(this.beginPageNum);this.changeIndex(changeIndex);},nextPageNum(){this.beginPageNum this.endPageNum;this.endPageNum this.endPageNum this.showPageNum - 1if(this.endPageNumthis.pages) {this.beginPageNum this.pages - this.showPageNum 1;}var changeIndex (this.beginPageNum this.pageIndex this.pageIndex this.endPageNum)?this.pageIndex : this.beginPageNum;this.freshPageNum(this.beginPageNum);this.changeIndex(changeIndex);},// 页码总是最多展示 this.showPageNum 个// 三目运算多语句返回值为最后的语句结果 // condition ? (statement1, statement2, statement3) : (statement4, statement5); // true 返回值 statement3; false 返回值 statement5freshPageNum(start) {// 计算 起止页码var startMax this.pages - this.showPageNum 1; // 起始页码 的最大值start startstartMax?startMax:start;start1?(this.prePageNumClass hiddenChangePage, this.beginPageNum start 1):(this.prePageNumClass showChangePage)var end start this.showPageNum - 1; // 根据 起始页码 计算 终止页码end end this.pages ? this.pages : end;endthis.pages ? (this.nextPageNumClass hiddenChangePage):(this.nextPageNumClass showChangePage);this.beginPageNum start;this.endPageNum end;// 生成页码var arr [];for (var i start; i end; i) {arr.push(i);}this.computePages arr;},changeIndex(p){if(this.pageIndex ! p) {// 只有切换页码才请求数据。减少重复请求。this.pageIndex p;this.offset (this.pageIndex-1) * this.pageSize;this.getNewList();}if(pthis.endPageNum) return this.freshPageNum(p);if(pthis.beginPageNum) return this.freshPageNum(p-this.showPageNum 1);if(p1 || pthis.pages) this.freshPageNum(p); // 首、末的页},/* 【新闻分页】------end----------------------------------- */},
}
/script
【VUE代码 css部分】 style scoped.hiddenChangePage{display: none !important;
}
.showChangePage{display: inline !important;
}/style
