相关定稿终结版

1、中要WEB中要WEB：WEBIn recent years, with the growing popularity of ernet of sustained high-development and smart phones and other , In recent years, with the growing popularity of ernet of sustained high-development and smart phones and other , use the mobile ernet significantly increased by a large marg

2、in, the application of eincreasingly rich and colorful, this phenomenon in students prevalent.College students in addition to the in the daily life of eraction.Aiming at exchange, many times are mobile terminals exchange phenomenon, a university student is developed as the center, and a GIS is devel

3、oped for l application of a university WEBmobile The application of l application for college students.Mainly love to share, friends, kend kend where to play), community activities function.This is a web applications based on the GIS development, mainly to college students as the through the release

4、 of some of their own or eresting things, t we can to pleasant eresting ways eract, is their own ent and he expand our circleoffriends,let ourcollege life isfull ofmore lWEBuniversity目录中1绪目录中1绪课题背的现地理信息系统概地理信息系统简地理信息系统的组地理信息系统的应地理信息系统在国内的发展趋1.4 本章小移动社交网络的研研究的目研究的内容及基本路研究的对研究的方文献分类访谈问卷观察服务设计研究方社会网络分析

5、方2.5本章小应用的总体设设计目设计基本原实用性与先进性结合的原可扩展性的原安全性的原操作可行性的原3.3应用的功能设设计数据库需遵循的三大完整性规防止数据库设计打补丁的方法是“三少原则校傲江湖数据库的设计内容及描运行环境的部IIS的安装与配将项目部署到IIS服务3.6实现应用的技html5bootstrapAngularJSASP.Net MVCEntity FrameworkAPIhtml5bootstrapAngularJSASP.Net MVCEntity FrameworkAPI3.7.34.3.4爱爱爱.44.4.5

6、4.6 Hi社团活动信息的发社团活动信息的发查看附近学校的社团活动信社团活动的路径导航功与我有作用及意4.8本章小5结论及展5.1结5.2展参考文致1.1背动终端设备上网的用户明显大幅度增长,移动互联网的应用也日渐丰富多彩,这一现象webWeb1.1背动终端设备上网的用户明显大幅度增长,移动互联网的应用也日渐丰富多彩,这一现象webWeb就可以以一种愉悦、有趣的方式进行交流互动，的自己1.2外社的现(1)，更可以增进对朋友的交流互动1。截止 2011 年年底39%4.252710002008150020142.572013204740.7%，20134.3201

7、434150020142.572013204740.7%，20134.32014341.3信息系统概1.3.1述乃至应用的综合性计算机技术系统31.3.25GISGIS自身功能MV等）1.3.3GPSGIS和GIS(1)资管1.3.3GPSGIS和GIS(1)资管(2)GIS(3)(4)随着互联网的高速发展和智能移动终端的普及，GIS和GIS得到最佳的外卖派送路径；GIS1.3.4GPS，GISGPSGIS。GIS1.3.4GPS，GISGPSGIS。GISGIS进行灾情分析来辅助决策；GISGIS；GIS，并且可以此为基础来创建聚合用户主的产业生态圈61.3.5务。1.4小2.1研究的(1)

8、(2)2.1研究的(1)(2)学生用户需求状况和交往模式，建立基于 GIS 的位置信息服务的大学生移动社交网络用2.2的内容及基本路移动社交网络服务是用户通过可移动方式或随身携带的设备上网进行信息及服务等交流行为。PC将使用传统的互联网经验直接的嫁接到移动网络终端上可以多2.3的对段集中在 252.4研究的2.3的对段集中在 252.4研究的.22.4.3访谈法erview）2.4.4的的方向编制的，对问卷问题的回答通过对用户.62.4.4的的方向编制的，对问卷问题的回答通过对用户.本章小2.5本章小web3.1设计目3.2 设

9、计基本原3.2.1angularJS3.1设计目3.2 设计基本原3.2.1angularJSbootstrap3.2.2的分布活动区域），3.2.3止用户操作 应用的功能设可3.3 应用的功能设可web3-13.4数据库3.4.1(1)CheckCheck(2)PK、FK(3)3.4.2才能保证系统的 E-R 图少而精。这样不仅去除重复多余的实体，形成了对客观世界的(3)3.4.33-1(2)PK、FK(3)3.4.2才能保证系统的 E-R 图少而精。这样不仅去除重复多余的实体，形成了对客观世界的(3)3.4.33-1IDID3-2ID3-3-2ID3-3- 3-ID，x_c

10、ontent3-ID，x_content3-ID，x_contentID3.5 运行环境的部3.5.1 IIS(1)IIS3-2(2)3-2(2)Windows3-3(3)ernet3-4windows(3)ernet3-4windows3-5(6)ernet（IIS）3-6(7执行（8），了4.53-6(7执行（8），了4.53-7IIS(8)并可以看到系统中安装的.net frameworkv4.0.30319时并打开命令行 cmd，并可以看到系统中安装的.net frameworkv4.0.30319时并打开命令行 cmd，3-framework(9)IISISAPI 和CGI3-9IS

11、APICGI(10)ASP.NET v4.0.303193-10ASP.NET(10)ASP.NET v4.0.303193-10ASP.NET3.5.2IIS(1)IIS(2)ASP.NET v4.0IPIIS3-113.6 实现应用的技3.6.1 html5Html5Web（ WebHypertextApplicationWorkingGroup），WHATWG；网（WorldWideWebConsortium），常说的W3C。在2006年，双方决定进行合作，来共同创造出新的HTML，这就HTML53.6 实现应用的技3.6.1 html5Html5Web（ WebHypertextApp

12、licationWorkingGroup），WHATWG；网（WorldWideWebConsortium），常说的W3C。在2006年，双方决定进行合作，来共同创造出新的HTML，这就HTML5HTML5、audiocanvasHTML5（1）（2）requiredarticle、headernavfooterweb（3）淘汰过时的或冗余的属性。如：archive、e、codetype、paceHTML5多用途互联网邮件扩展（MIME）。JavaScriptHTML5JavaScript综上所述HTML53.6.2 BootstrapwebBootstrapHTML、CSS、JAVASCRI

13、PTwebwebBootstrapBootstrap：BootstrapHTML5CSS3jQueryjQueryBootstrapWEB。BootstrapJavascript13jqueryBootstrapBootstrapBootstrap：BootstrapHTML5CSS3jQueryjQueryBootstrapWEB。BootstrapJavascript13jqueryBootstrapBootstrap3.6.3 AngularJSAngularJSHTML而设计的框架。HTMLWEB：WEB码，由你来决定何时使用类库。类库有：jQueryWEBoreAngularJS 尝

14、试不同的方法去弥补 HTML 在构建应用方面的。其通过使用DOMAngularJS（1）CRUD（2）（3）的3.6.4 ASP.Net ASP.Net MVCMVCASP.Net WebM（模型）3.6.5 Entity ADO.NETEntityFrameworkADO.NET（O/R ）3.6.4 ASP.Net ASP.Net MVCMVCASP.Net WebM（模型）3.6.5 Entity ADO.NETEntityFrameworkADO.NET（O/R ）属性tion)E/RAPIWebAPISDK、JavaScript API地图API类用来实例化一个地图然后展示到页面上1

15、3(1)Map图开启拖拽 功能； enableDoubleClickZoom 设图双击 放大功能；disableKeyboard图(2)Marker(3)LocalSearch 类，此类主要用于位置的检索、周边检索及范围的检索13openInfoWindow|String,opts:LocalSearchOptions)location本应用通过使用 LocalSearch 的 searchNearby 方法（根据中心点、半径与检索location本应用通过使用 LocalSearch 的 searchNearby 方法（根据中心点、半径与检索词发起周边检索）HIGeolocationgeol

16、ocation实时定位功能13。该类提供 ition(callback:function, itionOptions) 方法来返回用户的位置，当定位成功时，回调函数的参数为GeolocationResultnull(6)TransitRouteTransitRouteTransitRoutesearch3.7本章小webGIS4.1功能的GISweb4.1功能的GISweb3；64-4-4-的4-4.2.2（可以记住当前34-7ajax4.2.2（可以记住当前34-7ajax $.ajax(url:/Login/RegisterOver,type: cache:false,contentTyp

17、e:false,pro data: formdata,suc s:function(d)T,async:sData:if (d= 成功！varlinkHtml=aid=linkMsg将在u.userID=userId&u.password=password).ToList(); rCount = user.Count();if(rCount=vararr=varschoolID=varschoolData=db.x_univs.Where(u=u.id=suserHead.Value = arr.head.ToString(); sschoolID.Value = arr.schoolID.T

18、oString(); sschoolLat.Value = schoolData0.lat.ToString();returntrue;elsereturnfalse;4.3信息的展示及修信息的展示及修4.3.1、4-84.3.24-94.3.3，根据IDfunctionMyCtrl($scope)varuserID4.3.3，根据IDfunctionMyCtrl($scope)varuserID=varmyUserID=t,async:$.ajax(url:/My/Index,type: s:function(data)var info = data0; varimgs=da

19、ta1;$List=$scope.imgsList=imgs;$(#infoEdit).click(function()window.location.href=/My/Edit?userID=+ var res = new JsonResult(); xajhEntitiesdb=newxajhEntities();vareditData=db.x_User.Where(u=u.userID=varcount=ifcount=saveCount)res.Data保存成功！; elseres.Data = 保存失败！;return4.4.1的状态信息（默认展

20、示本校的信息），104-的状态信息（默认展示本校的信息），104-104-114.4.2发布页面。进发布的页面后，系统会根据自己所在的位置，获取当前的位置信息4-124.4.2发布页面。进发布的页面后，系统会根据自己所在的位置，获取当前的位置信息4-1234-13的4.4.34-.5的4.4.34-.5(1)信息的展示，通分页查询（10 条数据）jsonangularJSfunctionDongtaiCtrl($scope) var allData;$.ajax(url:/Home/Loadlist,type: s: function

21、 (data) allData=t,async:vardisplayCount=functionDongtaiCtrl($scope) var allData;$.ajax(url:/Home/Loadlist,type: s: function (data) allData=t,async:vardisplayCount=if(displayCount10|displayCount=0)$scope.DongtaiList=$scope.add=function()varpageNumber=$(#select_pageNumber).val(); pageNumber = parse$.a

22、jax(url:/Home/Nextlist,type:t,async:s: function (data) vardisplayCount=if(displayCount10|displayCount=0) = , $scope.DongtaiList=，$.ajax(url:/Home/Fabiao,type:T,async:false,cache:contentType:s:function(d)sData:false,data:if (d= 成功！varlinkHtml=a varlinkUrl$.MsgBox.Msg(温馨提示d,linkHtmlelse$.MsgBox.Alert(

23、温馨提示errorfunctiond)$.MsgBox.Alert(温馨提示地图的 APILocalSearchsearchNearbyInfoWindow$(function()varschoolLng$. var schoolLat = $.地图的 APILocalSearchsearchNearbyInfoWindow$(function()varschoolLng$. var schoolLat = $./ varmapnewBMap.Map(l-map);/ Mapvar=new (schoolLng, varlocal=newvara=local.searchNearby(大学,

24、var opts = / title信息窗口, / for(vari=0;idata_info.length;i+)varmarkernewBMap.Marker(newBMap.Po / 创建标注varcontent=map.addOverlay(marker);/ function addClickHandler(content, marker) marker.addEventListener(click,function(e)openInfo(content,e);找朋4.5.1(1)4.5找朋4.5.1(1)4-15(2)显示所有的交友信息列4-164.5.2发然后输入

25、要交友的内容上传相对应4-164.5.2发然后输入要交友的内容上传相对应最后右上角点34-174-184.5.34-184.5.34-194.5.34-.34-204.5.44-21$(function()varschoolLng=$. var schoolLat = $.varendLng=$.getUrlParam(lng); var endLat = $.getUrlParam(lat);varmap=$(function()varschoolLng=$. var schoolLat = $.varendLng=$.getUrlParam(lng); var endL

26、at = $.getUrlParam(lat);varmap=new var=new (schoolLng, mmvarmyP1=new(schoolLng,/varmyP2=new(endLng,/GPS$(#searchGPS).click(function() $(#allmap).css(height,$(window).height(); vardriving2=newBMap.DrivingRoute(map,renderOptions:map:autoViewport:trueyP1,setTimeout(function() , $(#searchGJ).click(function() yP1,Hi4.6.1API称、地址4.6Hi4.6.1API称、地址（CS、保龄球、游泳等）4-