如何开发到家h5
跳到导航
跳到搜索
目录
第一步:在h5/extras/controller目录下面创建一个控制器文件
例如:创建一个“touch”的控制器。(touch_controller.php)
注:该控制器名必须在contents/app/下有对应的应用,否则无法找到;
第二步:增加控制器方法并加载路由配置
增加init方法:
在h5/extras/configs/route.php文件中增加touch/index/init路由:
第三步:加载所需css和js
在ecjia-touch.dwt.php下加载所需css和js文件,如加载ecjia_city.css和ecjia.touch.js:
第四步:创建并显示模板文件
在h5下创建模板文件,例如:创建一个“index.dwt.php”文件:
访问第二步创建的路由touch/index/init,显示模板文件:
增加模板缓存:
第五部:调用接口数据
加载页面数据
例如:调用HOME_DATA接口数据:
注:HOME_DATA 常量 需要在apps/touch/classes/ApiRequest/ApiConst.php文件中配置:
加载分页数据
例如加载推荐店铺数据,首先需要在分页加载数据的模板页面写对应的模板:
注:data-toggle="asynclist"固定不变,data-loadimg="{$theme_url}dist/images/loader.gif"为加载动画 data-url="{url path='touch/index/ajax_suggest_store'}"为请求的url,也需要在路由文件中配置,参考步骤2 data-page="1"默认为1,如需从第n页加载则为n
ajax_suggest_store方法中请求接口数据,将数据渲染到模板页面返回:
注:被渲染的模板用
<!-- {block name="ajaxinfo"} --> 内容 <!-- {/block} -->
包裹,一般为lbi文件: