nodejs+express+mysql实现数据查询和表格分页展示

项目结构

 搭建express框架的过程不赘述了，直接附上本项目的结构以及与数据查询、表格分页展示功能相关的文件：

 

数据库展示

被查询和展示的表为capitalaccountio表，该表的相关信息如下：

drop table if exists capitalaccountio;
create table capitalaccountio(
	id serial primary key,
	capitalaccountid bigint references capitalaccount(capitalaccountid),   -- 资金账户ID（主键、外键）
	iotime timestamp default current_timestamp,   -- 交易时间（主键）
	ioamount numeric(25, 2) not null,   -- 交易金额
	moneytype enum('RMB', 'USD', 'CAD', 'AUD', 'EUR', 'GBP', 'HKD', 'JPY') default 'RMB',   -- 交易币种
	iodescription varchar(500) not null   -- 交易明细
);

 

views文件夹-html文件 

目的

页面设计：在网页上添加查询数据的按钮、查询的说明文字、前后翻页的button。

代码

<div class="loading-box">
    <form id="usersDetailsOrder">
	    <div class="form-group">
			<div class="form-button">
				<input class="form-submit" type="button" id="usersdetails" value="查询">
			</div>
			<div class="form-note">(仅显示最近100条)</div>
		</div>
	</form>

	<div class="table">
		<table id="tabDetails"></table>
		<di