So verwenden Sie Javascript in Plug-in

Release time:2017年07月26日 Author:Catfish CMS Reading volume:61221

We all know how to use javascript in the page, then we in the design of Catfish CMS plug-in can also use javascript? The answer is of course yes, and the use of javascript in the plugin is also very simple.


Here, let's take a look at how to use javascript in the plugin.


Still  use the system comes with the announcement plug-in example, assuming  that we want to join the plug-in javascript code, how to do it?


There are two ways:

One is  directly to the javascript code and html code mixed into the plug-in  (plug-in how to make reference please refer to this site related  articles)

The second method is to put the javascript code into a separate file, and then in the plug-in reference to this file.


The first method  is very simple, when the javascript code is not very complicated  circumstances, we can directly use the first method. But  when the code is more complicated, if you still mix with the html code,  you may feel that the code is not concise, then we can use the second  method, the javascript code in a separate file.


The following figure is the simplest plugin that contains only one file:

Now we  hope to be able to use javascript in the plug-in, we first in this file  where the folder to create a new folder, named "js", as shown below:

Then we built a javascript file in the "js" folder, assuming we built a file called "announcement.js". Then we will come to the realization of the js file to the plug-in.


As with the reference style file, we need to use the built-in function "$this->import()", the actual code is as follows:

$this->import('js/announcement.js')

Then we assign it to $data with the html code, and finally display the content with the built-in function "add".


Very simple, as long as a simple line of code can refer to the external javascript file.


Original article, reproduced please specify:So verwenden Sie Javascript in Plug-in | Catfish(鲶鱼) CMS

Reward

I want to comment Sign in to post a comment



Latest release

Catfish CMS License(CCL)- 鲶鱼CMS许可证

Catfish CMS License(CCL)- 鲶鱼CMS许可证,正式发布。 CC...

免费开源的鲶鱼CMS怎么样?说说鲶鱼cms系统的几大特点

免费开源cms系统鲶鱼CMS是一款轻便易用的内容管理系统,其设计理念十分独特,整个系统实...

现在什么方式建站比较好,自助建站还是cms

很多时候我们会有建网站的需要,有个人的建站,也有企业应用的建站,那么有哪些建站方式,以及...

免费开源鲶鱼cms系统如何使用bootstrap4以及其辅助标签

免费开源cms系统Catfish(鲶鱼) CMS从4.9.3版开始原生支持bootstr...

html网页输入框input填写内容自动记忆功能怎么去除

我们在做前端的html网页模板的时候,免不了要制作一些输入框,供使用者输入信息实现人机交...

phpStudy安装鲶鱼CMS怎样开启伪静态

phpStudy是一款PHP运行环境的集成包,为了方便,我们在调试或者运行PHP程序的时...

How to use the Catfish CMS system

Section 1: How to add articles

Management background is composed of five bl...

Section 2: to the article to add c...

In the previous section, we talked about how...

Section 3: Add a menu to your site

In the previous section we talked about how ...

Section 4: Page Setup

To the last section we have learned to use t...

Section 5: Change website name, LO...

By the end of the previous section, we have ...

Copyright © 2015 - 2019 Catfish(鲶鱼) CMS
Catfish(鲶鱼) CMS〖181836340〗 Catfish(鲶鱼) CMS 二群〖292598750〗

   I want to leave a message
Catfish(鲶鱼) CMS V 4.9.42