时间:2021-07-01 10:21:17 帮助过:43人阅读
另一方面,我们不可能让网站编辑人员来一个一个地手工制作这些HTML,那样就是回到多年前的纯静态时代了。我们可以用动态语言来方便、快捷地生成这些静态网页。而且,目前这一技术已经十分成熟。本文仅以最简单的原理和案例着手,试图讲明白大致的方法和流程,不关心具体的细节(比如文本编辑器)。
原理步骤:
1、制作一个内容为空的html页面,作为模板。
2、当网站编辑人员通过后台添加一条记录时,将其内容添加到模板文件的相应的位置上,然后将其保存为特定位置的html文件
3、在数据库中记录下该文件的信息
4、在前台,读取数据库中的记录并显示
5、后台编辑,本质上是对html文件的增、删、改,顺带对数据库中的记录也进行如上操作。
目录结构:
数据库设计:
create database cms_php_html;
use cms_php_html;
CREATE TABLE IF NOT EXISTS `newslist` (
`nID` int(11) NOT NULL AUTO_INCREMENT,
`nTitle` varchar(50) COLLATE utf8_bin NOT NULL,
`nURL` varchar(100) COLLATE utf8_bin NOT NULL,
PRIMARY KEY (`nID`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 ;
代码:
1、前台首页: index.html
NewsList
CMS后台 前台查看
|
|
News List |
$(function() { //首先在表格正文列出已有记录 $.ajax({ type:"get", url:"../admin/query.php", dataType:"json", success:function(data){ $("#newsList").html(""); $.each(data, function(index,row) { $("#newsList").append("
$(function(){ $("#oldSubmit").click(function(){ if($("#pageFile").text()!="" && $("#oldTitle").val()!="" && $("#oldContent").val()!="") { $("#oldSubmit").val('修改中...'); fileURL=$("#pageFile").html(); $("#oldSubmit").attr("disabled","disabled"); newTitle=$("#oldTitle").val() newContent=$("#oldContent").val(); $.ajax({ type:"post", url:"../admin/saveEdit.php", data:{url:fileURL,title:newTitle,content:newContent}, dataType:'html', success:function(data){ $("#oldSubmit").removeAttr("disabled"); $("#oldSubmit").val('修改'); alert(data); $.ajax({ type:"get", url:"../admin/query.php", dataType:"json", success:function(data){ $("#newsList").html(""); $.each(data, function(index,row) { $("#newsList").append("
$(function(){ $("#oldDelete").click(function(){ if(window.confirm('确定删除?')==true) { currentURL=$("#pageFile").text(); $.ajax({ type:"post", url:"../admin/delete.php", data:{curl:currentURL}, dataType:'html', success:function(data){ alert(data); $.ajax({ type:"get", url:"../admin/query.php", dataType:"json", success:function(data){ $("#newsList").html(""); $.each(data, function(index,row) { $("#newsList").append("
(.*?)#s", "".$title." ", $oldContent);$newContent=preg_replace("#(.*?)#s", "".$content."", $newContent);preg_match("#http://localhost/phpToHtml/(.*?).html#s", $url,$m);$fwrite=fopen("../".$m[1].".html","w");fwrite($fwrite,$newContent); mysql_connect("localhost","root","root");mysql_query("set names utf8");mysql_select_db("cms_php_html");mysql_query("update newsList set nTitle='".$title."' where nURL='".$url."'");echo("ok");?>
(.*?)#s",$fcontents,$titleMatches);preg_match("#(.*?)#s",$fcontents,$contentMatches);$row[0]=$titleMatches[1];$row[1]=$contentMatches[1];echo(json_encode($row));?>
{TITLE} 返回列表页 {CONTENT}
前台:
前台打开链接后:
后台首页:
添加记录:
添加后:
修改记录:
删除记录:
删除后的列表: