Server : nginx/1.20.1
System : Linux iZ2ze9ojcl78uluczwag69Z 4.18.0-240.22.1.el8_3.x86_64 #1 SMP Thu Apr 8 19:01:30 UTC 2021 x86_64
User : www ( 1000)
PHP Version : 7.3.28
Disable Function : passthru,exec,system,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv
Directory :  /www/wwwroot/0531yanglao.com/public/js/
Upload File :
Current Directory [ Writeable ] Root Directory [ Writeable ]


Current File : /www/wwwroot/0531yanglao.com/public/js/page.js
// 		// 获取URL上的参数,返回参数对象
// 			function getURLParams(url = "") {
// 				const result = {};
// 				if (url.includes('?') === true) {
// 					url.split('?')[1].split('&').map(item => {
// 						const [key, value] = item.split('=');
// 						result[key] = value;
// 					});
// 				}
// 				return result;
// 			}
// 			// 将对象装换成url上的查询参数
// 			function rechangeURL(url = '', json = {}) {
// 				let path = url.split('?')[0];
// 				Object.keys(json).forEach((key, index) => {
// 					console.log(key, index);
// 					path += index === 0 ? '?' : '&';
// 					path += `${key}=${json[key]}`;
// 				});
// 				return path;
// 			}

// 			// 根据数据总数、每页大小、当前的下标展示不同的分页
// 			function generatePage(total = 0, pageSize = 10, currentPage = 1) {
// 				// 总条数
// 				const theTotal = Number(total);
// 				// 每页大小
// 				const thePageSize = Number(pageSize);
// 				// 当前页
// 				const theCurrentPage = Number(currentPage);
// 				if (isNaN(theTotal) || isNaN(thePageSize) || isNaN(theCurrentPage)) {
// 					return '传入的参数必须为数字,或者字符串类型的数字';
// 				}
// 				// 总页数
// 				const totalPage = Math.ceil(theTotal / thePageSize) || 1;
// 				// 当前下标减1的元素
// 				let html = `<li class="page" index="${theCurrentPage - 1 < 1 ? 1 : theCurrentPage - 1}">上一页</li>`;
// 				if (totalPage <= 5) {
// 					// 当总页数不满5页时
// 					for (let i = 1; i <= totalPage; i++) {
// 						if (i === theCurrentPage) {
// 							html += `<li class="page selected" index="${i}">${i}</li>`;
// 						} else {
// 							html += `<li class="page" index="${i}">${i}</li>`;
// 						}
// 					}
// 				} else {
// 					// 当总页数超过5页时
// 					if (theCurrentPage - 2 > 1) {
// 						// 在最开始增加【第1页】和【...页】
// 						html += `
//                         <li class="page" index="1">1</li>
//                         <li class="page" index="${theCurrentPage - 5 < 1 ? 1 : theCurrentPage - 5}">...</li>
//                     `
// 					}
// 					// 具体展示的开头
// 					const begin = theCurrentPage - 2 < 1 ? 1 : theCurrentPage - 2;
// 					// 具体展示的结尾
// 					const end = theCurrentPage + 2 > totalPage ? totalPage : theCurrentPage + 2;
// 					for (let i = begin; i <= end; i++) {
// 						if (i === theCurrentPage) {
// 							html += `<li class="page selected" index="${i}">${i}</li>`;
// 						} else {
// 							html += `<li class="page" index="${i}">${i}</li>`;
// 						}
// 					}
// 					if (theCurrentPage + 2 < totalPage) {
// 						// 在最后增加【...页】和【最后页】
// 						html += `
//                         <li class="page" index="${theCurrentPage + 5 > totalPage ? totalPage : theCurrentPage + 5}">...</li>
//                         <li class="page" index="${totalPage}">${totalPage}</li>
//                     `
// 					}
// 				}
// 				// 当前下标加1的元素
// 				html += `<li class="page" index="${theCurrentPage + 1 > totalPage ? totalPage : theCurrentPage + 1}">下一页</li>`;
// 				// 加载到DOM中
// 				document.querySelector('.v-pagination .pagination-page').innerHTML = html;
// 			}

// 			window.addEventListener('load', () => {
// 				// 使用事件委托绑定分页点击事件
// 				document.querySelector('.v-pagination .pagination-page').addEventListener('click', function(e) {
// 					const {
// 						nodeName,
// 						innerText
// 					} = e.target;
// 					const currentPage = e.target.getAttribute('index');
// 					if (nodeName === 'LI') {
// 						// 触发的是分页的事件
// 						location.href = rechangeURL(location.href, {
// 							...params,
// 							_pi: currentPage
// 						});
// 					}
// 				});

// 			});

// 			// 初始化,获取url上传递过来的当前页和分页大小
// 			const params = getURLParams(location.href);
// 			// 在DOM上获取分页大小
// 			const total = document.querySelector('.data-total').innerText;
// 			// 赋值分页总数
// 			document.querySelector('.total').innerText = `总数为:${total}`;
// 			// 生成分页元素
// 			generatePage(total, params._ps, params._pi);
// 			console.log(total, params);