将 JS 页面添加到 SilverStripe
Add JS page to SilverStripe
我已经制作了一个名为Phaser.html的HTML页面,并使用Javascript和游戏框架Phaser。
现在我想在我的 silverstripe 网站上显示这个页面。但我是新手,真的不知道该怎么做,我只看到 php 代码,但我只想将我的文件放在 someweree 中,然后链接到页面。
另一件事,当我从 CMS 添加时,这会显示一个文本编辑器,如 word。我应该在那里写代码?
我使用简单的主题。我已经有了我网站的结构。
This is the phaser.html and the silverstripe page
我想将页面放在我的 Silverstripe 网站的左侧。
如果没有真正看到您的代码,这将是盲目的尝试,但或许可以试试这个:
- 将您的 javascript 代码放入名为
phaser.js
的文件中。您说所有代码都是 javascript,所以根本不需要 .html 文件。
- 将该文件复制到
mysite/javascript
- 编辑
mysite/code/Page.php
将 Requirements::js('mysite/javscript/phaser.js');
插入到 init() 函数中,如下所示:
public function init() {
parent::init();
Requirements::javascript("site/javascript/phaser.js");
}
刷新页面,现在应该加载 javascript 文件,因为现在应该在 <head>
标签内引用它。
一旦你开始工作,我建议采取下一步创建你自己的 Phaser_Page class 来扩展页面并将 Requirements
调用移动到该页面并可能创建新页面的自定义模板。 SilverStripe Lessons.
中应涵盖的所有操作
我已经制作了一个名为Phaser.html的HTML页面,并使用Javascript和游戏框架Phaser。 现在我想在我的 silverstripe 网站上显示这个页面。但我是新手,真的不知道该怎么做,我只看到 php 代码,但我只想将我的文件放在 someweree 中,然后链接到页面。 另一件事,当我从 CMS 添加时,这会显示一个文本编辑器,如 word。我应该在那里写代码? 我使用简单的主题。我已经有了我网站的结构。
This is the phaser.html and the silverstripe page
我想将页面放在我的 Silverstripe 网站的左侧。
如果没有真正看到您的代码,这将是盲目的尝试,但或许可以试试这个:
- 将您的 javascript 代码放入名为
phaser.js
的文件中。您说所有代码都是 javascript,所以根本不需要 .html 文件。 - 将该文件复制到
mysite/javascript
- 编辑
mysite/code/Page.php
将
Requirements::js('mysite/javscript/phaser.js');
插入到 init() 函数中,如下所示:public function init() { parent::init(); Requirements::javascript("site/javascript/phaser.js"); }
刷新页面,现在应该加载 javascript 文件,因为现在应该在
<head>
标签内引用它。
一旦你开始工作,我建议采取下一步创建你自己的 Phaser_Page class 来扩展页面并将 Requirements
调用移动到该页面并可能创建新页面的自定义模板。 SilverStripe Lessons.