注意:此文档假定您使用安装In_dev.启用。
由于IPS Social Suite采用的多应用模型,以及资源绑定和服务于浏览器的方式,有很多地方存储不同类型的javascript文件。
开发和生产
在为IPS4开发时,您可以在应用程序或全局目录中创建JavaScript文件,其中单个文件持有单个模块。但是,在生产中,IPS4捆绑在一起的相关文件(在过程中连接和划分它们)以减少文件大小和获取脚本所需的HTTP请求的数量。
您应该知道捆绑包是如何构建的,因为这将决定如何在后端PHP代码中指定要加载的JavaScript文件。
全球资源
全局资源是那些被加载的资源每一个页面加载。这包括:
- 库- jQuery,下划线等
- 应用程序设置-引导模块,加载模块,基础控制器等
- 全球模块- UI小部件,实用程序,全局控制器等
- 前/管理模块- 控制器全局到前端/管理控制面板,在该区域的每个页面上都需要。
上面所有的文件都位于
应用程序资源
应用程序有自己的javascript文件夹,位于<浏览器名称> / dev / js.在这个文件夹中,应该有三个子文件夹-管理那正面和全球.这些文件夹将特定于这些区域的JavaScript(或整个应用程序,在此情况下全球)。
在每个文件夹中分别在每个文件夹中,有用于不同类型的JavaScript文件 - 控制器,模板和Mixins的其他子文件夹。因此,在应用程序中,文件结构如下所示:
- /浏览器名称
- / dev
- / js
- /正面
- /控制器
- /轮廓
- “诱导多能性”。轮廓.main.js
- “诱导多能性”。轮廓.body.js.
- /轮廓
- /模板
- ips.templates。轮廓. js
- /混合
- /控制器
- /行政
- /控制器
- /模板
- /混合
- /全球的
- /控制器
- /模板
- /混合
- /正面
- / js
- / dev
应用程序的包是基于文件夹/文件名构建的,并使用这种格式<位置> _ <目录> . js.以上面的结构为例,如果我们加载front_profile.js.,它将包含:
- /js/front/controllers/profile/ips.profile.body.js.
- /js/front/controllers/profile/ips.profile.main.js.
- /js/front/templates/ips.templates.profile.js.
然后将该包包含在您的PHP代码中:
IPS \ \输出::一世()- >jsfiles.=array_merge(IPS \ \输出::一世()- >jsfiles.那IPS \ \输出::一世()- >JS.(“front_profile.js”那'核'));
第三方库
应用程序有一个接口目录
假设您已将文件添加到界面处<浏览器名称> / / jquery / jquery.rangyinputs.js接口,它可以包括在你的PHP代码如下:
\IPS\Output::i()->jsFiles = array_merge(\IPS\Output::i()->jsFiles, \IPS\Output::i()->js('jquery/jquery.rangyinputs.js', 'appName', 'interface'));
报告指南