查看“Widget:BatchDelete”的源代码

<includeonly>
<div class="BD row">
	<div class="col-md-6">
		<textarea class="input"></textarea>
	</div>
	<div class="col-md-6">
		<ul class="display"></ul>
		<button class="submit">提交</button>
	</div>
</div>
<style>
.BD .display li.deleted {
	background: #ADB5BD;
}
.BD .input {
	width: 100%;
	height: 300px;
}
.BD .submit, .BD .reset {
	padding: 0.5em 1em;
}
</style>
<script>
class BD {
	state = "ready"
	data = {
		page: new Set(),
	}
	promise = Promise.resolve()

	constructor(dom, wiki) {
		this.dom = $(dom)
		this.dom.data("BD", this)
		this.wiki = wiki || mw.config.values.wgScriptPath
	}

	update() {
		this.parse()
		let $display = this.dom.find(".display")
		$display.empty()
		this.data.page.forEach((e, i, a) => {
			let $li = $(`<li data-title="${encodeURIComponent(e)}">`)
			$li.append(`[[<a href="${this.wiki}/${encodeURIComponent(e)}" title="${e}" target="_blank">${e}</a>]]`)
			$display.append($li)
		})
	}

	parse() {
		let text = this.dom.find(".input").val()
		let pages = text.split("\n")
		this.data.page = new Set()
		pages.forEach((e) => {
			e = e.trim()
			if (!e) {
				return
			}
			this.data.page.add(e)
		})
	}

	submit() {
		this.state = "busy"
		this.dom.find(".input").attr("disabled", true)
		let url = `${this.wiki}/api.php`
		this.data.page.forEach((e, i, a) => {
			this.promise = this.promise.finally(() => {
				return new Promise((resolve, reject) => {
					checkToken().then((token) => {
						$.ajax({
							url: url,
							type: "POST",
							data: {
								token: token,
								action: "delete",
								title: e,
								reason: "通过批量删除工具BD删除",
							},
							success: () => {
								$.get(`${this.wiki}${decodeURI(e)}`, () => {
									this.dom.find(`.display li[data-title="${encodeURIComponent(e)}"]`).addClass("deleted")
									resolve()
								})
							}
						})
					})
				})
			})
		})
		this.promise = this.promise.finally(() => {
			if (confirm("删除完毕，是否重置？")) {
				this.reset()
			} else {
				this.dom.find(".submit")
					.removeClass("submit")
					.addClass("reset")
					.html("重置")
			}
		})

		function checkToken() {
			return new Promise((resolve, reject) => {
				$.ajax({
					url: url,
					type: "GET",
					data: {
						action: "query",
						meta: "tokens",
						format: "json"
					},
					success(data) {
						resolve(data.query.tokens.csrftoken)
					}
				})
			})
		}
	}

	reset() {
		this.state = "ready"
		this.dom.find(".input").val("")
		this.update()
		this.dom.find(".reset")
			.removeClass("reset")
			.addClass("submit")
			.html("提交")
	}
}

(window.RLQ = window.RLQ || []).push(["jquery", () => {
	let bd = $(".BD")
	if (mw.config.get('wgUserGroups').indexOf("sysop") === -1) {
		bd.html("你无权使用这个功能。")
		return
	}
	bd.each((i, e) => {
		new BD(e)
	})
	$(document).on("input", ".BD .input", function () {
		$(this).closest(".BD").data("BD").update()
	})
	$(document).on("click", `.BD .submit`, function () {
		let bd = $(this).closest(".BD").data("BD")
		if (bd.state === "ready" && confirm("真的确认了吗？")) {
			bd.submit()
		}
	})
	$(document).on("click", `.BD .reset`, function () {
		$(this).closest(".BD").data("BD").reset()
	})
}])
</script>
</includeonly>
<noinclude>批量删除页面，一行一个
{|class="wikitable
|页面名
|-
|文件:文件名
|-
|名字空间:页面名
|-
|……
|}
{{#widget:BatchDelete}}</noinclude>