发布时间:2025-12-09 20:55:03 浏览次数:4
首先涉及到的一些工具及环境有:
在上述的工具及环境都安装好后,就可以开始进行仿站的第一步了——使用仿站小工具下载页面所有文件(下面都进行单页面仿站,就是下载一个页面仿一个页面)。
下载页面。先仿首页,打开下载好的仿站小工具,输入要仿页面的网址,点击添加→转到下一步,路径设置选择相对路径,然后选择保存下载文件的地址,就可以点击开始下载。
在phpstudy中创建帝国cms的站点。页面下载完成后打开phpstudy(软件管理中必要的软件有:web服务、数据库服务、php运行支持程序以及mysql管理工具),开启Apache和MySQL,点击网站→创建网站→输入域名(www.xxx.com)→创建数据库→确认
创建网站成功后可以在管理选项那里打开根目录,同时打开帝国cms文件夹中的upload文件,复制里面所有文件并粘贴到刚刚生成的站点目录中
打开浏览器输入域名就可以看到帝国cms管理系统首页模板,在域名后面添加/e/install就可以进入帝国cms安装页面
点击我同意→下一步→下一步→输入数据库用户名、密码以及数据库名(这三个在刚刚创建数据库的时候已经设置好了,如果不记得可以打开phpstudy数据库栏那里查看)→下一步→初始化管理员账号→进入后台控制面板→登录(这里建议把这个登陆页面收藏在浏览器中,方便下一次进入帝国cms的管理后台)
此时就可以真正通过帝国cms创建网站模板了。
创建首页模板。先观察页面中有哪些共同的部分,一般头部head以及导航栏还有尾部都是相同的,如果头部和尾部引入的css和js文件不同就不算,反正就是将相同的代码用作公共变量后调用它。然后点击导航栏中的模板→公共模板变量→管理模板变量→修改,用Dreamweaver打开下载好的首页html文件,复制共同部分的代码→复制→粘贴到变量值→提交→将模板变量名替换掉刚刚复制粘贴的代码,这就是调用我们自己创建的模板变量了,当然也可以调用系统的变量值,比如head里的title可以调用[!–pagetitle–](在首页叫做网站名称,在其他页面叫做页面名称),首页的pagetitle值可以在系统→系统设置→系统参数设置→基本属性→站点名称里改,当首页调用完所有的变量值后复制整个页面的html代码然后粘贴到首页模板,点击修改→数据更新(帝国cms不支持自动刷新,所以每次更改完后需要手动刷新)→刷新首页→点击网站首页,这时候就可以看到我们导入的首页模板内容了,但是页面排布还是乱的,这是因为我们还没有将刚刚下载首页时的相关static文件夹复制到帝国cms站点文件夹中,现在将它复制粘贴过去。
这时候可以看到域名是我们自己设置的并且title和原来的不同,也就意味着创建的网站首页模板成功了。
创建列表模板。列表页就是导航栏选项中的不同选项点击后进入到的页面,与创建首页一样,下载好相关文件后打开html文件先找公共模板变量(公共代码)并创建,然后调用。更换完所有模板变量后复制页面代码,点击模板→列表模板→管理列表模板→选择对应的列表模板(一般都是用新闻列表模板)→修改→将复制的页面代码粘贴到页面模板内容→保存模板,这时候就可以去创建不同的列表页面了。点击栏目(可以将导航栏中的每个选项看作一个栏目)→栏目管理→管理栏目→增加栏目→修改栏目信息(因为此时只是新建不同类型的栏目,而不是创建需要修改页面信息的栏目,所以不是终极栏目)
点击提交,可以看到栏目已经创建成功了
点击刷新然后点击栏目名,就可以打开该栏目页面了,记得将static文件复制到相应文件夹。
创建内容页模板。下载一个具体信息的页面作为模板,打开html文件先找公共模板变量(公共代码)并创建,然后调用。更换完所有模板变量后复制页面代码,点击模板→内容模板→管理内容模板→选择对应的内容模板(一般都是用新闻内容模板)→修改→将复制的页面代码粘贴到页面模板内容→保存模板。 这时候就可以去创建栏目了。点击栏目→栏目管理→管理栏目→增加栏目→修改栏目信息(此时增加的是需要修改页面信息的栏目,所以勾选终极栏目)
点击提交,可以看到栏目已经创建成功了
点击刷新然后点击栏目名,打开页面后发现与所属父栏目内容相同,这是因为还没有在该终极栏目下发布信息,没用到内容模板。此时点击信息→父栏目名称→终极栏目名称→增加信息(增加信息根据自己需要的内容增加,标题对应的变量名为[!–title–],标题图片对应的变量名为[!–titlepic–],等等变量名自行在网上查找)→提交
刷新后点击增加的信息,就可以看到运用内容模板更改信息后的页面了(每次更改完信息后都需要在管理后台手动更新相关数据)。
如果要更改页面中的图片的话就是在标题图片那点击小图标,选择文件→点击上传→点击图片,就可以选中点击的图片作为标题图片
之后在模板中调用[!–titlepic–]变量名就可以在内容页看到自己新增的图片了。