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

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

thinkphp5框架新建页面相关规范详解相关推荐

php ckeditor 配置,Laravel5.6框架使用CKEditor5相关配置详解
本文实例讲述了Laravel5.6框架使用CKEditor5相关配置.分享给大家供大家参考,具体如下: Laravel 相关配置文件的上传与存储参考文档: 创建符号链接 php artisan s ...
Django框架学习（一）Django框架安装和项目创建详解
Django框架学习(一)Django框架安装和项目创建详解文章目录 Django框架学习(一)Django框架安装和项目创建详解一.简介 1.1介绍 1.2 URL 1.3.框架原理二.安装 ...
java 注释超链接_java_Java代码注释规范详解，代码附有注释对程序开发者来 - phpStudy...
Java代码注释规范详解代码附有注释对程序开发者来说非常重要,随着技术的发展,在项目开发过程中,必须要求程序员写好代码注释,这样有利于代码后续的编写和使用. 基本的要求: 1.注释形式统一在整个应 ...
认识ps基本功能和代码规范详解
11.19认识ps基本功能和代码规范详解在学习ps中需基本熟悉ps快捷键,快捷键能大大提高我们工作的效率,节省时间.在我们常用的ps快捷键有新建图形文件:Ctrl + N 新建图层:Ctrl + ...
vuecli 编译后部署_基于vue-cli 打包时抽离项目相关配置文件详解
前言:当使用vue-cli进行开发时时常需要动态配置一些设置,比如接口的请求地址(axios.defaults.baseURL),这些设置可能需要在项目编译后再进行设置的,所以在vue-cli里我们需 ...
python语言的格式框架_django框架模板语言使用方法详解
本文实例讲述了django框架模板语言使用方法.分享给大家供大家参考,具体如下: 模板功能作用:生成html界面内容,模版致力于界面如何显示,而不是程序逻辑.模板不仅仅是一个html文件,还包括了页 ...
DL之YoloV3：Yolo V3算法的简介(论文介绍)、各种DL框架代码复现、架构详解、案例应用等配图集合之详细攻略
DL之YoloV3:Yolo V3算法的简介(论文介绍).各种DL框架代码复现.架构详解.案例应用等配图集合之详细攻略目录 Yolo V3算法的简介(论文介绍) 0.YoloV3实验结果 1.Yol ...
php psr2规范,php标准规范详解
本文主要和大家分享php标准规范详解,希望能帮助到大家. psr0:自动加载标准已经被 psr4 替代,可以了解下 1. 强制:完全限定命名空间和类的格式:\\(\)* 2. 强制:每个命名空间必须有 ...
angular 标准目录结构_Angular-cli新建项目目录结构详解
Angular-cli新建项目目录结构详解在上一篇博客中我们已经通过Angular CLI命令行工具创建出来一个全新的Angular项目,要想写项目,首先我们要先搞清楚项目的目录结构是怎样的,每个文 ...

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

thinkphp5框架新建页面相关规范详解相关推荐

最新文章

热门文章