本人因为要想自己写个小说网站练练手,在其中遇到的一些问题,将其解决方法总结出来,例如:
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文件已成功,想要内容更好点,再添加点内容即可
注:本文为博主原创,允许所有人转载,但是请注明原文档出处