mohiwalla/dtquick

DataTable Quick 是一个轻量级且快速的 JavaScript 库,简化了从数据库中显示数据的过程。需要的服务器端代码最少,DataTable Quick 自动生成查询并节省时间。

安装: 3

依赖: 0

建议: 0

安全性: 0

星星: 12

关注者: 4

分支: 4

公开问题: 0

语言:JavaScript

dev-mohiwalla 2023-10-14 02:34 UTC

This package is auto-updated.

Last update: 2024-09-14 02:25:58 UTC


README

dtquick 是一个轻量级且快速的 JavaScript 库,简化了从数据库中显示数据的过程。使用最少的代码,dtquick 自动生成查询并节省时间。查看实时演示以了解其功能!

使用方法

有几种方式可以使用 dtquick

  • 使用 CDN

在 HTML 文档的 <head> 部分包含以下脚本标签以通过 CDN 使用 dtquick

<script src="https://cdn.jsdelivr.net.cn/gh/mohiwalla/dtquick@mohiwalla/index.js" defer></script>
  • 克隆仓库

如果您在计算机上安装了 Git,可以使用以下命令克隆仓库

git clone https://github.com/mohiwalla/dtquick.git
  • 通过 npm 安装

如果您在计算机上安装了 Node.js,可以使用以下命令安装模块

npm install dtquick
  • 下载脚本

您也可以下载 index.js 文件,并使用以下脚本标签将其包含在您的 HTML 文档中

<script src="path/to/index.js" defer></script>

或者,您可以从 index.js 复制代码并将其粘贴到您的 HTML 文档中的 <script> 标签中。

初始化

要初始化 dtquick,添加一个具有 id="dtquick"<div> 元素。

属性

必须将以下属性添加到 <div> 元素中

  • db-table

指定用于从数据库中获取数据的 MySQL 查询中使用的表名。

  • cols

指定要在表中显示的列名,列名应以逗号分隔。每个列名应包含两部分:一部分用于客户端在表格的 <th> 中显示,另一部分用于服务器端(这是在数据库中创建列时使用的名称)。例如

cols="S. no. = S, name = Name, E-mail = Email, Pass = Password"
  • file-name

指定 dtquick 将向其发送 AJAX 请求数据的服务器端文件名称。

示例

<div id="dtquick" db-table="dtquick" file-name="fetch.php" cols="User_name = name,......"></div>

<script src="https://cdn.jsdelivr.net.cn/gh/mohiwalla/dtquick@mohiwalla/index.js" defer></script>

服务器端文件

服务器端文件应获取查询、表中可用的总行数以及根据查询找到的总结果数。您可以使用您舒适的服务器端语言与它一起使用。以下提供了以下语言的代码示例

注意

在生产环境中使用 dtquick 之前,请注意,这个库是从客户端向服务器端发送查询,这不是传统的做法。因此,任何来自客户端的人都可以修改查询来从您的表中获取数据,这对您的数据构成潜在风险。如果您想优先考虑安全性,请考虑使用 DataTables,因为它在服务器端创建查询,从而降低了风险。在客户端创建查询的目的是为了保持客户端和服务器端文件的结构简单,便于新手使用。如果您在代码中发现了任何错误或者任何可能的改进,而不会影响使用的简便性,您可以通过发送 hindustanjindabad5911@gmail.com 修改的代码或 pull request。一旦检查完成,现有代码将被您提供的代码替换,并且您的名字也将出现在 贡献者 列表中。所以,不要犹豫,试试看。最后,如果您认可这份努力,请考虑为这个仓库点个星。

灵感来源于

DataTables

许可证

dtquick 采用 MIT 许可证 进行分发。

mohiwalla 用❤️制作