DfzbCommJs - Vue + jQuery + JavaScript 前端控件库

📦 项目简介

DfzbCommJs 是一套专为内网环境设计的前端控件库，采用 Vue 3、jQuery 3.x 和原生 JavaScript (ES2022) 开发。项目特点：

🔒 完全本地化

所有依赖文件本地化，无需访问 CDN，适合内网部署

🛠️ 零构建配置

不使用 Vite/Webpack/Vue CLI，直接通过 <script> 标签引入使用

🌐 现代浏览器

支持 Chrome 109+，使用 ES2022+ 语法特性

📱 Git 部署

通过 Git 克隆即可使用，无需复杂的构建流程

🛠️ 技术栈

Vue 3.x (UMD)

jQuery 3.x

Ant Design Vue 4.x (可选)

CryptoJS 4.x

Day.js 1.x

JavaScript ES2022

📦 核心组件

🚀 快速开始

1. 克隆项目

git clone <repository-url> DfzbCommJs
cd DfzbCommJs

2. 引入文件

<!-- 样式文件 -->
<link rel="stylesheet" href="src/styles/main.css">
<link rel="stylesheet" href="src/styles/components.css">
<link rel="stylesheet" href="src/styles/themes/default.css">

<!-- 第三方库 -->
<script src="libs/vue/vue.global.js"></script>
<script src="libs/jquery/jquery-3.7.1.min.js"></script>
<script src="libs/dayjs/dayjs.min.js"></script>
<script src="libs/crypto-js/crypto-js.min.js"></script>

<!-- 工具函数 -->
<script src="src/utils/crypto-utils.js"></script>
<script src="src/utils/format-utils.js"></script>
<script src="src/utils/date-utils.js"></script>
<script src="src/utils/validate-utils.js"></script>

<!-- jQuery 插件 -->
<script src="src/plugins/jquery.watermark.js"></script>
<script src="src/plugins/jquery.datepicker.js"></script>
<script src="src/plugins/jquery.datatable.js"></script>

3. 使用组件

<!-- 加密工具 -->
<script>
  const encrypted = DfzbCryptoUtils.aesEncrypt('Hello, World!', 'MySecretKey');
  console.log(encrypted.ciphertext);
</script>

<!-- jQuery 水印插件 -->
<script>
  $('#my-container').watermark({
    text: '水印文字',
    color: 'rgba(0, 0, 0, 0.15)'
  });
</script>

📁 项目结构

DfzbCommJs/
├── index.html              # 入口页面
├── README.md               # 项目说明
├── libs/                   # 第三方库（本地化）
│   ├── vue/
│   ├── jquery/
│   ├── ant-design-vue/
│   ├── crypto-js/
│   └── dayjs/
├── src/
│   ├── components/         # Vue 组件
│   ├── plugins/            # jQuery 插件
│   ├── utils/              # 工具函数
│   └── styles/             # 样式文件
├── demos/                  # 示例页面
└── docs/                   # 文档

📖 API 文档

🌟 特性

加密安全

提供 AES、SHA、Base64、HMAC 等加密功能

水印保护

支持文字/图片水印，防止敏感信息泄露

表单增强

下拉框、日期选择器等表单组件

数据展示

功能完善的数据表格组件

工具函数

丰富的工具函数库：加密、格式化、日期、验证

主题支持

默认主题 + 暗黑主题，轻松切换

🚀 DfzbCommJs