[原创] 利用前端+php批量生成html文件，传入新文本，输出新的html文件
本人因为要想自己写个小说网站练练手，在其中遇到的一些问题，将其解决方法总结出来，例如：
1：小说网站存储了大量的小说，每个小说主页都很相似，url不同，不是使用的history属性改写的，所以如果人工想写的话，那工作量就很大
如下图，用起点小说网来参考，放上我最爱的两本书
在这里我们将其url都当成html文件，不考虑url重写问题
所以，今天我就将我的解决方案放入其中，算是批量生成html文件
先写个数据提交网页：文件名为other.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--输入你想让显示的内容-->
<input type="text" name="name" id="name" value="" />
<!--提交ajax-->
<button id="btnn">提交</button>
<!--提交成功后，则会通过数据库连接获取连接地址-->
<a href="" target="_blank"></a>
<!--js-->
<script src="//115.159.30.160/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$("#btnn").on('click',function(){
var name = $("#name").val();
//jq 的ajax请求
$.ajax({
type:"post",
url:"//127.0.0.1:9090/Project01/php/creathtml.php",
async:true,
data:{"name":name},
dataType:"JSON",
success:function(r){
console.log(r.token);
var hr="http://127.0.0.1:9090/Project01/php/ceshi/"+r.token+".html";
$('a').attr('href',hr);//改变a链接地址
$('a').text(r.token);//改变a链接访问跳转
}
});
})
</script>
</body>
</html>
接下来为php处理接受数据：文件名为creathtml.php
<?php
//引入mysql连接配置
require './config.php';
//接受other.html ajax请求过来的数据
$name = $_POST['name']; //ajax的data:{"name":name}
//判断$name是否存在
if (isset($name)) {
//mysql查询语句
$query_select = 'SELECT t1.token FROM ceshi t1 WHERE content="' . $name . '"';
//运行mysql语句，返回MySQL查询结果集，是个句柄
$result_select = @mysql_query($query_select) or die($error);
//将mysql查询结果集转为数组
$row_select = mysql_fetch_array($result_select, MYSQL_ASSOC);
//判断是否存在，存在则结束，本文为了方便，不写重复结果的返回处理
if ($row_select) {
echo "if(row)";
} else {//输入的不存在
//将其内容插入进去，并且生成个唯一标识符token，并对uuid处理 使其从 1600d45d-42e1-11e7-8106-1C39472981ff 转为 1600D45D42E111E781061C39472981FF
$query_insert = 'INSERT INTO ceshi VALUES(UPPER(REPLACE(UUID(),"-","")),"' . $name . '")';
$result_insert = @mysql_query($query_insert) or die($error);
//查询出其内容对应的token
$query_token = 'SELECT t1.token FROM ceshi t1 WHERE content="' . $name . '"';
$result_token = @mysql_query($query_token) or die($error);
$row_token = mysql_fetch_array($result_token, MYSQL_ASSOC);
//将其token值提取处理
$token = $row_token[token];
//在本程序文件下，将其创建的目录写成字符串
$path = "ceshi/";
//判断目录是否存在
if (is_dir($path)) {//目录存在，则直接复制并且重命名文件
//找到模板文件
$old = "win.html";
//复制的新文件写成一个字符串
$new = $path . $token . '.html';
//将其复制到上面创建的目录中，并且重命名为token
copy($old, $new);
//token的数组转为json数据返回 ajax请求的为dataType:"JSON"
echo json_encode($row_token, JSON_UNESCAPED_UNICODE);
} else {
//目录不存在则创建
$res = mkdir($path);
if ($res) {
$old = "win.html";
$new = $path . $token . '.html';
copy($old, $new);
echo json_encode($row_token, JSON_UNESCAPED_UNICODE);
} else {
echo "目录 $path 创建失败";
}
}
}
} else {
header('Location: http://127.0.0.1:9090/Project01/php/other.html');
}
?>
接下来写模板文件：文件名为win.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1 class="h1"></h1>
<script src="//115.159.30.160/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
/*
* 获取url的信息http://127.0.0.1:9090/Project01/php/win.html将其中的win获取出来
* 在复制的html中是win你输入的内容的token值，
* */
var strUrl=window.location.href;
var arrUrl=strUrl.split("html");
var strPage=arrUrl[0];
var last=strPage.split("/");
var filenameadd=last[last.length-1];
var filename=filenameadd.substring(0,filenameadd.length-1);
//通过获取到的值，进行数据查询
$.ajax({
type:"post",
url:"//127.0.0.1:9090/Project01/php/win.php",
async:true,
data:{"content":filename},
dataType:"JSON",
success:function(r){
var h1=$(".h1");
h1.text(r.content); //修改文本内容
$(document).attr("title",r.content); //修改title内容
}
});
})
</script>
</body>
</html>
接下来了便是复制成功后页面请求提交数据：文件名为：win.php
<?php
/*
* 一些注释在creathtml.php文件中已写
* */
require './config.php';
$win=$_POST['content'];
if(isset($win)){
$query_content = 'SELECT t1.content FROM ceshi t1 WHERE token="'.$win.'"';
$result_content = @mysql_query($query_content) or die($error);
$row_content = mysql_fetch_array($result_content, MYSQL_ASSOC);
//将其请求的内容返回
echo json_encode($row_content,JSON_UNESCAPED_UNICODE);
}else{
header('Location: http://127.0.0.1:9090/Project01/php/other.html');
}
?>
下面是测试截图：
一：未开始前
MySQL
文件目录中：
二：使用开始
网页截图：
输入内容
点击提交
点击链接
mysql截图：
文件目录截图
至此传入数据，生成对应的html文件已成功，想要内容更好点，再添加点内容即可
注：本文为博主原创，允许所有人转载，但是请注明原文档出处
[原创] 利用前端+php批量生成html文件，传入新文本，输出新的html文件的更多相关文章
- 如何利用Excel快速批量生成想要的代码
如何利用Excel快速批量生成想要的代码 使用场景 在HTML DOM Video 对象这个页面 我想要将所有的中文描述和对应的属性(共32个属性)打印出来--console.log(descript ...
- 用备份控制文件做不完全恢复下的完全恢复（全备<老>--备份控制文件<次新>--删除表空间andy--日志文件<新>）
为什么会使用备份的控制文件? 实际工作中主要有两种情况:第一种:当前控制文件全部损坏,而数据文件备份,控制文件备份及当前日志处于不同SCN版本,它们之间又增加过表空间(数据文件).第二种:当前控制文件 ...
- FluentData-新型轻量级ORM 利用T4模板 批量生成多文件 实体和业务逻辑 代码
FluentData,它是一个轻量级框架,关注性能和易用性. 下载地址:FlunenData.Model 利用T4模板,[MultipleOutputHelper.ttinclude]批量生成多文件 ...
- 利用Resgen.exe 批量生成resources文件
Resgen.exe(资源文件生成器) 您可以直接如图操作 转换时在 文本中先写好要转换的文件然后 全选 复制到控制台中 Filename.resx 要转换的文件 ResName1.resource ...
- 利用strut2标签自动生成form前端验证代码
利用strut2标签自动生成form前端验证代码,使用到的技术有1.struts2标签,如<s:form> <s:textfieled>2.struts2读取*Validati ...
- C# 利用WORD模板和标签（bookmark） 批量生成WORD
前言: 由于对C#操作WORD不熟悉,也就留下这么一篇水文,别吐糟...=_=||| 利用Microsoft.Office.Interop.Word (2003版也就11版)——因为部分客户端还是用O ...
- 脚本工具（获取某个文件夹下的所有图片属性批量生成css样式）
问题描述: 由于有一次工作原因,就是将某个文件夹下的所有图片,通过CSS描述他们的属性,用的时候就可以直接引用.但是我觉得那个文件夹下的图片太多,而且CSS文件的格式又有一定的规律,所有想通过脚本来生 ...
- php 批量生成html、txt文件
首先建立一个conn.php的文件用来链接数据库 <?php $link = mysql_connect("mysql_host" , "mysql_use ...
- 批量生成sqlldr文件，高速卸载数据
SQL*Loader 是用于将外部数据进行批量高速加载的数据库的最高效工具,可用于将多种平面格式文件加载到Oracle数据库.SQL*Loader支持传统路径模式以及直接路径这两种加载模式.关于SQL ...
随机推荐
- JS设计模式---缓存代理
缓存代理可以为一些开销大的运算结果提供暂时的存储,在下次运算的时候,传进来的参数跟上次是一致, 则可以直接返回前面存储的结果. 运行上面的代码我们发现,当第二次再调用proxyMult(1,2,3)的 ...
- 【渗透测试】PHPCMS9.6.0 任意文件上传漏洞+修复方案
这个漏洞是某司的一位前辈发出来的,这里只是复现一下而已. 原文地址:https://www.t00ls.net/thread-39226-1-1.html 首先我们本地搭建一个phpcms9.6.0的 ...
- Java计算两个程序运行时间
一.获取系统当前时间 long startTime = System.currentTimeMillis(); //获取开始时间 doSomething(); //测试的代码段 long endTim ...
- Oracle中碰到的函数和关键字收集
一.时间处理函数 trunc(sysdate) 返回日期 to_date() to_char(sysdate,'yyyy-mm-dd hh24:mi:ss') to_number() 转为数字 二.字 ...
- SQL SERVER大话存储结构（2）_非聚集索引如何查找到行记录
如果转载,请注明博文来源: www.cnblogs.com/xinysu/ ,版权归 博客园 苏家小萝卜 所有.望各位支持! 1 行记录如何存储 这里引入两个 ...
- 又是一个MVP+RxJava+Retrofit的干货集中营
欢迎访问我的个人博客 ,未经允许不得转发 前言 今天想要与大家一起分享的是近一个星期内开发的一个新app--干货集中营客户端,其实网上已经有许多类似的项目,代码家也在他的干货集中营中推荐了几款优秀的作 ...
- Servlet的优化.GenericServlet
如何更好的使用servlet?GernericServlet可以由自己仿照一个出来,下面就是介绍了如何写这样的一个类 1.init方法 妥善的保存config对象 2.空参init方法,为了防止开发人 ...
- UnicodeDecodeError: 'utf-8' codec can't decode byte 0xce in position 22: invalid continuation byte
在使用python读取文本文件,一般会这样写: # -*- coding:utf-8 -*- f = open("train.txt", "r", encodi ...
- JAVA栈帧
简介 Java栈是一块线程私有的内存空间.java堆和程序数据相关,java栈就是和线程执行密切相关的,线程的执行的基本行为是函数调用,每次函数调用的数据都是通过java栈来传递的. Java栈与数据 ...
- Plupload上传插件自定义图片的修改
若自定义的一个上传图片效果,代码(可能不全),当用户再次点击所有或任意一个上传图片的input时,uploader.files已经多了客户再次上传的图片,但是你就想要最后的两张图片,这就可以使用到up ...