【源码】基于PHP和jQuery的前端实用工具集

项目简介

本项目是个人开发的实用工具集合，涵盖仿站工具、生成基础 CSS 工具、空格间隔插件，还借助 PHPExcel 库实现 Excel 文件的多样化处理，为前端开发和数据处理提供便利。

项目的主要特性和功能

1. 仿站工具：能抓取网站页面前端代码，包含图片、js、css 文件。可设置图片、js、css 存储目录，匹配抓取背景及 base64 编码图片，还能决定是否下载网络图片。
2. 生成基础 style.css 工具：依据 pc、web、微信小程序不同场景生成前端基本边距、颜色等类文件。支持设置是否压缩，可直接下载到本地，生成文件存于 demoCode 目录。
3. 空格间隔插件：依赖 jQuery 1.7 以上版本，在文本输入框按空格或逗号，输入内容自动成区块，提升用户体验。可设置唯一标识和样式皮肤。
4. PHPExcel 库功能：具备 Excel 文件的读取、写入、编辑能力，支持转换为 PDF、CSV、OpenDocument 等格式。能处理单元格样式、字体、颜色、边框、公式、图表等，还支持 Excel 文件保护、自动过滤、打印设置等高级功能。

安装使用步骤

前提条件

确保已下载项目源码文件，服务器环境支持 PHP，且已引入 jQuery 1.7 以上版本。

仿站工具

1. 打开 phpCraw.php 文件，按需设置图片、js、css 存储目录及是否下载网络图片等参数。
2. 在浏览器中访问 phpCraw.php 文件所在路径，开始抓取网站页面前端代码。

生成基础 style.css 工具

1. 打开 createCss.php 文件，按不同场景（pc、web、微信小程序）设置，可选择是否压缩文件。
2. 在浏览器中访问 createCss.php 文件所在路径，点击下载按钮将生成文件保存到本地。

空格间隔插件

1. 在 HTML 文件中引入 jQuery 库和 jquery_spaceme.js 文件。
2. 在 <script> 标签中添加如下代码： javascript $(function(){ $("form input[name=tags]").spaceme({ id:'spaceme', //添加唯一标识方便重写样式，可空 skin:'warm' // 默认留空，可选 'normal','warm','danger' }); })
3. 打开包含该 HTML 文件的页面，在指定文本输入框输入内容，按空格或逗号查看效果。

PHPExcel 库

1. 确保项目中已引入 PHPExcel 库。
2. 按需编写 PHP 代码，调用 PHPExcel 库相关函数实现 Excel 文件的读取、写入、编辑和格式转换等操作。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】