本應用基於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