A Pagehelper.

Pagehelper is a utility designed to make common processes simpler and more efficient in web page development.

It’s not a framework, just a tool.

It’s for traditional multi-page applications. It will boost productivity.

对于传统的多页面WEB程序,有奇效。

get started:

<script type="module">
  import {
    PageHelper,
    FormEnricher,
  } from "https://cdn.jsdelivr.net/gh/jianglibo/pagehelper-docs@latest/dist/bundle.min.es.js";
  const pageHelper = new PageHelper({ debug: true }); // Cfg
  // pageHelper.disableAll().add(new FormEnricher()).enrich();
  pageHelper.enrich();
</script>

the config object:

export type Cfg = {
	selected_id_separator?: string // default: ','
	debug?: boolean
	demo_mode?: boolean
	disable_pjax?: boolean
	execute_scripts_default?: boolean
	script_exclude_patterns?: RegExp[]
	row_selector?: {
		attr?: string,
		ptn?: string
	},
	pjax_cache?: CacheSetting
}

add attributes to html tag:

<a
  href="../pjax-link-1.html"
  ph-pjax-link
  ph-params="a::1,b::2,c::3"
>
  To pjax-link-1</a
>

<button type="button" 
name="button" 
class="btn" 
ph-pjax-link="./examples/ph-pjax-link-1/">
  Will load by pjax
</button>

Back to top

Discord, QQ group:418474680