关于thinkphp5:thinkphp5框架新建页面相关规范详解

44次阅读

共计 783 个字符,预计需要花费 2 分钟才能阅读完成。

本利用基于 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

正文完
 0