相關(guān)定稿近年來隨著移動互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機等終端設(shè)備日_第1頁
相關(guān)定稿近年來隨著移動互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機等終端設(shè)備日_第2頁
相關(guān)定稿近年來隨著移動互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機等終端設(shè)備日_第3頁
相關(guān)定稿近年來隨著移動互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機等終端設(shè)備日_第4頁
相關(guān)定稿近年來隨著移動互聯(lián)網(wǎng)的持續(xù)高速發(fā)展和智能手機等終端設(shè)備日_第5頁
已閱讀5頁,還剩52頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認(rèn)領(lǐng)

文檔簡介

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

2、流互動,即的自己,又可以大眾,擴大的交友圈,讓的大學(xué)生活充滿的歡快。:社交GISWEB 移動端大學(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國內(nèi)外社交的現(xiàn)狀1地理信息系統(tǒng)概述2地理信息系統(tǒng)簡介2地理信息系統(tǒng)的組成2地理信息系統(tǒng)的應(yīng)用3地理信息系統(tǒng)在國內(nèi)的發(fā)展趨勢41.4 本章小結(jié)4第二章 移動社交網(wǎng)絡(luò)的研究5研究的目的5研究的內(nèi)容及基本路線5研究的對象6研究的方法6文獻法6分類法6訪談法7問卷法7觀察法7服務(wù)設(shè)計研究方法7社會網(wǎng)絡(luò)分析方法72.5 本章小結(jié)8第三章 應(yīng)用的總體設(shè)計9設(shè)計目標(biāo)9設(shè)計基本原則9實用性與先進性結(jié)合的原則9可擴展性的原則9安全性的原則9操作可行性的原則93.3 應(yīng)用的功能設(shè)計10設(shè)計數(shù)據(jù)庫需遵

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

33、越少越好。由于主鍵即是該表數(shù)據(jù)的索引,又是子表的外鍵,所以組合主鍵的字段數(shù)越少,就越節(jié)省運行的時間和索引的(3)一個表中的字段個數(shù)應(yīng)該越少越好。這樣就防止了將子表中的字中去,在主表中留下許多空余的字段??臻g。入到主表3.4.3 校傲江湖數(shù)據(jù)庫的設(shè)計內(nèi)容及描述表 3-1 用戶表 x_User字段名稱字段類型描述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é)生參加的社團的時間用戶的生日學(xué)生的入學(xué)時間所在的城市用戶坐標(biāo)的經(jīng)度用戶坐標(biāo)的緯度用戶的個性簽名用戶的表 3-2 學(xué)校表 x_univs字段名稱字段類型描述idname主鍵自增 學(xué)校的名稱城市 ID學(xué)校位置的經(jīng)度學(xué)校位置的緯度varchar

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

36、的數(shù)量統(tǒng)計點贊的數(shù)量發(fā)布內(nèi)容的經(jīng)度發(fā)布內(nèi)容的緯度發(fā)布內(nèi)容的地址發(fā)布內(nèi)容的類型地址查看詳情的 URL活動的開始時間活動的結(jié)束時間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字段名稱字段類型描述id typecontentIDphotoUrl主鍵自增發(fā)布內(nèi)容的類型發(fā)布內(nèi)容的 ID,關(guān)聯(lián) x_content 表char(2) varchar(30)varchar(30)存放的路徑

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

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

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

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

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

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

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

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

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

46、比如:進行數(shù)據(jù)綁定時,使用語法;進行數(shù)據(jù)迭代時,使用 DOM 結(jié)構(gòu)來控制。AngularJS 將成為整個 web 應(yīng)用中端對端的解決方案。通過構(gòu)建 CURD(即增加、更新、查詢、刪除)的方式,使得應(yīng)用能夠靈活的變動。下面讓過人之處:來了解 AngularJS 的(1)構(gòu)建一個 CRUD 應(yīng)用可能用到的全部內(nèi)容包括:數(shù)據(jù)綁定、基本模板標(biāo)識符、表單驗證、路由、深度、組件重用、依賴注入。(2)測試方面包括:單元測試、端對端測試、模擬和自動化測試框架。(3)具有目錄布局和測試的應(yīng)用作為起點。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)用程序的開發(fā)及管理。M(模型)通常負責(zé)數(shù)據(jù)庫中數(shù)據(jù)的存取,是應(yīng)用程序的數(shù)據(jù)邏輯部分。View(視圖)主要是用于顯示經(jīng)過邏輯處理后的數(shù)據(jù),即界面的展示部分。 Controller(控制器)主要是用于處理應(yīng)用程序中用戶的交互,是整個應(yīng)用程序的控制中心。3.6.5 Entity FrameworkADO.NET Entity Framework 是微軟以 ADO.NET 為基礎(chǔ)所發(fā)展出來的對象關(guān)系對應(yīng)(O/R Map)解決方案。這大大的方便

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

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

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

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

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

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

54、添加用戶的頭像和用戶的名稱。的圖 4-5界面步驟 3圖 4-6界面步驟 34.2.2 登錄功能輸入用戶名(正確合法機號碼),輸入,點擊記?。梢杂涀‘?dāng)前用戶登錄信息,方便下次登錄),然后單擊登錄,如果用戶名和正確就會提示登錄成功,然后在 3 秒后進入用戶界面,默認(rèn)為主要為愛的主頁信息。圖 4-7 用戶登錄4.2.3代碼(1)功能的邏輯代碼:通過 ajax 將頁面輸入的信息傳遞給$(#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)到登錄頁面. var linkUrl = /Login/Login;$.MsgBox.Msg(溫馨提示, d, linkHtml, linkUrl);else $.MsgBox.Alert(溫馨提示, d);, error: function (d) alert(d);););然后進行驗證添加,代碼如下:public ActionResult RegisterOver(出過來的數(shù)據(jù))va

56、r res = new JsonResult(); xajhEntities db = new xajhEntities();/創(chuàng)建用戶信息表對象x_User u = new x_User();u.=x;/進行賦值db.x_User.add(u);/添加用戶信息addCount=db.SaveChanges();/保存if (addCount = 1) res.Data = else res.Data = 失敗!;return res;成功!;(2)登錄功能邏輯代碼:通過 ajax 將登錄信息傳遞到,如果驗證通過則顯示登錄成功,然后然后驗證代碼:進入系統(tǒng)界面,否則提示失敗,停留在該頁。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 用戶信息的展示用戶通過點擊頭像查看用戶詳情,主要是展示用戶的基本信息,供其他同學(xué)查看,展示的內(nèi)容有用戶的個人相冊。、學(xué)校、出生日期、學(xué)院、專業(yè)、個性簽名、社團、圖 4-8 用戶信息展示圖4.3.2 用戶信息的修改如果是查看自己的信息內(nèi)容,可以進行修改,否則不可以修改。圖 4-9 用戶信息修改圖4.3.3 實現(xiàn)的代碼(1)用戶信息的展示,先通過 ajax 將要查看的用戶 ID 傳遞給,根據(jù) ID 查出該用戶信息,然后

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論