By accessing the website and accepting the Cookie Policy, you agree to use the cookies provided by the Site in accordance with to analyze traffic, remember your preferences, and optimize your experience.
October CMS    2018-10-23 10:20:10    126    0    0
## **October CMS官方文档** https://octobercms.com/docs/cms/themes ## **October CMS模板标记文档** https://octobercms.com/docs/markup/templating ## **Watch and Learn Series** #### October CMS入门教程 1~47 http://
October CMS    2018-10-23 10:05:58    91    0    0

创建主题有两种方法:
1、在octobermovie/themes目录中创建以主题名称为目录名的目录,然后创建主题文件,例如:demo/theme.yaml

name: Demo
description: 'Demo OctoberCMS theme. Demonstrates the basic concepts of the front-end theming: layouts, pages, partials, components, content blocks, AJAX framework.'
author: OctoberCMS
homepage: 'http://octobercms.com'
code: ''

2、使用后台管理工具创建主题,也是今天要讲的方法。
如图,选择【设置】——【前端主题】——【创建空白主题】

点击创建空白主题:根据如下所示填写主题的各个属性。

打开编辑器,可以看到themes目录下多出一个主题目录

下面激活主题:

刷新前端页面:是要提示页面没有找到。

这是因为主题是依赖于页面的。如果主题没有定义任何页面,则会提示上述信息。

另外我们要需要一个布局文件,我们可以使用系统demo中默认的布局文件

我们对布局文件内容进行适当修改。这里我们只是测试页面所以删除header、partial。因为我们需要使用bootstrap和Jquery,所以,需要把demo的资源目录assets也一起复制到新的主题对应目录中。


布局创建好后,刷新页面还是会出现上述错误,这是因为,我们没有创建对应页面。
点击【内容管理系统】——【页面】——【增加】

刷新页面:


October CMS    2018-10-22 18:54:42    943    0    0

安装

安装方式1:

下载安装文件源码后,解压并通过浏览器进行在线安装及配置:

安装器源码地址:http://octobercms.com/download

image

根据提示,安装缺少的扩展或组件即可。

安装完毕后,记得删除网站目录下的install相关文件。

install_files/      <== Installation directory
install.php   
October CMS    2018-10-22 18:54:42    255    0    0

项目源码地址(themes目录可下载教程源码):https://gitee.com/494901823/OctoberCMS-learn/

视频:http://www.365yg.com/i6567340771932897796/#mid=96183025285

 

按照laravel开发环境的要求安装环境,必不可少的是composer了。
在命令行执行

composer create-project october/october octobermovie​

上述命令完成后,进入对应的目录,这里执行 

cd octobermovie
php artisan october:install​

根据提示输入您对应的开发环境参数。

在浏览器输入绑定的域名或者虚拟目录访问前端即可
http://octobermovie.dev

访问后台管理系统:
http://octobermovie.dev/backend


登录后台,切换到中文模式:
点击右上角的用户图标,可以选择“back-end preferences” 选择 简体中文UTC+8 Asia/Shanghai,然后点击下方的save,F5刷新页面即可转换为中文界面

 

October CMS    2018-10-22 18:54:42    320    0    0

项目源码地址:https://gitee.com/494901823/OctoberCMS-learn

文章视频:http://www.365yg.com/i6567357620548534797/#mid=96183025285

基本界面


October CMS 的后台管理很简单,没有多余的功能。
首页部分是【仪表盘】显示了系统的基本信息。


内容管理系统:

这里可以设置页面、部件、布局、内容块、资源和组件。


媒体:

是用于管理系统中的各种媒体资源,包括图片、音频、视频、文档等。默认是存储在服务器本地的。我们可以上传这些内容到服务器,也可以建立更多的目录对这些资源进行分别存储。

设置:

默认情况下设置里面没有太多的设置,默认包含邮件、日志以及系统和内容功能。我们可以在系统中进行管理员的管理,用于控制用户具有的权限。后面,我们将学习插件是如何工作的。


点击右上角的用户图标,我们可以查看用户的配置文件。并且,我们可以从这里退出当前用户。

基本概念


这个网站的首页是如何生成的呢,如何进行管理这些页面呢?


这部分就是October的核心,页面里面包含了404页面、ajax页面、500错误页面,首页和演示插件。从其显示的URL可以知道,我们的首页内容是Demonstration这个页面。
我们点击这个条目,就可以看到如下的界面:


我们也可以看到【标题】和【URL】分别就是设置页面名称和访问URL的。我们可以非常方便的进行修改。在【设置】选项卡,我们可以看见,URL为 / 的对应的文件名为home.htm,使用的布局是 default 。再下面黑色部分就是代码编辑器。
home.htm是一个真实存在的页面。它就存在于文件系统中。如下图所示。

通过查看这里的home.htm文件,我们就可以很简单的知道,我们的主页其实就是一个静态页面。如果我们自定义这些页面、部件、布局、内容等,就可以自己定义自己的前端页面了。

title = "Demonstration"
url = "/"
layout = "default"
==

home.htm中的顶部这些代码就是定义页面的一些属性。我们通过修改这些属性,他们会同时体现在后台系统中。

title = "Homepage"
url = "/"
layout = "default"

修改完成后,在编辑器里面保存此文件。然后在后台刷新页面,然后再次打开【页面】菜单,我们将看到我们的修改生

October CMS    2018-10-22 18:54:42    68    0    0

基本概念

在October系统中所构建的每一个页面都是由Layout(布局)、Page(页面)、Partials(部件)和Content blocks(内容块)组成。最简单的情况就是只有一个Page也是可以的。

Layouts

Layout定义了一个页面的结构。布局文件layouts/default.htm定义了页面的结构,以及在每个页面上重复的部分,诸如HTML、Head和Body标签,样式表和JS文件引用。

在Demo主题中的菜单和页脚也是在布局中定义的。

Pages

页面保存了每一个页面的内容。

页面文件pages/home.htm 定义页面URL(/当前页面)和页面内容。 页面在布局中渲染,这个函数“page”应该在布局代码中被调用:

{% page %}

为页面使用布局是可选的,您可以在页面文件中定义所有的内容,而不使用布局。

Partials

包含了可以重复使用的HTML标记块。这些标记块定义在一个一个的单独的问题件中,可以被使用在任何地方。

Partials的渲染方式为:

{% partial "partial-name" %}

Partial文件可以放到Partials目录里面的任何文件夹下,比如:我们将页脚的内容放到了partials/site/footer.htm这个partial里面了。 则引用的方法就是:

{% partial "site/footer" %}

Partials可以被pages、layouts或者其他的partials引用。没有限制。

Content Blocks

内容块是独立于pages、layouts的文本、可编辑的html代码块。

比如content/welcome.htm文件。 渲染格式如下:

{% content "content-name.htm" %}

Placeholders

placeholders允许Pages注入内容到Layout中。

一般情况下,是把js和样式表注入到layout的head标签中。placeholder在layout中定义,页面中执行注入操作。

Layout file:

<head>
    ...
    {% placeholder head %}
</head>

Page file:

{% put head %}
    
    
{% endput %}

Assets

存储的是诸如JavaScript, StyleSheet, ima

October CMS    2018-10-22 18:54:42    52    0    0

Themes 介绍

主题定义了October构建的网站或Web应用程序的外观。主题完全基于文件定义,可以使用任何版本控制软件管理。

主题存储在项目的themes目录的对应子目录中。主要包含以下部分:

名称     Description 
Pages     网站的页面 
Partials 可以重用的HTML标记块 
Layouts 定义页面的结构 
Cont