現在使用html+css+js制作移動應用是越來越火，是以在此記錄下我個人使用dcloud+framework7進行移動app開發過程，友善以後查閱。
環境：win7 64位
設計到的原型工具：
1、打開hbuilder，建議一個helloworld的空模闆移動應用
2、下載下傳framwork7，解壓，将dist檔案夾拷貝到項目中，并重命名為framework7，然後我們的項目檔案大概為這樣：
3、修改你的index.html檔案，編寫你的主檔案，代碼如下：（這段代碼來自于framework7的基本ios樣式，進行了簡單文字修改）
你也需要添加必須要的css/my-app.css和js/my-app.js檔案
4、在index.html上右鍵--》運作--》web應用程式進行調試（或者點選編輯器上面的運作調試，或者使用真機調試都可以，這裡不一 一 講解），效果如下：
5、大概有個效果樣子了，現在我們來添加一個新頁面功能：關于我
①編輯js/my-app.js檔案
②、在根目錄添加一個about.html的頁面
③、給我們的about頁面添加一個必要的ajax引導，編輯my-app.js，增加如下内容：
④、修改我們的index.html檔案，在需要點選打開關于我們的頁面添加連結：
⑤、像第4步一樣運作一下，點選“關于我”就可以得出如下效果：
6、一個示範app基礎制作就完成了，可是現在還不是app，想要弄到安卓（或者ios）上面運作，就需要進行打包
ps：真機測試就像使用app樣，如果隻是簡單學習，可以真機示範
下面進行打包：
①、點選hbuilder編輯器上面的 運作--》打包app，根據你的機型進行打包
②、打包完成後會生成一個app，将app拷貝到你的手機中進行安裝即可
7、這樣，一個簡單的app就制作完成了
2、如果要進行更加豐富的app開發，你需要學習framework7和dcloud的html5+，官方網站都有豐富的文檔，認真閱讀，開發一個普通app不是問題。
3、framework的替代産品：mui、jquery mobile、其他ui架構等
4、dcloud的替代産品：apicloud，phonegap，appcan等
5、app示範：
不知道未來的html+js會是什麼樣子，希望會更好。
如果文章中有任何bug或者問題可以提出交流，非常謝謝！