相關(guān)定稿近年來(lái)隨著移動(dòng)互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機(jī)等終端設(shè)備日

1、中要近年來(lái)，隨著移動(dòng)互聯(lián)網(wǎng)的持續(xù)的高速發(fā)展和智能等終端設(shè)備的日益普及,使用智能移動(dòng)終端設(shè)備上網(wǎng)的用戶明顯大幅度增長(zhǎng),移動(dòng)互聯(lián)網(wǎng)的應(yīng)用也日漸豐富多彩,這一現(xiàn)象在高校大學(xué)生中尤為普遍。大學(xué)生們除了在日常生活中正常的互動(dòng)交流外，很多時(shí)候都是在移動(dòng)終端上進(jìn)行交流互動(dòng)。針對(duì)這一現(xiàn)象，開(kāi)發(fā)了一大學(xué)生為中心，一 GIS為原理開(kāi)發(fā)了一款大學(xué) WEB 移動(dòng)端的社交應(yīng)用。本應(yīng)用主要服務(wù)于大學(xué)生社交的應(yīng)用。主要有愛(ài)、找朋友、Hi 周末（周末去哪玩）、社團(tuán)活動(dòng)的功能。這是一款基于 GIS 開(kāi)發(fā)的移動(dòng) web 應(yīng)用，主要是以大學(xué)生為中心，通過(guò)發(fā)布一些自己自己或朋友身邊有趣的一些事，這樣就可以以一種愉悅、有趣的方式進(jìn)行交

2、流互動(dòng)，即的自己，又可以大眾，擴(kuò)大的交友圈，讓的大學(xué)生活充滿的歡快。：社交GISWEB 移動(dòng)端大學(xué)生AbstractIn recent years, with the growing popularity of mobileernet of sustained high-speeddevelopment and smart phones and other devi, use the mobile phoneernet userssignificantly increased by a large margin, the application of mobileernethaseincrea

3、singly rich and colorful, this phenomenon in collegestudents isparticularlyprevalent.College students in addition to the normaleractionin the daily life of theeraction.Aiming at thisexchange, many times are mobile terminals exchange andphenomenon, a university student is developed as the center, and

4、 a GIS is developed for thesol application of a university WEB mobile terminal.The application of sol application for college students.Mainly love to share, findfriends, Hikend (kend where to play), community activities function.This is a mobileweb applications based on the GIS development, mainly t

5、o college students as the center,through the release of some of their own or friendseresting things, sot we can to apleasant anderesting ways toeract, is their own entertaent and entertahe public,expand our circle of friends, let our college life is full of more cheerful.Keyword:solercourseGISWEB mo

6、bileuniversity student目錄摘要IAbstractII第一章 緒論課題背景1國(guó)內(nèi)外社交的現(xiàn)狀1地理信息系統(tǒng)概述2地理信息系統(tǒng)簡(jiǎn)介2地理信息系統(tǒng)的組成2地理信息系統(tǒng)的應(yīng)用3地理信息系統(tǒng)在國(guó)內(nèi)的發(fā)展趨勢(shì)41.4 本章小結(jié)4第二章 移動(dòng)社交網(wǎng)絡(luò)的研究5研究的目的5研究的內(nèi)容及基本路線5研究的對(duì)象6研究的方法6文獻(xiàn)法6分類(lèi)法6訪談法7問(wèn)卷法7觀察法7服務(wù)設(shè)計(jì)研究方法7社會(huì)網(wǎng)絡(luò)分析方法72.5 本章小結(jié)8第三章 應(yīng)用的總體設(shè)計(jì)9設(shè)計(jì)目標(biāo)9設(shè)計(jì)基本原則9實(shí)用性與先進(jìn)性結(jié)合的原則9可擴(kuò)展性的原則9安全性的原則9操作可行性的原則93.3 應(yīng)用的功能設(shè)計(jì)10設(shè)計(jì)數(shù)據(jù)庫(kù)需遵

7、循的三大完整性規(guī)則10防止數(shù)據(jù)庫(kù)設(shè)計(jì)打補(bǔ)丁的方法是“三少原則”11校傲江湖數(shù)據(jù)庫(kù)的設(shè)計(jì)內(nèi)容及描述11運(yùn)行環(huán)境的部署13IIS 的安裝與配置13將項(xiàng)目部署到 IIS 服務(wù)器183.6 實(shí)現(xiàn)應(yīng)用的技術(shù)...6html5 技術(shù)19bootstrap19AngularJS 框架20ASP.Net MVC21Entity Framework21地圖 API213.7 本章小結(jié)22第四章 應(yīng)用的功能實(shí)現(xiàn)234.1 功能的概括及登錄23功能234.2.2 登錄功能254.2.3代碼26用戶信息的展示及修改27用戶信息的展示27用戶信

8、息的修改284.3.3 實(shí)現(xiàn)的代碼294.3.4 展示用戶信息的意義29愛(ài)愛(ài)愛(ài) 30動(dòng)態(tài)信息的展示30動(dòng)態(tài)信息的發(fā)布314.4.3 查看附近學(xué)校的動(dòng)態(tài)信息324.4.4 查看與我有關(guān)的動(dòng)態(tài)信息324.4.5 功能代碼324.4.6 作用及意義354.5 找朋友3...54.5.6找朋友信息的展示35找朋友信息的發(fā)布36與我有關(guān)37互動(dòng)交流38路徑導(dǎo)航功能38代碼39作用及意義394.6 Hi 周末40...64.6.7分類(lèi)展示學(xué)校周?chē)猛娴牡胤?0發(fā)布邀請(qǐng)40發(fā)布邀請(qǐng)場(chǎng)所的熱力分布圖41發(fā)

9、布邀請(qǐng)信息的展示42路徑導(dǎo)航功能42代碼展示43作用及意義43社團(tuán)活動(dòng)43社團(tuán)活動(dòng)信息的展示4..54.7.6社團(tuán)活動(dòng)信息的發(fā)布45查看附近學(xué)校的社團(tuán)活動(dòng)信息45社團(tuán)活動(dòng)的路徑導(dǎo)航功能46與我有關(guān)47作用及意義474.8 本章小結(jié)47第五章 結(jié)論及展望495.1 結(jié)論495.2 展望49致謝51參考文獻(xiàn)52第一章 緒論1.1 課題背景隨著移動(dòng)互聯(lián)網(wǎng)的持續(xù)的高速發(fā)展和智能等終端設(shè)備的日益普及,使用智能移動(dòng)終端設(shè)備上網(wǎng)的用戶明顯大幅度增長(zhǎng),移動(dòng)互聯(lián)網(wǎng)的應(yīng)用也日漸豐富多彩,這一現(xiàn)象在高校大學(xué)生中尤為普遍。而理工類(lèi)高校與師范類(lèi)院校都存在嚴(yán)重的男女比率失調(diào)，在這僧多粥

10、少的環(huán)境下，在理工學(xué)校中的男同胞們與師范類(lèi)的妹子們，想結(jié)識(shí)附近學(xué)院或?qū)W校的異性同學(xué)，卻苦于沒(méi)有一個(gè)很好的。在這移動(dòng)互聯(lián)網(wǎng)高速發(fā)展和 html5 技術(shù)蓬勃發(fā)展的時(shí)代，是否能針對(duì)這一情況開(kāi)發(fā)一個(gè)基于大學(xué)校園開(kāi)發(fā)一款輕松、愉快的良好的移動(dòng)端 web 社交，從而使的理工類(lèi)的男同胞們?cè)谏硇挠鋹偟耐瑫r(shí)，還可以和同?；蚋浇鼘W(xué)校的妹子進(jìn)行交流互動(dòng)。雖然的生活中也有許多社交工具，但是到目前為止好沒(méi)有一個(gè)很好的社交可以使周?chē)睦砉ゎ?lèi)院校與師范類(lèi)院校的進(jìn)行互動(dòng)交流。能夠以一個(gè)輕松、愉快、有意思的方式因此，針對(duì)這一情況，到了開(kāi)發(fā)笑傲江湖移動(dòng)端 Web 應(yīng)用。這是一款基于 GIS開(kāi)發(fā)的移動(dòng) web 應(yīng)用，主要是以大學(xué)生

11、為中心，通過(guò)發(fā)布一些自己自己或朋友身邊有趣的一些事，這樣就可以以一種愉悅、有趣的方式進(jìn)行交流互動(dòng)，拿出來(lái)和大家一起交流和又可以，這樣就可以以一種愉悅、有趣的方式進(jìn)行交流互動(dòng)，即的自己，大眾，擴(kuò)大的交友圈，讓的大學(xué)生活充滿的歡快。1.2 國(guó)內(nèi)外社交的現(xiàn)狀(1)在國(guó)外社交開(kāi)始于的校園是一個(gè)聯(lián)系朋友的社交工具。大家可以通過(guò)它和朋友、同事、同學(xué)以及周?chē)娜吮３只?dòng)交流，無(wú)限和，更可以增進(jìn)對(duì)朋友的交流互動(dòng)1。截止 2011 年年底，上傳的，發(fā)布月活躍用戶為 8.45 億人，同比增長(zhǎng) 39%；日活躍用戶 4.83 億人，同比增長(zhǎng) 48%；移動(dòng)月活躍用戶超過(guò) 4.25 億人；量為 27 億次。有 1000

12、億對(duì)好友關(guān)系，日均贊和評(píng)論數(shù)在國(guó)內(nèi)校園社交在大學(xué)生中的覆蓋率已經(jīng)超過(guò)百分之九十，還在 2008 年開(kāi)心網(wǎng)迅速成為年輕白領(lǐng)打發(fā)時(shí)間和休閑的新貴，并且僅經(jīng)過(guò)短短的半年時(shí)間就發(fā)展為1500 萬(wàn)用戶的規(guī)模。還有現(xiàn)如今的用戶群包含有各行各業(yè)，每天活躍用戶上億。(2)2014 年 7 月 21 日，根據(jù)第 34 次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)顯示，至2014 年的上半年，我國(guó)國(guó)內(nèi)的社交網(wǎng)絡(luò)的規(guī)模達(dá)到了 2.57 億，相對(duì)與 2013 年的年底數(shù)量下滑了 2047 萬(wàn)，在國(guó)內(nèi)的大多數(shù)網(wǎng)民的心中對(duì)于社交的使用率已經(jīng)達(dá)到了40.7%，同比 2013 年年滑了 4.3 個(gè)百分點(diǎn)。這種種的跡象表明 2014 年開(kāi)始，社

13、交的用戶使用率和用戶的規(guī)模正在下滑。第 34 次中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)的還分析，社交的使用率和用戶的規(guī)模正在處于下滑階段2。其下滑原因主要來(lái)源于兩個(gè)方面，一方面是的來(lái)自于自身的競(jìng)爭(zhēng)對(duì)手的競(jìng)爭(zhēng)，社交類(lèi)的應(yīng)用在近幾年更新的非常迅速，致使部分的社交被分流了；另一個(gè)方面原因來(lái)源與自身，由于缺乏創(chuàng)新及運(yùn)營(yíng)的方向偏離，導(dǎo)致未能滿足社交用戶的需求，再加上有些社交自身用戶定義的局限性，當(dāng)用戶角色或狀態(tài)發(fā)生改變時(shí)，導(dǎo)致用戶與原來(lái)的關(guān)系脫節(jié)，從而引起用戶的流失。上述了社交創(chuàng)新少、用戶互動(dòng)少、更新慢，進(jìn)而影響了交流質(zhì)量，使得用戶的使用意愿降低。1.3 地理信息系統(tǒng)概述1.3.1 地理信息系統(tǒng)簡(jiǎn)介地理信息系統(tǒng)是一種

14、特定的十分重要的空間信息系統(tǒng)。它是在計(jì)算機(jī)硬、系統(tǒng)支持下，對(duì)空間信息和屬性信息的數(shù)據(jù)進(jìn)行、述乃至應(yīng)用的綜合性計(jì)算機(jī)技術(shù)系統(tǒng)3。、管理、運(yùn)算、分析、顯示、描1.3.2 地理信息系統(tǒng)的組成地理信息系統(tǒng)由以下 5 部分組成：，是 GIS 中最重要的組成部分。開(kāi)發(fā)必須定義 GIS 中被執(zhí)行的各種任務(wù)，開(kāi)發(fā)處理程序。操作熟練的 GIS通常都能夠克服 GIS自身功能的，但是與之相反的情況卻不能成立。因此，哪怕是最好的 GIS也不能夠彌補(bǔ)操作對(duì) GIS的一無(wú)所知所帶來(lái)的影響。數(shù)據(jù)，精確的可用的數(shù)據(jù)可以影響到查詢(xún)和分析的結(jié)果。硬件，硬件的性能會(huì)直接影響到 GIS否便捷和可能輸出結(jié)果的方式。對(duì)數(shù)據(jù)的處理效率，進(jìn)

15、而影響到其使用是，其不僅僅是包括 GIS，還會(huì)包括影像處理（如 MV）、數(shù)據(jù)庫(kù)（如 SQL Server、等）、繪圖工具、統(tǒng)計(jì)工具等等其它的輔助工具。過(guò)程，地理信息系統(tǒng)需要有明確的定義，通過(guò)一致的方法來(lái)生成正確的可以驗(yàn)證的結(jié)果。1.3.3 地理信息系統(tǒng)的應(yīng)用在早期地理信息系統(tǒng)主要應(yīng)用與設(shè)施的管理、自動(dòng)化制圖和土地地理信息系統(tǒng)，到了后來(lái)才逐漸拓展到了城市規(guī)劃、監(jiān)測(cè)和評(píng)估、資源和環(huán)境管理和軍事等眾多領(lǐng)域4。隨著 GPS 技術(shù)的成熟，并與相關(guān)的學(xué)科的結(jié)合，GIS 的應(yīng)用水平從原來(lái)的單一應(yīng)用，發(fā)展為多元化應(yīng)用，如交通、農(nóng)業(yè)耕種、監(jiān)測(cè)、金融決策等等方面；甚至現(xiàn)在 GIS已經(jīng)進(jìn)入到的生活中，成為生活和社交

16、不可缺少的一部分，如現(xiàn)在地圖上定位、根據(jù)需要查看附近的場(chǎng)所；還比如和上的查看附近的人，和附近人進(jìn)行互動(dòng)交流；還有現(xiàn)在比較火的外賣(mài)“餓了嗎”，也應(yīng)用到了 GIS 的定位，路徑分析功能，方便派送外賣(mài)等等。下面介紹 GIS 一些應(yīng)用到的領(lǐng)域：(1)資源管理資源與管理包括土地、森林、草原、礦產(chǎn)動(dòng)植物資源的、管理及保護(hù)。GIS系統(tǒng)將各種現(xiàn)有和數(shù)據(jù)信息有機(jī)匯集組織，科學(xué)的分類(lèi)與管理，并通過(guò)系統(tǒng)的統(tǒng)計(jì)，疊置分析地形地質(zhì)分析等功能，按照區(qū)域條件，也是狀況和屬性條件，提供多種條件組合形式的資源統(tǒng)計(jì)和狀況分析，為資源的保護(hù)、合理的開(kāi)發(fā)利用以及科學(xué)管理提供可靠的一句。(2)土地和管理土地信息系統(tǒng)（LIS）是 GIS

17、 在土地方面的專(zhuān)業(yè)應(yīng)用，它主要涉及土地位置、形狀、邊界、名稱(chēng)、地籍、面積、類(lèi)型、等級(jí)、權(quán)屬地價(jià)、地理要素使用等內(nèi)容5。使用 GIS 可以對(duì)地籍?dāng)?shù)據(jù)進(jìn)行管理，進(jìn)行土地的科學(xué)管理和合理使用。(3)宏觀和輔助決策大區(qū)域、長(zhǎng)周期、復(fù)雜的環(huán)境現(xiàn)象和變化很難在短時(shí)間內(nèi)看清楚他的發(fā)展、變化及效果。因此，通過(guò)建立環(huán)境數(shù)據(jù)庫(kù)，并使用一系列模擬和決策模型進(jìn)行分析研究，可以為國(guó)家大區(qū)域的宏觀決策提供可靠的科學(xué)依據(jù)。(4)生活和社交隨著互聯(lián)網(wǎng)的高速發(fā)展和智能移動(dòng)終端的普及，GIS 的應(yīng)用也走進(jìn)了的日常生地圖上定位、活，并和生活和社交融為一體，成為不可缺少的一部分。如現(xiàn)在根據(jù)需要查看附近的場(chǎng)所，查看路線功能；和上的查看

18、附近的人，并和附近的人進(jìn)行交流互動(dòng)；還有現(xiàn)在比較火的外賣(mài)“餓了嗎”，利用 GIS 定位，路徑分析，得到最佳的外賣(mài)派送路徑；GIS 的位置信息的管理、分析、展示等功能，大大的便捷了的生活和社交，讓的生活的更加豐富多彩。1.3.4 地理信息系統(tǒng)在國(guó)內(nèi)的發(fā)展趨勢(shì)，對(duì)地理信息系統(tǒng)（GIS）的研究和應(yīng)用開(kāi)始于 80 年代前期。找發(fā)展的初期，地理信息系統(tǒng)主要是依賴(lài)于空中攝影、遙感技術(shù)及計(jì)算機(jī)輔助設(shè)計(jì)的應(yīng)用近年來(lái)，隨著互聯(lián)網(wǎng)技術(shù)和 GPS 技術(shù)的發(fā)展，GIS 與 GPS 和互聯(lián)網(wǎng)的結(jié)的發(fā)展。為當(dāng)下 GIS發(fā)展的主流趨勢(shì)，國(guó)內(nèi)的 GIS 的發(fā)展將迎來(lái)了新的機(jī)遇和。GIS經(jīng)過(guò) 20 多年的發(fā)展和努力，GIS 在

19、國(guó)內(nèi)的各行各業(yè)都得到了廣泛的應(yīng)用，如通過(guò) GIS 對(duì)自然進(jìn)行災(zāi)情分析來(lái)輔助決策；GIS 輔助快遞物流派送，資源合理利用；城市 GIS 對(duì)城市建設(shè)進(jìn)行合理規(guī)劃；GIS 社交，基于地理位置信息服務(wù)來(lái)幫助用戶尋找好友的位置信息及提供一些相關(guān)性信息，這樣可以不斷的激勵(lì)用戶自身的位置信息及一些相關(guān)信息，逐漸發(fā)展成為一種可提供社交網(wǎng)絡(luò)服務(wù)及位置信息服務(wù)的社交服務(wù)，并且可以此為基礎(chǔ)來(lái)創(chuàng)建聚合用戶和主的產(chǎn)業(yè)生態(tài)圈6。1.3.5 地理信息系統(tǒng)在國(guó)內(nèi)社交應(yīng)用中的發(fā)展現(xiàn)狀隨著國(guó)內(nèi)互聯(lián)網(wǎng)的高數(shù)發(fā)展及智能移動(dòng)終端設(shè)備在人們生活中的普及，人們對(duì)于空間信息服務(wù)需求日益增強(qiáng)。如現(xiàn)在中的“附近的人”的功能就是基于用戶自己的位置

20、信息，查找周?chē)脩粜畔?，然后進(jìn)行交流互動(dòng)。因此，社交網(wǎng)絡(luò)服務(wù)、無(wú)線移動(dòng)服務(wù)及基于位置信息服務(wù)的結(jié)合將成為社交網(wǎng)絡(luò)服務(wù)發(fā)展的一個(gè)新趨勢(shì)，這將會(huì)引領(lǐng)國(guó)內(nèi)社交網(wǎng)絡(luò)攀想另一個(gè)。1.4 本章小結(jié)本章主要介紹選題的背景意義及國(guó)內(nèi)外社交的現(xiàn)狀，然后闡述地理信息系統(tǒng)的定義、組成部分、地理信息系統(tǒng)的應(yīng)用（包括在社交中的應(yīng)用）、地理信息系統(tǒng)在國(guó)內(nèi)的發(fā)展趨勢(shì)以及地理信息系統(tǒng)在國(guó)內(nèi)社交中的發(fā)展現(xiàn)狀。彰顯了地理信息系統(tǒng)廣闊的應(yīng)用前景及地理信息系統(tǒng)與社交網(wǎng)絡(luò)將成為社交發(fā)展的趨勢(shì)。第二章 移動(dòng)社交網(wǎng)絡(luò)的研究2.1 研究的目的通過(guò)問(wèn)卷和觀察訪談?wù)归_(kāi)對(duì)大學(xué)生用戶的研究，分析大學(xué)生移動(dòng)交流網(wǎng)絡(luò)服務(wù)和大學(xué)生社交網(wǎng)絡(luò)現(xiàn)狀的使用特點(diǎn)，

21、來(lái)獲取大學(xué)生用戶的需求，了解大學(xué)生對(duì)使用移動(dòng)社交網(wǎng)絡(luò)服務(wù)的行為模式。以大學(xué)生用戶為中心，設(shè)計(jì)出適合大學(xué)生的移動(dòng)網(wǎng)絡(luò)服務(wù)系統(tǒng)原型，優(yōu)化用戶體驗(yàn)，為笑傲江湖移動(dòng)端 Web 應(yīng)用提供設(shè)計(jì)和參考。本次研究主要有一下四個(gè)目的：(1)分析大學(xué)生生活方式、社交行為，了解大學(xué)生用戶群體特點(diǎn)。(2)調(diào)研大學(xué)生社交網(wǎng)絡(luò)使用現(xiàn)狀，分析社交網(wǎng)絡(luò)在大大學(xué)移動(dòng)社交網(wǎng)絡(luò)需求。會(huì)交往中的作用，發(fā)掘通過(guò)針對(duì)大學(xué)群體的訪談?wù){(diào)研，對(duì)大學(xué)生用戶群體進(jìn)行分類(lèi)。從而，總結(jié)出大學(xué)生用戶需求狀況和交往模式，建立基于 GIS 的位置信息服務(wù)的大學(xué)生移動(dòng)社交網(wǎng)絡(luò)用戶模型。概括未來(lái)大學(xué)生社交網(wǎng)絡(luò)移動(dòng)性的服務(wù)模式特點(diǎn)，建立適合大學(xué)生的基于位置信息服

22、務(wù)的移動(dòng)社交網(wǎng)絡(luò)服務(wù)系統(tǒng)原型，優(yōu)化用戶體驗(yàn)，使得大學(xué)生彼此間的交流互動(dòng)更加流暢。2.2 研究的內(nèi)容及基本路線移動(dòng)社交網(wǎng)絡(luò)服務(wù)是用戶通過(guò)可移動(dòng)方式或隨身攜帶的設(shè)備上網(wǎng)進(jìn)行信息及服務(wù)等交流行為。通過(guò)研究大學(xué)生的日常生活方式和社會(huì)的行為特點(diǎn)，總結(jié)出大學(xué)生用戶群體對(duì)移動(dòng)網(wǎng)絡(luò)服務(wù)需求的點(diǎn)，并根據(jù)大學(xué)生用戶的需求進(jìn)行系統(tǒng)設(shè)計(jì)，滿足大學(xué)生用戶對(duì)移動(dòng)社交網(wǎng)絡(luò)服務(wù)使用的用戶體驗(yàn)。主要設(shè)計(jì)點(diǎn)在移動(dòng)設(shè)計(jì)啊網(wǎng)絡(luò)服務(wù)功能性及可用性研究，移動(dòng)設(shè)備的外觀、界面、系統(tǒng)硬件及服務(wù)等不做重點(diǎn)研究。由于 PC 端的使用環(huán)境和移動(dòng)網(wǎng)絡(luò)終端之間存在不同，傳統(tǒng)的互聯(lián)網(wǎng)與移動(dòng)互聯(lián)網(wǎng)的網(wǎng)頁(yè)架構(gòu)及內(nèi)容盡不相同。因此，兩者之間的交流互動(dòng)方式也隨

23、之改變。所以，不能將使用傳統(tǒng)的互聯(lián)網(wǎng)經(jīng)驗(yàn)直接的嫁接到移動(dòng)網(wǎng)絡(luò)終端上?？梢远喾N研究方法（問(wèn)卷法、行為觀察法、訪談法等等）對(duì)大學(xué)生社交網(wǎng)絡(luò)的特息進(jìn)行收集，然后根據(jù)大學(xué)生用戶群體的社交行為模式和生活方式，對(duì)大學(xué)生的社交類(lèi)型進(jìn)行分類(lèi)，分析出大學(xué)生用戶對(duì)使用移動(dòng)端社交網(wǎng)絡(luò)的行為模式及需求的狀況。2.3 研究的對(duì)象目標(biāo)的用戶是高校大學(xué)生，大學(xué)生作為一個(gè)特殊的社會(huì)群體，正處于人生發(fā)展的最關(guān)鍵時(shí)期，除了在大學(xué)學(xué)習(xí)專(zhuān)業(yè)知識(shí)外，學(xué)習(xí)怎么樣建立和維持良好的社交網(wǎng)絡(luò)，從而擁有一個(gè)良好的人際關(guān)系，是大學(xué)生發(fā)展的一個(gè)重要任務(wù)。大學(xué)生的段集中在 18至 25 歲之間，對(duì)新事物都有很強(qiáng)的好奇心和接受能力。而且，大多數(shù)的大學(xué)生

24、都喜歡使用前衛(wèi)的智能及移動(dòng)設(shè)備，同時(shí)對(duì)互聯(lián)網(wǎng)社交網(wǎng)絡(luò)服務(wù)也十分熱衷，其中很大一部分大學(xué)生經(jīng)常使用移動(dòng)社交網(wǎng)絡(luò)服務(wù)，非常適合作為研究的目標(biāo)用戶。2.4 研究的方法在本次研究過(guò)程中，方面運(yùn)用的方法有社會(huì)網(wǎng)絡(luò) 分析方法、服務(wù)設(shè)計(jì)研究方法等，用戶研究方面采用訪談法、問(wèn)卷法、觀察法，數(shù)據(jù)分析采用分類(lèi)法，定性分析，采用用戶體驗(yàn)設(shè)計(jì)、用戶參與的進(jìn)行設(shè)計(jì)評(píng)估。2.4.1 文獻(xiàn)法文獻(xiàn)法就是通過(guò)的信息，從而達(dá)到某種和分析及研究現(xiàn)存的各種有關(guān)文獻(xiàn)資料，并且從中提取出有用研究目的。其所需要解決的是如何才能在浩瀚的文獻(xiàn)群中選取使用與本課題的資料，對(duì)這些資料進(jìn)行整理及分析，是步驟包括文獻(xiàn)收集，摘錄信息，文獻(xiàn)分析三個(gè)環(huán)節(jié)。

25、能夠很好的應(yīng)用。其基本2.4.2 分類(lèi)法分類(lèi)就是實(shí)物的用途、功能、性質(zhì)及特點(diǎn)等等作為區(qū)分的標(biāo)準(zhǔn)，然后將符合相同標(biāo)準(zhǔn)的事物進(jìn)行聚類(lèi)，反之就分開(kāi)的一種對(duì)事物的認(rèn)識(shí)方法。分類(lèi)法是指將類(lèi)或組按照相互間的關(guān)系，組成系統(tǒng)化的結(jié)構(gòu)，并體現(xiàn)為許多類(lèi)目按照一定的原則和關(guān)系組織起來(lái)的體系表，作為分類(lèi)工作的依據(jù)和工具。分類(lèi)法有交叉分類(lèi)法，樹(shù)狀分類(lèi)法等等2.4.3 訪談法訪談法（erview）又稱(chēng)晤談法，是指通過(guò)訪員和受訪人面對(duì)面地交談來(lái)了解受訪人的心理和行為的心理學(xué)基本研究方法。本研究通過(guò)分析整理訪談提綱，編制訪談問(wèn)題，采用實(shí)鏡訪談和網(wǎng)上調(diào)研的形式深入了解校園大學(xué)生的生活方式、行為和社交需求。2.4.4 問(wèn)卷法問(wèn)卷

26、法是通過(guò)一系列的表來(lái)收集需要研究用戶群體對(duì)于研究方向的行為和態(tài)度。問(wèn)卷是按照所研究的方向編制的，對(duì)于問(wèn)卷問(wèn)題的回答，研究這可以不提供，也可以提供相應(yīng)的備選等。研究通過(guò)對(duì)被用戶群的問(wèn)卷進(jìn)行統(tǒng)計(jì)分析，從而得出謀者結(jié)論。通過(guò)問(wèn)卷方法設(shè)置相應(yīng)，統(tǒng)計(jì)及分析出大學(xué)生校園生活的行為及社交需求7，為本應(yīng)用的功能設(shè)計(jì)及開(kāi)發(fā)思路提供有力的依據(jù)。2.4.5 觀察法觀察法是指研究者根據(jù)一定的研究目的、研究提綱或觀察表，用自己的感官和輔助工具去直接觀察被研究對(duì)象，從而獲得資料的法。根據(jù)大學(xué)生人群的使用，設(shè)定移動(dòng)社交網(wǎng)絡(luò)服務(wù)任務(wù)，要求被試采用通常的模式完成相應(yīng)的任務(wù)，觀察用戶操作步驟，用戶行為狀態(tài)及操作過(guò)程。2.4.6

27、服務(wù)設(shè)計(jì)研究方法服務(wù)設(shè)計(jì)以客戶的需求作為出發(fā)點(diǎn)，主要通過(guò)運(yùn)用創(chuàng)造性的客戶參與方法，來(lái)確定提出服務(wù)內(nèi)容和方式。產(chǎn)品設(shè)計(jì)活動(dòng)主要表現(xiàn)在一個(gè)產(chǎn)品的開(kāi)發(fā)過(guò)程中，二對(duì)于服務(wù)設(shè)計(jì)，則包括從概念發(fā)掘直到整個(gè)服務(wù)實(shí)施的設(shè)計(jì)過(guò)程中的探索性、評(píng)價(jià)性和創(chuàng)造性的個(gè)項(xiàng)活動(dòng)。服務(wù)設(shè)計(jì)注重以人文本的研究，利用各種研究方法，通過(guò)原型和服務(wù)設(shè)定等技術(shù)展現(xiàn)出服務(wù)的表現(xiàn)形式及其特征。從這個(gè)角度上來(lái)看，服務(wù)設(shè)計(jì)就是要設(shè)計(jì)出具有有用性、可用性、滿意性、高效性和有效性的服務(wù)。2.4.7 社會(huì)網(wǎng)絡(luò)分析方法社會(huì)網(wǎng)絡(luò)分析方法是研究社會(huì)學(xué)的法，社會(huì)學(xué)的理論普遍認(rèn)為社會(huì)是由網(wǎng)絡(luò)組成的，網(wǎng)絡(luò)之間又包含了節(jié)點(diǎn)和節(jié)點(diǎn)的關(guān)系。社會(huì)網(wǎng)絡(luò)分析方法網(wǎng)絡(luò)關(guān)系分析

28、和探討網(wǎng)絡(luò)的結(jié)構(gòu)及屬性特征。通過(guò)該方法可以探究社交的環(huán)境下，大學(xué)生所的社交網(wǎng)絡(luò)特點(diǎn)，以及在此基礎(chǔ)上對(duì)大交網(wǎng)絡(luò)的改進(jìn)策略。2.5 本章小結(jié)本章闡述移動(dòng)社交的研究目的、研究?jī)?nèi)容及基本路線、研究對(duì)象和研究的方法，彰顯大學(xué)校園類(lèi)的社交應(yīng)用需很有發(fā)展?jié)撡|(zhì)?？梢越Y(jié)合地理信息系統(tǒng)的位置信息的管理及分析功能，開(kāi)發(fā)出一款可以豐富大學(xué)生校園生活擴(kuò)大交友圈的web 移動(dòng)端社交應(yīng)用。第三章 應(yīng)用的總體設(shè)計(jì)3.1 設(shè)計(jì)目標(biāo)基于 GIS 開(kāi)發(fā)的校傲江湖移動(dòng)端 web 應(yīng)用，主要是以大學(xué)為主體，通過(guò)自己身邊有趣的事、查找附近學(xué)校學(xué)生發(fā)布的交友信息進(jìn)行交流、查找附近好玩的地方然后要求同學(xué)一起去、發(fā)布社團(tuán)活動(dòng)邀請(qǐng)跟多的同學(xué)參與

29、進(jìn)來(lái)。通過(guò)這些方式，讓可以以一種愉悅、有趣的方式進(jìn)行交流與互動(dòng)。這樣在自己的同時(shí)又的歡樂(lè)。了大眾，還可以擴(kuò)大的交友圈，讓的大學(xué)校園生活充滿3.2 設(shè)計(jì)基本原則3.2.1 實(shí)用性與先進(jìn)性結(jié)合的原則本應(yīng)用是通過(guò)一系列的與分析和反復(fù)的推敲設(shè)計(jì)而得出的方案，其不僅融合了地理信息系統(tǒng)的功能，還應(yīng)用了當(dāng)下進(jìn)的 html5 的技術(shù)，并結(jié)合開(kāi)發(fā)使用比較火的 angularJS 和 bootstrap 技術(shù)。本應(yīng)用本著使用新技術(shù)，開(kāi)發(fā)出簡(jiǎn)單、實(shí)用、能夠解決實(shí)際問(wèn)的應(yīng)用原則。3.2.2 可擴(kuò)展性的原則本應(yīng)用結(jié)構(gòu)方式開(kāi)發(fā)，隨著應(yīng)用本身的范圍和使用的深度的不斷擴(kuò)大，在應(yīng)用的功能上都會(huì)有很好的可擴(kuò)展性。比如本應(yīng)用中的愛(ài)

30、功能，隨著使用的用戶增多和歷史的增多數(shù)據(jù)，后面可以添加幾個(gè)統(tǒng)計(jì)分析功能，分析出大學(xué)生主要的活動(dòng)區(qū)域（可以分為男的分布活動(dòng)區(qū)域），這樣可以增大和妹子或帥哥偶遇的機(jī)會(huì)。3.2.3 安全性的原則應(yīng)用應(yīng)該保證數(shù)據(jù)在處理的過(guò)程中保證準(zhǔn)確無(wú)誤，所以需要建立一套保護(hù)機(jī)制來(lái)防止用戶的操作和破壞。比如用戶時(shí)需要用戶輸入機(jī)號(hào)碼。號(hào)碼，所以添加了一組號(hào)碼驗(yàn)證機(jī)制，防止輸入3.2.4 操作可行性的原則應(yīng)用的開(kāi)發(fā)最終是為了用戶服務(wù)的，所以開(kāi)發(fā)的應(yīng)用操作應(yīng)該要力求操作的簡(jiǎn)單、大方和用戶交互友好。如本應(yīng)菜單展示功能，采用側(cè)滑菜單展示，其操作原則就是本著簡(jiǎn)單、交互友好的原則。3.3 應(yīng)用的功能設(shè)計(jì)本應(yīng)功能主要有用戶管理功能，

31、包含有登錄與；愛(ài)功能，包含發(fā)布、附近學(xué)校、與我有關(guān)，發(fā)布時(shí)可定位顯示當(dāng)前位置，附近學(xué)?？梢圆榭锤浇鼘W(xué)校學(xué)生發(fā)布的狀態(tài)；找朋友，可以發(fā)布交友信息，然后在地圖上顯示當(dāng)天發(fā)布的信息，可以進(jìn)行互動(dòng)交流；Hi 周末，通過(guò)在地圖上分類(lèi)顯示好玩的地方，然后可以根據(jù)顯示的地方，發(fā)布邀請(qǐng)小伙伴們一起去玩；社團(tuán)活動(dòng)，通過(guò)本應(yīng)用讓本校和附近學(xué)校的同學(xué)們都能參與進(jìn)來(lái)。以下為“校傲江湖”移動(dòng)端 web 應(yīng)用的總體設(shè)計(jì)結(jié)構(gòu)圖：圖 3-1 校傲江湖結(jié)構(gòu)圖3.4 數(shù)據(jù)庫(kù)設(shè)計(jì)3.4.1 設(shè)計(jì)數(shù)據(jù)庫(kù)需遵循的三大完整性規(guī)則關(guān)系型數(shù)據(jù)庫(kù)必須遵循的三個(gè)完整性規(guī)則:域完整性規(guī)則、參照完整性規(guī)則、用戶自定義完整性規(guī)則8。以下分別為三大完整

32、性規(guī)則的介紹：(1)域的完整性規(guī)則：用 Check 來(lái)實(shí)現(xiàn)約束，在數(shù)據(jù)庫(kù)設(shè)計(jì)工具中，對(duì)字段的取值范圍進(jìn)行定義時(shí)，有一個(gè) Check 按鈕，通過(guò)它定義字段的值城。|(2)參照完整性規(guī)則：用 PK、FK、表級(jí)觸發(fā)器來(lái)實(shí)現(xiàn)。(3)用戶定義完整性規(guī)則：它是一些業(yè)務(wù)規(guī)則，用過(guò)程和觸發(fā)器來(lái)實(shí)現(xiàn)。3.4.2 防止數(shù)據(jù)庫(kù)設(shè)計(jì)打補(bǔ)丁的方法是“三少原則”一個(gè)系統(tǒng)的數(shù)據(jù)庫(kù)中，其數(shù)據(jù)表的個(gè)數(shù)應(yīng)該越少越好。只要數(shù)據(jù)表的個(gè)數(shù)少了，才能保證系統(tǒng)的 E-R 圖少而精。這樣不僅去除重復(fù)多余的實(shí)體，形成了對(duì)客觀世界的高度抽象，還對(duì)系統(tǒng)的數(shù)據(jù)庫(kù)進(jìn)行集成，從而防止打補(bǔ)丁式的設(shè)計(jì)，大大提高了系統(tǒng)開(kāi)發(fā)的穩(wěn)定性。一個(gè)表的主鍵的組合字段盡量

33、越少越好。由于主鍵即是該表數(shù)據(jù)的索引，又是子表的外鍵，所以組合主鍵的字段數(shù)越少，就越節(jié)省運(yùn)行的時(shí)間和索引的(3)一個(gè)表中的字段個(gè)數(shù)應(yīng)該越少越好。這樣就防止了將子表中的字中去，在主表中留下許多空余的字段。空間。入到主表3.4.3 校傲江湖數(shù)據(jù)庫(kù)的設(shè)計(jì)內(nèi)容及描述表 3-1 用戶表 x_User字段名稱(chēng)字段類(lèi)型描述id userID userName password sexhead schoolID xueyuanID shetuan rigisterData birthData ruxueData citylng lat gexingxingqu主鍵自增用戶 ID用戶名nvarchar(13)

34、nvarchar(50) nvarchar(50) char(1) nvarchar(50) varchar(15) varchar(15 nvarchar(50) varchar(15) varchar(15) varchar(15) nvarchar(20) varchar(15) varchar(15) texttext保存頭像學(xué)校 ID學(xué)院 ID路徑學(xué)生參加的社團(tuán)的時(shí)間用戶的生日學(xué)生的入學(xué)時(shí)間所在的城市用戶坐標(biāo)的經(jīng)度用戶坐標(biāo)的緯度用戶的個(gè)性簽名用戶的表 3-2 學(xué)校表 x_univs字段名稱(chēng)字段類(lèi)型描述idname主鍵自增 學(xué)校的名稱(chēng)城市 ID學(xué)校位置的經(jīng)度學(xué)校位置的緯度varchar

35、(255)lnglatvarchar(15)varchar(15)表 3-3學(xué)院表 x_schools字段名稱(chēng)字段類(lèi)型描述id maneuid主鍵自增院系名稱(chēng)學(xué)校 IDvarchar(255)表 3-4存放發(fā)布內(nèi)容的表 x_content字段名稱(chēng)字段類(lèi)型描述id contentID userID title infoactivityDate date commentCount zanlng latlocationDesc typeinfoUrlstarDate endDate主鍵自增發(fā)布內(nèi)容的 ID所發(fā)布的用戶 ID發(fā)布內(nèi)容的標(biāo)題，如社團(tuán)活動(dòng)的標(biāo)題發(fā)布的內(nèi)容發(fā)布活動(dòng)的活動(dòng)時(shí)間發(fā)布的時(shí)間統(tǒng)計(jì)評(píng)論

36、的數(shù)量統(tǒng)計(jì)點(diǎn)贊的數(shù)量發(fā)布內(nèi)容的經(jīng)度發(fā)布內(nèi)容的緯度發(fā)布內(nèi)容的地址發(fā)布內(nèi)容的類(lèi)型地址查看詳情的 URL活動(dòng)的開(kāi)始時(shí)間活動(dòng)的結(jié)束時(shí)間varchar(30) varchar(30) texttext varchar(30)varchar(30)varchar(50) varchar(50) text nchar(1)nvarchar(200) datedate表 3-5存放發(fā)布內(nèi)容表 x_imges字段名稱(chēng)字段類(lèi)型描述id typecontentIDphotoUrl主鍵自增發(fā)布內(nèi)容的類(lèi)型發(fā)布內(nèi)容的 ID，關(guān)聯(lián) x_content 表char(2) varchar(30)varchar(30)存放的路徑

37、表 3-6 存放發(fā)布內(nèi)容評(píng)論表ment字段名稱(chēng)字段類(lèi)型描述id contentID message userID dateuserType主鍵自增發(fā)布內(nèi)容的 ID，關(guān)聯(lián) x_content 表評(píng)論的內(nèi)容評(píng)論的用戶 ID評(píng)論的時(shí)間評(píng)論的用戶類(lèi)型（本用戶/非本用戶）varchar(30) text varchar(30) varchar(30)char(1)表 3-7存放發(fā)布內(nèi)容點(diǎn)贊表 x_zan字段名稱(chēng)字段類(lèi)型描述id contentIDuserID主鍵自增發(fā)布內(nèi)容的 ID，關(guān)聯(lián) x_content 表評(píng)論的用戶 IDvarchar(30)varchar(30)3.5 運(yùn)行環(huán)境的部署3.5.1

38、IIS 的安裝與配置(1)安裝 IIS。先打開(kāi)控制面板，找到“程序與功能”，然后單擊進(jìn)入圖 3-2 控制面板界面(2)點(diǎn)擊左側(cè)的“打開(kāi)和關(guān)閉 Windows 功能”圖 3-3 程序和功能(3)找到“ernet 信息服務(wù)”，按照下圖打鉤即可圖 3-4 windows 功能設(shè)置等待安裝完成，然后重啟一下計(jì)算機(jī)重啟計(jì)算機(jī)后，打開(kāi)控制面板，找到“管理工具”，點(diǎn)擊進(jìn)入圖 3-5 控制面板(6)點(diǎn)擊ernet 信息服務(wù)（IIS）管理器圖 3-6 管理工具(7)點(diǎn)擊查看應(yīng)用程序池，查看是否添加執(zhí)行（8），否則就跳過(guò)了.netframework4.5，如果沒(méi)有就圖 3-7 IIS 應(yīng)用程序池(8) 打 開(kāi)電腦

39、 ， 進(jìn) 入 系 統(tǒng) 安 裝 盤(pán) （ 般 是C ： ） ， 進(jìn) 入C:WINDOWS.NETFramework，并可以看到系統(tǒng)中安裝的.net framework 版本列表，然后進(jìn)入 v4.0.30319 文件夾，同時(shí)并打開(kāi)命令行 cmd，在命令行模式下輸入：圖 3-8 .net framework 4.5(9)在 IIS 管理器的根目錄中找到“ISAPI 和 CGI 限制”，點(diǎn)擊進(jìn)入圖 3-9 ISAPI 和 CGI 限制(10)將的 ASP.NET v4.0.30319 限制設(shè)置為允許圖 3-10 開(kāi)啟 ASP.NET v4.0.303193.5.2 將項(xiàng)目部署到 IIS 服務(wù)器(1)打開(kāi)

40、 IIS 管理器，右擊，然后選擇添加(2)輸入名稱(chēng)，選擇 ASP.NETv4.0 應(yīng)用程序池，綁定 IP 和端口，然后點(diǎn)擊確定就可以將項(xiàng)目部署到 IIS 上面了圖 3-11 項(xiàng)目部署3.6 實(shí)現(xiàn)應(yīng)用的技術(shù)3.6.1 html5 技術(shù)Html5 是由 Web 超文本應(yīng)用技術(shù)工作組（ Web Hypertext Application TechnologyWorking Group），簡(jiǎn)稱(chēng) WHATWG；與網(wǎng)（World Wide Web Consortium），也就是常說(shuō)的 W3C。在 2006 年，雙方?jīng)Q定進(jìn)行合作，來(lái)共同創(chuàng)造出新的 HTML，這就是所說(shuō)的 HTML5。HTML5 的設(shè)計(jì)目的是

41、為了在移動(dòng)設(shè)備上支持多。新的語(yǔ)法特征被引進(jìn)以支持這一點(diǎn)，如、audio 和 canvas 標(biāo)記。HTML5 還引進(jìn)了新的功能，可以真正改變用戶與文檔的交互方式，包括：（1）新的規(guī)則增強(qiáng)了靈活性（2）新添的屬性及。如：添加了強(qiáng)大的控件類(lèi)型 url、date、等；約束屬性 required 必填屬性；添加語(yǔ)義化article 裝載獨(dú)立文章、section定義文檔節(jié)點(diǎn)、header 文檔頭部、nav 導(dǎo)航欄、footer 文檔底部等等，使得 web 頁(yè)面更加語(yǔ)義化，便利搜索引擎的搜索。（3）淘汰過(guò)時(shí)的或冗余的屬性。如：archive、chla、codee、codetype、pace 等等。一個(gè) HT

42、ML5 文檔到另一個(gè)文檔間的拖放功能。多用途互聯(lián)網(wǎng)郵件擴(kuò)展（MIME）和協(xié)議處理程序。在移動(dòng)開(kāi)發(fā)中應(yīng)用 HTML5 有兩種方法，要么是全使用 HTML5 的語(yǔ)法，要么是僅使用JavaScript 引擎。要不就是全使用 HTML5 的語(yǔ)法，要不就是僅使用 JavaScript 引擎。綜上所述，HTML5應(yīng)用的最大優(yōu)勢(shì)就是可以在網(wǎng)頁(yè)上直接調(diào)試和修改。原先應(yīng)用的開(kāi)發(fā)可能需要花費(fèi)非常大的力氣才能達(dá)到 HTML5 的效果，不斷地重復(fù)編碼、調(diào)試和運(yùn)行，這是首先得解決的一個(gè)問(wèn)題。因此也有許多雜志客戶端是基于 HTML5 標(biāo)準(zhǔn)，開(kāi)發(fā)可以輕松調(diào)試修改。3.6.2 bootstrapBootstrap 來(lái)自于一個(gè)

43、叫的社交，它是目前最受歡迎的 web 前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，具有簡(jiǎn)潔靈活性的 web 前端開(kāi)發(fā)框架，使得 web 前端開(kāi)發(fā)變得更加簡(jiǎn)單、快捷。Bootstrap 推出后，由于其強(qiáng)大的功能，受到了很大業(yè)內(nèi)的歡迎，成為上面熱門(mén)的開(kāi)源項(xiàng)目。下面通過(guò) Bootstarp 的特點(diǎn)、組件、js 插件及框架代碼的簡(jiǎn)單介紹，來(lái)進(jìn)一步了解 Bootstrap。Bootstrap 的特點(diǎn)：Bootstrap 是基于 HTML5 和 CSS3 開(kāi)發(fā)的，它在 jQuery 的基礎(chǔ)上進(jìn)行了更為個(gè)性化和人性化的完善，形成一套自己獨(dú)有的jQuery 插件。風(fēng)格，并

44、兼容大部分Bootstrap 的組件：包含大量的 WEB 組件，如：下拉菜單按鈕、導(dǎo)航條、分頁(yè)、排版、框、進(jìn)度條等等功能。通過(guò)這些組件，讓的開(kāi)發(fā)能夠迅速的搭建出一個(gè)美觀、功能完善的。Bootstrap 的 Javascript 插件：其包含有 13 個(gè) jquery 插件，為 Bootstrap 組件提供了良好的支持。其中包括：模式框、頁(yè)、滾動(dòng)條、彈出框等。Bootstrap 框架代碼：根據(jù)該框架可以快速的搭建漂亮的界面，而且還可以根據(jù)自己的需求進(jìn)行修改。3.6.3 AngularJS 框架AngularJS 是為了克服 HTML 在構(gòu)建應(yīng)用上的而設(shè)計(jì)的框架。HTML 是一門(mén)很好的為靜態(tài)文本展

45、示設(shè)計(jì)的式語(yǔ)言，但要構(gòu)建 WEB 應(yīng)用的話它就顯得乏力了。因此，在通常情況下，可以通過(guò)下列技術(shù)解決靜態(tài)網(wǎng)頁(yè)在構(gòu)建頁(yè)應(yīng)用上面的：類(lèi)庫(kù) - 類(lèi)庫(kù)是一些函數(shù)的集合，它能幫助你寫(xiě) WEB 應(yīng)用。起主導(dǎo)作用的是你的代碼，由你來(lái)決定何時(shí)使用類(lèi)庫(kù)。類(lèi)庫(kù)有：jQuery 等?？蚣?- 框架是一種特殊的、已經(jīng)實(shí)現(xiàn)了的 WEB 應(yīng)用，你只需要對(duì)它填充具體的業(yè)務(wù)邏輯。這里框架是起主導(dǎo)作用的，由它來(lái)根據(jù)具體的應(yīng)用邏輯來(lái)調(diào)用你的代碼?？蚣苡校簁nockout、sproore 等。AngularJS 嘗試不同的方法去彌補(bǔ) HTML 在構(gòu)建應(yīng)用方面的。其通過(guò)使用directives 的標(biāo)識(shí)結(jié)構(gòu)來(lái)使得瀏覽器能夠識(shí)別新的語(yǔ)法。

46、比如：進(jìn)行數(shù)據(jù)綁定時(shí)，使用語(yǔ)法；進(jìn)行數(shù)據(jù)迭代時(shí)，使用 DOM 結(jié)構(gòu)來(lái)控制。AngularJS 將成為整個(gè) web 應(yīng)用中端對(duì)端的解決方案。通過(guò)構(gòu)建 CURD（即增加、更新、查詢(xún)、刪除）的方式，使得應(yīng)用能夠靈活的變動(dòng)。下面讓過(guò)人之處：來(lái)了解 AngularJS 的（1）構(gòu)建一個(gè) CRUD 應(yīng)用可能用到的全部?jī)?nèi)容包括：數(shù)據(jù)綁定、基本模板標(biāo)識(shí)符、表單驗(yàn)證、路由、深度、組件重用、依賴(lài)注入。（2）測(cè)試方面包括：?jiǎn)卧獪y(cè)試、端對(duì)端測(cè)試、模擬和自動(dòng)化測(cè)試框架。（3）具有目錄布局和測(cè)試的應(yīng)用作為起點(diǎn)。3.6.4 ASP.Net MVCASP.Net MVC 是微軟提供的以 MVC 模式為基礎(chǔ)的 ASP.Net

47、Web 應(yīng)用程序框架，它的作用是將應(yīng)用程序分成 View（視圖）、M（模型）、Contrller（控制器）部分9。這樣使得的應(yīng)用程序前端、數(shù)據(jù)分離，大大的方便了應(yīng)用程序的開(kāi)發(fā)及管理。M（模型）通常負(fù)責(zé)數(shù)據(jù)庫(kù)中數(shù)據(jù)的存取，是應(yīng)用程序的數(shù)據(jù)邏輯部分。View（視圖）主要是用于顯示經(jīng)過(guò)邏輯處理后的數(shù)據(jù)，即界面的展示部分。 Controller（控制器）主要是用于處理應(yīng)用程序中用戶的交互，是整個(gè)應(yīng)用程序的控制中心。3.6.5 Entity FrameworkADO.NET Entity Framework 是微軟以 ADO.NET 為基礎(chǔ)所發(fā)展出來(lái)的對(duì)象關(guān)系對(duì)應(yīng)（O/R Map）解決方案。這大大的方便

48、了對(duì)數(shù)據(jù)庫(kù)的操作。Entity Framework 采用抽象數(shù)據(jù)結(jié)構(gòu)的方式，將數(shù)據(jù)庫(kù)中的表都轉(zhuǎn)化為應(yīng)用程序?qū)ο螅╡ntity），數(shù)據(jù)表中的字段轉(zhuǎn)化成屬性（property），表之間的關(guān)系則轉(zhuǎn)化為結(jié)合屬性(assotion)，讓數(shù)據(jù)庫(kù)的 E/R 模型完全的轉(zhuǎn)成對(duì)象模型。這樣就可以讓開(kāi)發(fā)者以熟悉的面相對(duì)象編程語(yǔ)言來(lái)調(diào)用和開(kāi)發(fā)效率。數(shù)據(jù)庫(kù)，大大的簡(jiǎn)化了對(duì)數(shù)據(jù)庫(kù)的操作，提高3.6.6地圖 API地圖 API 是專(zhuān)門(mén)為廣大開(kāi)發(fā)者免費(fèi)提供的基于地圖服務(wù)的應(yīng)用接口。其中包括地圖 Web 服務(wù) API 接口、地圖定位的 SDK、JavaScript API 等服務(wù)接口，提供了地圖的展示、定位、路徑分析、檢索的

49、功能，大大的方便了基于位置信息服務(wù)的開(kāi)發(fā)。下列介紹本應(yīng)所使用的接口類(lèi)：地圖 API 的類(lèi)，用來(lái)實(shí)例化一個(gè)地圖，然后展示到頁(yè)面上13。(1)Map 類(lèi)，是可以通過(guò)其所具有的配置方法，對(duì)所要加載的地圖進(jìn)行配置。如：enableDragging 可設(shè)圖開(kāi) 啟拖拽功 能； enableDoubleClickZoom 設(shè)圖雙 擊放大功 能； disableKeyboard 設(shè)圖鍵盤(pán)操作功能等等。(2)Marker 類(lèi)，此類(lèi)可以用來(lái)表示地圖上面的一個(gè)圖形標(biāo)注，通過(guò)它可以在地圖上添加需要顯示的標(biāo)注13。同時(shí) 方法，顯示和關(guān)閉標(biāo)注的信息窗口。(3)LocalSearch 類(lèi)，此類(lèi)主要用于位置的檢索、周邊檢索及

50、范圍的檢索13。通過(guò)可以通過(guò) openInfoWindow 和 closeInfoWindowLocalSearch(location:Map|Po|String, opts:LocalSearchOptions) 創(chuàng)建一個(gè)搜索類(lèi)實(shí)例，其中 location 表示檢索區(qū)域，其類(lèi)型可為地圖實(shí)例、坐標(biāo)點(diǎn)或城市名稱(chēng)的字符串。本應(yīng)用通過(guò)使用 LocalSearch 的 searchNearby 方法（根據(jù)中心點(diǎn)、半徑與檢索詞發(fā)起周邊檢索）。索引出學(xué)校附近好玩的地方，為本應(yīng)用 HI 周末的實(shí)現(xiàn)提供了技術(shù)的支持。Geolocation 類(lèi)，利用瀏覽器的 geolocation 接口獲取用戶當(dāng)前位置，從而實(shí)

51、現(xiàn)實(shí)時(shí)定位功能13 。該類(lèi)提供 getCurrentition(callback:function, options:itionOptions) 方法來(lái)返回用戶的位置， 當(dāng)定位成功時(shí)，回調(diào)函數(shù)的參數(shù)為GeolocationResult 對(duì)象，否則為 null。(6)TransitRoute 類(lèi)，通過(guò) TransitRoute 構(gòu)造函數(shù)創(chuàng)建一個(gè)導(dǎo)航實(shí)例。 然后通過(guò) TransitRoute 的 search 方法發(fā)起索引，從而實(shí)現(xiàn)導(dǎo)航的查詢(xún)。3.7 本章小結(jié)本章通過(guò)闡述設(shè)計(jì)的目標(biāo)、應(yīng)用的功能設(shè)計(jì)、設(shè)計(jì)的基本原則、數(shù)據(jù)庫(kù)設(shè)計(jì)、運(yùn)行環(huán)境的部署web 應(yīng)用學(xué)生社交應(yīng)用所使用到的技術(shù)，反應(yīng)出怎么樣才能開(kāi)

52、發(fā)出簡(jiǎn)單、合理的移動(dòng)端。設(shè)計(jì)的目的，明確出本應(yīng)用的要開(kāi)發(fā)出一款基于 GIS 位置信息服務(wù)的大；功能設(shè)計(jì)，反映出該需要實(shí)現(xiàn)的功能；設(shè)計(jì)點(diǎn)的原則，使了解到，要想開(kāi)發(fā)出也優(yōu)秀合理的作品，需要遵循設(shè)計(jì)的基本原則；數(shù)據(jù)庫(kù)的設(shè)計(jì)會(huì)影響到，項(xiàng)目后期的開(kāi)發(fā)難度、進(jìn)度及整個(gè)應(yīng)用的穩(wěn)定性；運(yùn)行環(huán)境的部署直接影響項(xiàng)目的運(yùn)行情況；使用相應(yīng)的技術(shù)，能使開(kāi)發(fā)起來(lái)更加得心應(yīng)手。第四章 應(yīng)用的功能實(shí)現(xiàn)4.1 功能的概括這是一款基于 GIS 開(kāi)發(fā)的大學(xué)生社交移動(dòng)端 web 應(yīng)用，主要是以大學(xué)生社交為，而拓展出的社交應(yīng)用功能。其目的是為了促進(jìn)大學(xué)生之間的互動(dòng)交流，將附近的大學(xué)的所有大學(xué)生包含進(jìn)來(lái)，為周邊的大學(xué)生們能夠有很好的社交

53、環(huán)境。4.2及登錄4.2.1功能本應(yīng)用的功能主要分成 3 個(gè)步驟，第一步輸入真實(shí)；機(jī)號(hào)碼為賬號(hào)，密碼長(zhǎng)度不得少于 6 位，選擇出生日期，選擇圖 4-1界面步驟 1圖 4-2界面步驟 1然后右上角點(diǎn)擊下一步點(diǎn)擊進(jìn)入第二步操作，輸入大學(xué)名稱(chēng)（根據(jù)輸入的信息下拉列表顯示查詢(xún)出的學(xué)校信息，然后選擇自己的大學(xué)），輸入學(xué)院（根據(jù)大學(xué)關(guān)聯(lián)和輸入的信息下拉列表顯示查詢(xún)的學(xué)院信息，然后選擇學(xué)院），輸入自己所學(xué)的專(zhuān)業(yè)，輸入入學(xué)時(shí)間，如果該學(xué)校已經(jīng)有定位過(guò)境不需要定位，點(diǎn)擊下方進(jìn)行定位一下；圖 4-3界面步驟 2圖 4-4界面步驟 2都完成上述的操作后，點(diǎn)擊右上角的下一步，進(jìn)入第三步操作，概步操作為最后階段，主要是

54、添加用戶的頭像和用戶的名稱(chēng)。的圖 4-5界面步驟 3圖 4-6界面步驟 34.2.2 登錄功能輸入用戶名（正確合法機(jī)號(hào)碼），輸入，點(diǎn)擊記住（可以記住當(dāng)前用戶登錄信息，方便下次登錄），然后單擊登錄，如果用戶名和正確就會(huì)提示登錄成功，然后在 3 秒后進(jìn)入用戶界面，默認(rèn)為主要為愛(ài)的主頁(yè)信息。圖 4-7 用戶登錄4.2.3代碼(1)功能的邏輯代碼：通過(guò) ajax 將頁(yè)面輸入的信息傳遞給$(#registerTwoWancheng).click(function () $.ajax(url: /Login/RegisterOver,type: cache: false,contentType: fals

55、e, pro data: formdata,suc s: function (d) T,async: false,sData: false,if (d = 成功！) var linkHtml = 將在3秒后跳轉(zhuǎn)到登錄頁(yè)面. var linkUrl = /Login/Login;$.MsgBox.Msg(溫馨提示, d, linkHtml, linkUrl);else $.MsgBox.Alert(溫馨提示, d);, error: function (d) alert(d);););然后進(jìn)行驗(yàn)證添加，代碼如下：public ActionResult RegisterOver(出過(guò)來(lái)的數(shù)據(jù))va

56、r res = new JsonResult(); xajhEntities db = new xajhEntities();/創(chuàng)建用戶信息表對(duì)象x_User u = new x_User();u.=x;/進(jìn)行賦值db.x_User.add(u);/添加用戶信息addCount=db.SaveChanges();/保存if (addCount = 1) res.Data = else res.Data = 失敗！;return res;成功！;(2)登錄功能邏輯代碼：通過(guò) ajax 將登錄信息傳遞到，如果驗(yàn)證通過(guò)則顯示登錄成功，然后然后驗(yàn)證代碼：進(jìn)入系統(tǒng)界面，否則提示失敗，停留在該頁(yè)。publ

57、ic ActionResult Login(string userId,string password) var res = new JsonResult();bool blSucc = CheckLogin(userId, password);if (blSucc)res.Data = true; else res.Data =false;return res;private bool CheckLogin(string userId, string password)xajhEntities db = new xajhEntities(); var user = db.x_User.Whe

58、re(u = u.userID = userId & u.password = password).ToList(); rCount = user.Count();if (rCount = 1)var arr = user.Take(1).ToArray()0;var schoolID = Convert.To32(arr.schoolID);var schoolData = db.x_univs.Where(u = u.id = schoolID).ToList();Response.Response.suserID.Value = arr.userID.ToString();suserNa

59、me.Value =HttpUtility.UrlEncode(arr.userName.ToString();Response. Response. Response. Response.Response.suserHead.Value = arr.head.ToString(); sschoolID.Value = arr.schoolID.ToString(); sschoolLng.Value = schoolData0.lng.ToString(); sschoolLat.Value = schoolData0.lat.ToString();sloginDate.Value = Da

60、teTime.Now.ToString(yyyy-MM-dd HH:mm:ss);return true;elsereturn false; 4.3 用戶信息的展示及修改4.3.1 用戶信息的展示用戶通過(guò)點(diǎn)擊頭像查看用戶詳情，主要是展示用戶的基本信息，供其他同學(xué)查看，展示的內(nèi)容有用戶的個(gè)人相冊(cè)。、學(xué)校、出生日期、學(xué)院、專(zhuān)業(yè)、個(gè)性簽名、社團(tuán)、圖 4-8 用戶信息展示圖4.3.2 用戶信息的修改如果是查看自己的信息內(nèi)容，可以進(jìn)行修改，否則不可以修改。圖 4-9 用戶信息修改圖4.3.3 實(shí)現(xiàn)的代碼(1)用戶信息的展示，先通過(guò) ajax 將要查看的用戶 ID 傳遞給，根據(jù) ID 查出該用戶信息，然后