百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 文章教程 > 正文

学习梦想家CMS内容管理系统-模板的使用

xsobi 2024-12-29 06:42 1 浏览

  1. 准备网站下载器

网上可以自己百度搜索,我使用的这个工具就是HTTrack Website Copier,通过这个工具完成一个网站的获取,主要是获取静态文件。这里需要自己去分析这个静态文件,我们获取到的页面主要是需要css、images、js和index.html这个首页。

经过分析,我们得到的一个首页index.html和css、images、js等文件夹。

接下来我们创建一个文件夹,有以下目录

编辑main.xml,其中最关键的部分就是name中的名字和主题包要一致。

然后将我们准备的静态文件放到这个目录里

接下将我们准备的文件夹压缩为zip包

打开我们的管理后台,上传这个zip包

上传后报错

因为新版本不再使用main.xml了,所以学习官网视频的时候要注意更改文件,文件更改为theme.json,内容和main.xml基本一致说明作者已经更新了版本。

将之前的目录更改后,重新压缩上传

重新上传后成功

我们将测试主题设置为默认主题,点击主题设置->启动就可以了。

接下来刷新我们的官网首页就发现主题开发变化了,已经不是这前的模板了。

然后我们要找这个页面里的一些问题比如资源路径的问题等等,我们一个个处理。

比如下面这个问题

代码这次就去静态资源的文件夹查看

我们可以直接编辑这里面的文件了,我们先编辑index.html

下面的这些路径我们都需要更改

梦想家CMS已经给我们提供了一些模板,我们可以直接使用了

我们把路径改为我们自己的路径,下面资源位置的路径都可以改,就不一一截图了。

至于页面中没有图片的地方,我们查看代码发现是因为这是后台资源的目录

这种就是去官网把它的图片在页面是保存下来放到我们的项目中,大可不必这么做,知道就可以了,我们记下来去更改它的菜单部分。

上面菜单的部分应该和我们的后台是一致的,我们后台是叫下面的这个名字。

找到这个部分,我们更改一下

我们要阅读这个代码,发现是一个li的标签,找梦想家CMS给提供的标签,运用到这个地方

然后我们更改这个部分,我们把官网的例子拿过来更改使用就可以看到里面的数据了

看下效果,虽然没有样式,但是数据可以出来,样式是因为我删除的太多了

相关推荐

MySQL 正则表达式最全介绍

MySQL支持使用正则表达式进行模式匹配和文本搜索。正则表达式提供了一种强大的工具,可以用来匹配和检索字符串中的复杂模式。MySQL中的正则表达式功能主要在REGEXP或RLIKE运算符中使用。1....

正则前面的 (?i) (?s) (?m) (?is) (?im) 是什么意思

Q:经常看见的正则前面的(?i)(?s)(?m)(?is)(?im)是什么意思?...

SQL中的正则表达式

正则表达式通常用来匹配字符,比如在一段字符中截取我们想要的字符,又或者将不想要的字符串替换,或者统计某个或者某几个字符出现的次数,我们都可以使用Oracle提供的正则表达式语法来完成。1.比如,我们在...

学习VBA,报表做到飞 第四章 正则表达式 4.10 贪婪模式与懒惰模式

第四章正则表达式4.10贪婪模式与懒惰模式正则表达式匹配时默认为贪婪模式,也就是尽可能多的匹配。有时候我们需要对符合条件的内容分开匹配,就要用到懒惰模式。...

Python re模块 正则表达式之compile函数

一、应用场景为了重复利用同一个正则对象,需要多次使用这个正则表达式的话,使用re.compile()保存这个正则对象以便复用,可以让程序更加高效。二、使用方法...

几条常用的JavaScript正则表达式

在做项目或者代码编写过程中,一般会遇到验证电话、邮箱等格式是否正确合法的问题。通常我们会使用正则表达式,自己写很麻烦,且正则表达式又不是那么容易记住。所以现在分享几条常用的正则表达式,需要的时候直接复...

C语言中使用正则表达式

POSIX规定了正则表达式的C语言库函数,参见regex(3),我们已经学了很多C函数的用法读者应该具备自己看懂man手册的能力C语言中使用正则表达式一般分为三步:1.编译正则表达式regco...

VBA与Excel入门系列-12-正则表达式(上篇)

系统环境:Windows10...

系列专栏(八):JS的第七种基本类型Symbols

ES6作为新一代JavaScript标准,已正式与广大前端开发者见面。为了让大家对ES6的诸多新特性有更深入的了解,MozillaWeb开发者博客推出了《ES6InDepth》系列文章。CSDN...

EXCEL正则表达式的基础语法

正则表达式的基本概念及用途了解之后,我们就来学习下具体的语法,先以一个简单的例子来讲解。基础语法:比如,A1单元格中有一串字符:aabbccdd...

这几个冷门到你没听过的App,好用到为你打开新世界大门

一些好用的App总被埋没在数以百万计的应用商店中。今天为大家推荐几款Windows、Android、iOS、macOS平台里略显小众、但足够好用的遗珠App。万彩办公大师(Windows)转换Offi...

C/C++知识分享:C语言正则表达式

C语言的正则表达式规则,特此跟大家分享。一、C语言如何使用正则表达式?C语言使用正则表达式的方法很简单,只需要包含正则表达式头文件即可:...

Github工具库(二)

作者:Yunying...

在 JavaScript 中替换所有指定字符 3 种方法

在JS没有提供一种简便的方法来替换所有指定字符。在Java中有一个replaceAll(),replaceAll(Stringregex,Stringreplacement))方法...

正则表达式进阶

正则表达式,是每个程序员的必备的技能1.贪婪匹配和惰性匹配...