套用DEMO教程

发布者:梦幻一新科技 发布时间:2017-03-02 21:28:03 阅读次数:856

套用首页index.html为例


1、创建App文件》IndexApp.php文件
注:因为这是前台页面,所以统一放到Home应用下,即将IndexApp.php文件放置于文件夹:Application\Home\Controller
注:下面这个截图是MyApp.php,只是举例截图而已


2、创建Act函数方法
如下图示


3、复制资源文件:images、js、css
将DEMO中的这些文件夹复制至这个文件夹:Public\home
注:仅复制:图片、JS、CSS相应文件夹就行,其它文件无需复制


4、模板代码处理
创建模板文件index.html,创建于该文件夹下Application\Home\View\Index
如下图为demo的源代码

4.1、下图中的1:将demo的源代码中的头部单独统一抽出来放在header.html模板中
4.2、下图中的2:将主菜单部分的代码统一抽出来放在menu.html模板中
4.3、下图中的3:图片路径的转换,需要加个前缀(js文件和css文件的引用也是用这个前缀{{$smarty.const.__APP__}})
4.4、下图中的4:a链接菜单需要换成这种动态方式
4.5、下图中的5:将底部代码统一抽出来放在footer.html模板中


5、要及时用浏览器浏览相应http://localhost本地环境页面检查显示是否正常,必须保证与原demo页面显示一致才行

喜欢
(0)
0%
一般
(0)
0%