如何套⽤html模板⽂件，套⽤DEMO教程
⼀、套⽤⾸页index.html为例
1、创建App⽂件》IndexApp.php⽂件
注：因为这是前台页⾯，所以统⼀放到H5应⽤下，即将IndexApp.php⽂件放置于⽂件夹：Application\H5\Controller 注：下⾯这个截图是MyApp.php，只是举例截图⽽已
2、创建Act函数⽅法
如下图⽰
3、复制资源⽂件：images、js、css
将DEMO中的这些⽂件夹复制⾄H5这个⽂件夹：Public\home
注：仅复制：图⽚、JS、CSS相应⽂件夹就⾏，其它⽂件⽆需复制
4、模板代码处理创建模板⽂件index.html，创建于该⽂件夹下Application\H5\View\Index
如下图为demo的源代码
4.1、下图中的1：将demo的源代码中的头部单独统⼀抽出来放在header.html模板中
4.2、下图中的2：将主菜单部分的代码统⼀抽出来放在menu.html模板中
4.3、下图中的3：图⽚路径的转换，需要加个前缀(js⽂件和css⽂件的引⽤也是⽤这个前缀{{$st.__APP__}}) 4.4、下图中的4：a链接菜单需要换成这种动态⽅式
4.5、下图中的5：将底部代码统⼀抽出来放在footer.html模板中
手机上可以打html与css的app
⼆、下⾯再介绍⼀个套DEMO时快速给js/css/img加前缀的⽅法(注：IDE是Zend Studio，其他IDE的话，不清楚有没相同功能，可以⾃⼰试试)
1、右键点前台的View⽬录，搜索
2，搜索内容填上
(["|'])(images|js|style|css)\/
并把正则表达式那个选项打勾
3、搜索，就可以搜出所有需要替换的⽂本了，如下图
4、右键点搜索结果的空⽩地⽅，选替换全部
5、替换内容填
\1{{\$st.__APP__}}\2/
同样把正替表达式那个选项勾上
6、点OK，就可以⾃动给所有需要加前缀的地⽅加是前缀了
补充说明：第5点这个替换内容可以⾃⼰根据实际情况修改，⽐如js/css/img并不是放在 Public/home或Public/wap下的(⽤dream_shop框架的经常就这样)，⽽是多了⼀层⽬录，⽐如ys项⽬的js就是放在Public/wap/ys/js，那第5点替换的时候就得写成
\1{{\$st.__APP__}}ys/\2/

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。