The second day of getting started with jQuery &&& The end of regular expressions - making a smarty-like engine, getting started with jQuery_PHP tutorial

--:submit button selector

Normally, only one submit button with a "type" attribute value of "submit" is allowed in a form. Use the :submit selector to get the Submit button element in the form.

Modify the background color of the submit button in the form

--:image image domain selector

When the "type" attribute value of an element is set to "image", the element is an image field. Use the :image selector to quickly obtain all elements of this type.

Modify the background color of image elements in the form

--:button form button selector

form contains many types of buttons, and the :button selector can be used to obtain and only obtain two types of ordinary button elements, and whose "type" attribute value is "button".

Modify the background color of the button element in the form

< br />

I am also a normal button

--:checked selected state selector

Some elements have a selected state, such as check boxes and radio button elements. When selected, the "checked" attribute value is "checked". Calling: checked can get all elements in the selected state.

将处于选中状态的元素设为不可用

--:selected选中状态选择器

与:checked选择器相比，:selected选择器只能获取下拉列表框中全部处于选中状态的选项元素。

获取处于选中状态元素的内容

苹果
桔子
荔枝
葡萄
香蕉

------------------------------------------------- ------------------

2. Regular expression

The function of the engine template to be done here is to replace the variable output.

What is needed is the template file .class and the compiled source file .php

--template.class.php

/*
* Description: Imitation smarty template engine class file
*
*/

class template{
private $templateDir; //Used to store the directory where the source files are located
private $compileDir; //Used to store the compiled file directory
private $leftTag='{#' ; //The tag of the object to be replaced, smarty defaults to {
private $rightTag='#}';
private $currentTemp=''; //Used to store the name of the template file currently being compiled
private $outputHtml; //HTML code used to store currentTemp
private $varpool=array(); //Variable pool; variables are stored during template compilation

public function __construct($templateDir,$compileDir ,$leftTag=null,$rightTag=null){
$this->templateDir=$templateDir;
$this->compileDir=$compileDir;
if (!empty($leftTag)) $this->leftTag=$leftTag; //When passing left and right tags, you need to make a non-empty judgment
if (!empty($rightTag)) $this->rightTag=$rightTag;
}

//assign function - put the variables needed in the template into the address pool and give the tag
public function assign($tag,$var){
$ this->varpool[$tag]=$var;
}

//Corresponding to the assignment above, take out the variable from the address pool
public function getVar($tag){
return $this->varpool[$tag];
}

//getSourceTemplate: Get the compiled source file_You need to know the file name and full path (so you need an extension
public function getSourceTemplate($templateName,$ext='.html'){
$this->currentTemp=$templateName;
$sourceFilename=$this->templateDir.$this->currentTemp. $ext;
$this->outputHtml=file_get_contents($sourceFilename);
}

//compileTemplate: Compile method
public function compileTemplate($templateName=null,$ext= '.html'){
$templateName=empty($templateName)? $this->currentTemp:$templateName;
//Core code, regular compilation
//{#$(w )# }
$pattern='/{#$(w )#}/';
//Clearer writing $pattern='/'.preg_quote($this->leftTag).' *$( [a-zA-Z_]w*) *'.preg_quote($this->rightTag).'/';
//What the core code has to do is to find the thing in the tag, and then replace it with something that PHP can recognize Content
$this->outputHtml=preg_replace($pattern, 'getVar('$1')?>', $this->outputHtml);
//Note the usage of preg_replace here, $1 represents the matching sub-pattern

//Generate the target file below, which also requires the complete target path
$compiledFilename=$this->compileDir.md5( $templateName).$ext;
file_put_contents($compiledFilename,$this->outputHtml);
}

public function display($templateName = null, $ext = '.html') {
$templateName = empty($templateName) ? $this->currentTemp : $templateName;
include_once $this->compileDir.md5($templateName).$ext;
}

}

--index.php

/*
* Copycat template engine test file
*/

//Include files
require_once 'template.class.php';
//Get the path, basedir root directory
$baseDir=str_replace('\', '/',dirname(__FILE__) );
$temp=new template($baseDir.'/source/', $baseDir.'/compliled/');

//Variable pool
$temp->assign('pagetitle', 'Copycat version smarty');
$temp->assign('test','imooc goddess');

//
$temp->getSourceTemplate('index');
$temp->compileTemplate();
$temp->display();

--A few things to note are

Follow the attribute method and compile like a pipeline

Then, some services need to be opened, otherwise like me, you still need to debug. . .

Good luck to everyone.