本利用基于 ThinkPHP 的 MVC(模型 - 试图 - 控制器)的形式来组织。在新建页面时必须遵循该设计模式。
以下以挪动端首页为例,新建页面步骤:
挪动端首页文件门路:
application->wap->view->first->index->index.html
模板渲染:
application->wap->controller->Index.php->index()
index.html 构造:
JavaScript 模块:
页面 JavaScript 模块化遵循 AMD 标准,基于 RequireJS 实际。
新建 JavaScript 模块文件门路:
public->wap->first->zsff->js
在 js 文件夹下新建 js 文件(一个 js 文件即是一个 JavaScript 模块)。
模块写法:
引入模块:
Vue 应用办法:
模块门路定义:
application->wap->view->first->public->requirejs.html
页面引入 Vue:
提醒:模块是先定义,再援用,再应用!!!
Vue 组件:基于 RequireJS、css.js 和 text.js 配合,实现 Vue 组件的应用。
在 requirejs.html 配置 css.js 和 text.js:
新建 Vue 组件,组件文件门路:
public->wap->first->zsff->components
在 components 文件下新建组件,可参考源码中 payment 组件。
如果大家还有不懂的能够在下方留言,咱们会给你具体的解答
最初
如果你感觉这篇文章对你有点用的话,麻烦请给咱们的开源我的项目点点 star:http://github.crmeb.net/u/defu 不胜感激!
收费获取源码地址:http://www.crmeb.com
PHP 学习手册:https://doc.crmeb.com
技术交换论坛:https://q.crmeb.com