各位朋友好，最近自學開發了一個手機Web APP，“編程之路”，主要功能包括文章的展示，留言，註冊登錄，音樂播放等。為了記錄學習心得，提高自己的編程水平，也許對其他朋友有點啟發，特整理開發筆記如下。

第一章基本情況

這個手機APP我已經初步成型，我放到華為應用市場，感興趣的朋友可以自行下載看看效果，在華為應用市場搜索“編程之路”就可以下載。不想下載的朋友也沒有關係我抓了寫圖片，讓大家看看效果。

一、效果展示

啟動頁	首頁	編程頁	音樂頁
交流頁	用戶中心	搜索頁	詳細頁

 上面只展示了其中部分頁面，還有許多功能頁面沒有展示，例如引導頁，登陸頁，留言頁等等。感興趣的朋友可以繼續跟讀下去，都是一些最基本，最常用的一些東西。

二、用到的開發技術及說明

       我這次手機WEB APP 開發用到主要技術包括三大方面：HTML5，ASP.NET，SQLServer。這三大方面技術裡面會用到許多分支應用，不再列出，用到的時候在詳細說明。HTML5主要用於手機APP用戶界面的展示，ASP.NET主要從資料庫中讀取數據，格式化成JSON數據格式提供給前臺頁面調用，SQLServer主要用於數據的存儲。HTML5包括HTML5+、HTM、CSS、Javascript相關技術；ASP.NET要用到ADO.NET技術；SQLServer用到視圖、存儲過程等。

三、開發工具及開發環境的搭建

   開發用到的開發工具是與開發技術相對應的。前臺HTML5開發工具用的是HBuilderX；ASP.NET開發用到的是Visual Studio；SQLServe開發用到的工具是Microsoft SQL Server。我們用到的開發工具會有很多版本，條件允許，建議使用最新版本，版本不同會有一定的差別。我開發工具使用版本是：HBuilderX 2.0、Visual Studio 2012、Microsoft SQL Server2008。

  開發環境的搭建十分容易，只要下載對應的開發工具軟體，按照軟體的安裝提示下一步、下一步就可以了。我的開發環境是在Windows 10專業版本的操作系統基礎上按照上述開發工具。

四、開發的主要流程

 我們開手機web APP的開發流程主要分為下麵三個步驟：

1.數據的建立：

主要是SQL Server數據的建立，包括數據表格、數據試圖、存儲過程等，實現的主要功能是數據的存儲、查詢和修改；

2.數據介面的開發：

主要是運用ASP.NET知識，主要包括ADO.NET技術，實現的主要功能從資料庫調取數據以JSON數據格式提供給前臺調用介面；從前端獲取數據存入資料庫或者傳到伺服器以文件存儲（主要是圖片、視頻、文檔等）；

3.手機用戶界面的開發：

主要是運用的HTML5相關知識，包括HTML(結構),CSS（樣式）,JavaScript（行為）技術，實現的主要功能是用戶的界面展示，從介面獲取數據展示給前端，從用戶獲取數據傳給介面。