模版开发-芸签cms系统|企业建站|企业级应用|内容管理系统-芸签科技

模版开发

系统使用php开发，模版开发需要搭建环境。windows系统可以使用wamp，mac系统可以使用mamp或xampp，可以参考环境配置和系统安装。

模版目前使用的是blade模版引擎，我们主要是考虑seo友好，所以没有使用vue或react做单页面。虽然vue或react使用ssr也可以对seo友好，但增加了部署的复杂度。以后会开放前端的api，让模版开发者自己选择使用哪种方式。但是现在，做模版开发还是需要了解一点php语法基本语法和blade模版的基本语法。如果你不熟悉php环境搭建，可以直接使用宝塔搭建测试环境，把本地做好的页面传到测试服务器上调试。下面列举一些开发模版需要的php知识和blade知识

需要的php基础知识：

php脚本可以放在文档中的任何位置。以<?php开始，以?>结束。每个代码行都必须以分号结束。可以使用echo在浏览器输出文本
```
<!DOCTYPE html>
<html>
<body>
<p>页面中用php打印Hello World!</p>
<?php
echo "Hello World!";
?>
</body>
</html>
```
php变量以$符号开始，后面跟着变量的名称
```
$a=1;
```

php数组分为索引数组、关联数组和多维数组。多维数组就是放多个数组的数组，可以先看一下索引数组和关联数组的用法，就知道多维数组的用法了
索引数组和js的数组是类似的，如

$a=[’a’,’b’,’c’];
echo $a[1];//在浏览器输出$a的第二个元素

关联数组和js的对象是类似的，如

$a=[’zhangsan’=>’张三’,’lisi’=>’李四’];
echo $a[’zhangsan’];//在浏览器输出$a中键值为zhangsan的元素，浏览器将显示中文“张三”

foreach可以遍历数组中的值和键

foreach($arr as $key=>$value)
{
echo "Key=" . $key. ", Value=" . $value;
echo "<br>";
}

php函数和js一样，直接用函数名调用就行
开发模版时比较常用的是php的date函数把时间戳转换成时间格式化的字符串。
```
$time=1664435523;//时间戳
echo date('Y-m-d H:i:s',$time);//输出如2022-09-29 15:12:03格式的时间
```

需要的blade基础知识：

定义使用布局
@yield 指令是用来显示指定部分的内容
@section 指令向布局片段注入内容
@extends 指令指定子视图要「继承」的视图
文档描述的有点晦涩，可以参考芸签cms系统的默认模版对布局指令的使用

显示数据
可以通过包裹在双花括号内的变量显示传递给Blade视图的数据，
如显示变量name
```
{{ $name }}
```
变量内容是富文本，可以使用下面的语法
```
{!! $name !!}
```
if语句
可以使用 @if、@elseif、@else 和 @endif 指令来构造 if 语句。这些指令的功能与它们在 PHP 中对应的语句功能相同，和js对应的语句语法也是相同的
```
@if ($condition1)
//
@elseif ($condition2)
//
@else
//
@endif
```
switch语句
Switch 语句可以使用 @switch, @case, @break, @default 和 @endswitch 指令来构造。js对应的语句语法也是相同的
```
@switch($i)
    @case($condition1)
    //
    @break
    @case($condition1)
    //
    @break
    @default
    //
@endswitch
```

循环语句
循环可以使用@for、@endfor，@foreach、@endforeach，@while、@endwhile指令，与php对应的语法相同。for和while与js对应的语法也相同

@for ($i = 0; $i < 10; $i++)
//
@endfor

@foreach ($users as $user)
<p>This is user {{ $user['name'] }}</p>
@endforeach

@while (true)
<p>I'm looping forever.</p>
@endwhile

php代码块
在模板中使用 @php 指令执行原生的 PHP 代码块。在模版开发时，使用较少，主要用于定义变量并赋值
```
@php
//
@endphp
```