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

第一章基本情況

這個(gè)手機APP我已經(jīng)初步成型，我放到華為應用市場(chǎng)，感興趣的朋友可以自行下載看看效果，在華為應用市場(chǎng)搜索“編程之路”就可以下載。不想下載的朋友也沒(méi)有關(guān)系我抓了寫(xiě)圖片，讓大家看看效果。

一、效果展示

啟動(dòng)頁(yè)	首頁(yè)	編程頁(yè)	音樂(lè )頁(yè)
交流頁(yè)	用戶(hù)中心	搜索頁(yè)	詳細頁(yè)

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

二、用到的開(kāi)發(fā)技術(shù)及說(shuō)明

       我這次手機WEB APP 開(kāi)發(fā)用到主要技術(shù)包括三大方面：HTML5，ASP.NET，SQLServer。這三大方面技術(shù)里面會(huì )用到許多分支應用，不再列出，用到的時(shí)候在詳細說(shuō)明。HTML5主要用于手機APP用戶(hù)界面的展示，ASP.NET主要從數據庫中讀取數據，格式化成JSON數據格式提供給前臺頁(yè)面調用，SQLServer主要用于數據的存儲。HTML5包括HTML5+、HTM、CSS、Javascript相關(guān)技術(shù)；ASP.NET要用到ADO.NET技術(shù)；SQLServer用到視圖、存儲過(guò)程等。

三、開(kāi)發(fā)工具及開(kāi)發(fā)環(huán)境的搭建

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

  開(kāi)發(fā)環(huán)境的搭建十分容易，只要下載對應的開(kāi)發(fā)工具軟件，按照軟件的安裝提示下一步、下一步就可以了。我的開(kāi)發(fā)環(huán)境是在Windows 10專(zhuān)業(yè)版本的操作系統基礎上按照上述開(kāi)發(fā)工具。

四、開(kāi)發(fā)的主要流程

 我們開(kāi)手機web APP的開(kāi)發(fā)流程主要分為下面三個(gè)步驟：

1.數據的建立：

主要是SQL Server數據的建立，包括數據表格、數據試圖、存儲過(guò)程等，實(shí)現的主要功能是數據的存儲、查詢(xún)和修改；

2.數據接口的開(kāi)發(fā)：

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

3.手機用戶(hù)界面的開(kāi)發(fā)：

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