[原创] 利用前端+php批量生成html文件，传入新文本，输出新的html文件

发布时间：2017-06-16 17:07:54.827 作者： IT网络文摘 (该文来自笔记，点击查看原文)

本人因为要想自己写个小说网站练练手，在其中遇到的一些问题，将其解决方法总结出来，例如：

1：小说网站存储了大量的小说，每个小说主页都很相似，url不同，不是使用的history属性改写的，所以如果人工想写的话，那工作量就很大

如下图，用起点小说网来参考，放上我最爱的两本书

大学生就业培训,高中生培训,在职人员转行培训,企业团训

在这里我们将其url都当成html文件，不考虑url重写问题

所以，今天我就将我的解决方案放入其中，算是批量生成html文件

先写个数据提交网页：文件名为other.html

 1 <!DOCTYPE html> 2 <html> 3     <head> 4         <meta charset="UTF-8"> 5         <title></title> 6     </head> 7     <body> 8         <!--输入你想让显示的内容--> 9         <input type="text" name="name" id="name" value="" />10         <!--提交ajax-->11         <button id="btnn">提交</button>12         <!--提交成功后，则会通过数据库连接获取连接地址-->13         <a href="" target="_blank"></a>14         <!--js-->15         <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>16         <script type="text/javascript">17             $("#btnn").on('click',function(){18                 var name = $("#name").val();19                 //jq 的ajax请求20                 $.ajax({21                     type:"post",22                     url:"//127.0.0.1:9090/Project01/php/creathtml.php",23                     async:true,24                     data:{"name":name},25                     dataType:"JSON",26                     success:function(r){27                         console.log(r.token);28                         var hr="http://127.0.0.1:9090/Project01/php/ceshi/"+r.token+".html";29                         $('a').attr('href',hr);//改变a链接地址30                         $('a').text(r.token);//改变a链接访问跳转31                     }32                 });33             })34         </script>35     </body>36 </html>

接下来为php处理接受数据：文件名为creathtml.php

 1 <?php 2 //引入mysql连接配置 3 require './config.php'; 4 //接受other.html ajax请求过来的数据 5 $name = $_POST['name']; //ajax的data:{"name":name} 6  7 //判断$name是否存在 8 if (isset($name)) { 9     //mysql查询语句10     $query_select = 'SELECT t1.token FROM ceshi t1 WHERE content="' . $name . '"';11     //运行mysql语句，返回MySQL查询结果集，是个句柄12     $result_select = @mysql_query($query_select) or die($error);13     //将mysql查询结果集转为数组14     $row_select = mysql_fetch_array($result_select, MYSQL_ASSOC);15     //判断是否存在，存在则结束，本文为了方便，不写重复结果的返回处理16     if ($row_select) {17         echo "if(row)";18     } else {//输入的不存在19         //将其内容插入进去，并且生成个唯一标识符token，并对uuid处理 使其从 1600d45d-42e1-11e7-8106-1C39472981ff 转为 1600D45D42E111E781061C39472981FF20         $query_insert = 'INSERT INTO ceshi VALUES(UPPER(REPLACE(UUID(),"-","")),"' . $name . '")';21         22         $result_insert = @mysql_query($query_insert) or die($error);23         //查询出其内容对应的token24         $query_token = 'SELECT t1.token FROM ceshi t1 WHERE content="' . $name . '"';25 26         $result_token = @mysql_query($query_token) or die($error);27 28         $row_token = mysql_fetch_array($result_token, MYSQL_ASSOC);29         //将其token值提取处理30         $token = $row_token[token];31         //在本程序文件下，将其创建的目录写成字符串32         $path = "ceshi/";33         //判断目录是否存在34         if (is_dir($path)) {//目录存在，则直接复制并且重命名文件35             36             //找到模板文件37             $old = "win.html";38             //复制的新文件写成一个字符串39             $new = $path . $token . '.html';40             //将其复制到上面创建的目录中，并且重命名为token41             copy($old, $new);42             //token的数组转为json数据返回 ajax请求的为dataType:"JSON"43             echo json_encode($row_token, JSON_UNESCAPED_UNICODE);44 45         } else {46             //目录不存在则创建47             $res = mkdir($path);48             if ($res) {49                 50                 $old = "win.html";51                 $new = $path . $token . '.html';52 53                 copy($old, $new);54 55                 echo json_encode($row_token, JSON_UNESCAPED_UNICODE);56             } else {57                 echo "目录 $path 创建失败";58             }59         }60 61     }62 } else {63     header('Location: http://127.0.0.1:9090/Project01/php/other.html');64 }65 ?>

接下来写模板文件：文件名为win.html

 1 <!DOCTYPE html> 2 <html> 3     <head> 4         <meta charset="UTF-8"> 5         <title></title> 6     </head> 7     <body> 8         <h1 class="h1"></h1> 9         10         <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>11         <script type="text/javascript">12             $(document).ready(function(){13                 /*14                  * 获取url的信息http://127.0.0.1:9090/Project01/php/win.html将其中的win获取出来15                  * 在复制的html中是win你输入的内容的token值，16                  * */17                 var strUrl=window.location.href;18                 var arrUrl=strUrl.split("html");19                 var strPage=arrUrl[0];20                 var last=strPage.split("/");21                 var filenameadd=last[last.length-1];22                 var filename=filenameadd.substring(0,filenameadd.length-1);23                 24                 //通过获取到的值，进行数据查询25                 $.ajax({26                     type:"post",27                     url:"//127.0.0.1:9090/Project01/php/win.php",28                     async:true,29                     data:{"content":filename},30                     dataType:"JSON",31                     success:function(r){32                         var h1=$(".h1");33                         h1.text(r.content); //修改文本内容34                         $(document).attr("title",r.content); //修改title内容35                     }36                 });37             })38         </script>39     </body>40 </html>

接下来了便是复制成功后页面请求提交数据：文件名为：win.php

 1 <?php 2 /* 3  * 一些注释在creathtml.php文件中已写 4  * */ 5 require './config.php'; 6  7 $win=$_POST['content']; 8  9 if(isset($win)){10     11     $query_content = 'SELECT t1.content FROM ceshi t1 WHERE token="'.$win.'"';12     13     $result_content = @mysql_query($query_content) or die($error);14     15     $row_content = mysql_fetch_array($result_content, MYSQL_ASSOC);16     //将其请求的内容返回17     echo json_encode($row_content,JSON_UNESCAPED_UNICODE);18     19 }else{20     header('Location: http://127.0.0.1:9090/Project01/php/other.html');21 }22 ?>

下面是测试截图：

一：未开始前

MySQL

大学生就业培训,高中生培训,在职人员转行培训,企业团训