设计相关近年来随着移动互联网的持续高速发展和智能手机等终端设备日

1、摘要近年来，随着移动互联网的持续的高速发展和智能等终端设备的日益普及,使用移动上网用户明显大幅度增长,移动互联网的应用也日渐丰富多彩,这一现象在高校大学生中尤为普遍。大学生们除了在日常生活中正常的互动交流外，很多时候都是在移动终端上进行交流互动。针对这一现象，开发了一大学生为中心，一 GIS 为原理开发了一款大学 WEB 移动端的社交应用。本应用主要服务于大学生社交的应用。主要有爱、找朋友、Hi 周末（周末去哪玩）、社团活动的功能。这是一款基于 GIS 开发的移动 web 应用，主要是以大学生为中心，通过发布一些自己自己或朋友身边有趣的一些事，这样就可以以一种愉悦、有趣的方式进行交流互动，即的

2、自己，又可以大众，扩大的交友圈，让的大学生活充满的欢快。：社交、GIS、WEB 移动端、大学生AbstractIn recent years, with the growing popularity of mobileernet of sustainedhigh-speed development and sother devi, use the mobile phoneernet users significantly increased by a large margin, the application of mobileernet hase increasingly rich and

3、colorful, this phenomenon in collegestudents is particularly prevalent.College students in addition to the normaleractionin the daily life of the exchange, many times are mobile terminals exchange anderaction.Aiming at this phenomenon, a university student is developed as the center,and a GIS is dev

4、eloped for the soterminal.l application of a university WEB mobileThe application of sol application for college students.Mainly love to share,findfriends,Hikend(kendwheretoplay),communityactivitiesfunction.This is a mobile web applications based on the GIS development, mainly tocollege students as

5、the center, through the release of some of their own or friendseresting things, sot we can to a pleasant anderesting ways toeract, is theirown entertaent and entertain the public, expand our circle of friends, let ourcollege life is full of more cheerful.Keyword:solercourse,GIS,WEB mobile,university

6、 student目录摘要IAbstract.II1 绪论课题背景1国内外社交的现状1地理信息系统概述2地理信息系统简介2地理信息系统的组成2地理信息系统的应用2地理信息系统在国内的发展趋势3地理信息系统在国内社交应用中的发展现状4本章小结41.4移动社交网络的研究4研究的目的4研究的内容及基本路线5研究的对象5研究的方法5文献法5分类法5访谈法6问卷法6观察法6服务设计研究方法6社会网络分析方法7本章小结7应用的总体设计7设计目标7设计基本原则7实用性与先进性结合的原则7可扩展性的原则8安全性的原则8操作可行性的原则8应用的功能设计8数据库设计9设计数据库需遵循的三大完整性

7、规则9防止数据库设计打补丁的方法是“三少原则”9校傲江湖数据库的设计内容及描述10运行环境的部署12IIS 的安装与配置12将项目部署到 IIS 服务器16实现应用的技术16html5 技术16bootstrap17AngularJS 框架18.Net MVC19Entity Framework20本章小结20应用的功能实现20功能的概括21及登录214.2.1功能214.2.2 登录功能23用户信息的展示及修改23用户信息的展示23用户信息的修改24展示用户信息的意义244.4 爱. 24爱爱动态信息的展示24动态信息的发布254.4.3 查看附近学校的动态信息274.4.4 查看与我有关的

8、动态信息274.5 找朋友2..34.5.4找朋友信息的展示27找朋友信息的发布28与我有关29互动交流30路径导航功能314.6 Hi 周末3..44.6.5分类展示学校周围好玩的地方31发布邀请32发布邀请场所的热力分布图33发布邀请信息的展示33路径导航功能344.7 社团活动3..44.7.5社团活动信息的展示35社团活动信息的发布36查看附近学校的社团活动信息36社团活动的路径导航功能37与我有关384.8 本章小结385 结论及展望385.1 结论385.2 展望39谢 辞3

9、9参考文献401 绪论1.1 课题背景随着移动互联网的持续的高速发展和智能等终端设备的日益普及,使用移动上网用户明显大幅度增长,移动互联网的应用也日渐丰富多彩,这一现象在高校大学生中尤为普遍。而理工类高校与师范类院校都存在严重的男女比率失调，在这僧多粥少的环境下，在理工学校中的男同胞们与师范类的妹子们，想结识附近学院或学校的异性同学，却苦于没有一个很好的。在这移动互联网高速发展和 html5 技术蓬勃发展的时代，是否能针对这一情况开发一个基于大学校园开发一款轻松、愉快的良好的移动端 web 社交，从而使的理工类的男同胞们在身心愉悦的同时，还可以和同校或附近学校的妹子进行交流互动。虽然的生活中也

10、有许多社交工具，但是到目前为止好没有一个很好的社交可以使周围的理工类院校与师范类院校的能够以一个轻松、愉快、有意思的方式进行互动交流。因此，针对这一情况，到了开发笑傲江湖移动端 Web 应用。这是一款基于 GIS 开发的移动 web 应用，主要是以大学生为中心，通过发布一些自己自己或朋友身边有趣的一些事，这样互动，拿出来和大家一起交流和就可以以一种愉悦、有趣的方式进行交流，这样就可以以一种愉悦、有趣的方式进行交流互动，即大学生活充满的自己，又可以的欢快。大众，扩大的交友圈，让的1.2 国内外社交的现状（1）社交，根据 Compete 公司公开的数据，截止到 09 年 1 月，仅仅在始于校园显示

11、，于 2004 年由 Mark Zukerberg 创建的社交量达到了 6850 万，的用户量达到 1.5 亿，活跃用户突本土用户的破 1.75 亿。在大学生中的覆盖率已经超过百分之九十，还在 2008在国内校园社交年开心网迅速成为年轻白领打发时间和休闲的新贵，并且仅经过短短的半年时间就发展为 1500 万用户的规模。还有现如今的业，每天活跃用户上亿。（2）2014 年 7 月 21 日，根据第 34 次中国互联网络发展状况统计用户群包含有各行各显示，至 2014 年的上半年，我国国内的社交网络的规模达到了 2.57 亿，相对与 2013 年的年底数量下滑了 2047 万，在国内的大多数网民的

12、心中对于社交网站的使用率已经达到了 40.7%，同比 2013 年年滑了 4.3 个百分点。这种种的迹象表明 2014 年开始，社交的用户使用率和用户的规模正在下滑。，社交第 34 次中国互联网络发展状况统计的还分析的使用率和用户的规模正在处于下滑阶段。其下滑原因主要来源于两个方面，一方面是的来自于自身的竞争对手的竞争，社交类的应用在近几年更新的非常迅速，致使部分的社交被分流了；另一个方面原因来源与自身，由于缺乏创新及运营的方向偏离，导致未能满足社交用户的需求，再加上有些社交自身用户定义的局限性，当用户角色或状态发生改变时，导致用户与原来的关系脱节，从而引起用户的流失。上述了社交创新少、用户互

13、动少、更新慢，进而影响了交流质量，使得用户的使用意愿降低。地理信息系统概述地理信息系统简介地理信息系统是一种特定的十分重要的空间信息系统。它是在计算机硬、软件系统支持下，对整个或部分地球表层（包括大气层）空间中的有关地理分布数据进行、管理、运算、分析、显示和描述的技术系统。1.3.2 地理信息系统的组成地理信息系统由以下 5 部分组成：，是 GIS 中最重要的组成部分。开发种任务，开发处理程序。操作熟练的 GIS必须定义 GIS 中被执行的各通常都能够克服 GIS自身功也，但是与之相反的情况却不能成立。因此，哪怕是最好的 GIS能的不能够弥补操作对 GIS的一无所知所带来的影响。数据，精确的可

14、用的数据可以影响到查询和分析的结果。硬件，硬件的性能会直接影响到 GIS其使用是否便捷和可能输出结果的方式。对数据的处理效率，进而影响到，其不仅仅是包括 GIS，还会包括影像处理（如 MV）、数据库（如SQL Server、等）、绘图工具、统计工具等等其它的辅助工具。过程，GIS 要求明确定义，一致的方法来生成正确的可验证的结果。1.3.3 地理信息系统的应用在早期地理信息系统主要应用与设施的管理、自动化制图和土地地理信息系统，到了后来才逐渐拓展到了城市规划、监测和评估、资源和环境管理和军事等众多领域。随着 GPS 技术的成熟，并与相关的学科的结合，GIS 的应用水平从原来的单一应用，发展为多

15、元化应用，如交通、农业耕种、监测、金融生活和社交决策等等方面；甚至现在 GIS 已经进入到的生活中，成为不可缺少的一部分，如现在地图上定位、根据需要查看附近的场所；还比如和上的查看附近的人，和附近人进行互动交流；还有现在比较火的外卖“饿了吗”，也应用到了 GIS 的定位，路径分析功能，方便派送外卖等等。下面介绍 GIS 一些应用到的领域：（1）资源管理资源与管理包括土地、森林、草原、矿产动植物资源的、管理及保护。GIS 系统将各种现有和数据信息有机汇集组织，科学的分类与管理，并通过系统的统计，叠置分析地形地质分析等功能，按照区域条件，也是状况和属性条件，提供多种条件组合形式的资源统计和状况分析

16、，为资源的保护、合理的开发利用以及科学管理提供可靠的一句。（2）土地和管理土地信息系统（LIS）是 GIS 在土地方面的专业应用，它主要涉及土地位置、形状、边界、名称、地籍、面积、类型、等级、权属地价、地理要素使用等内容。使用 GIS 可以对地籍数据进行管理，进行土地的科学管理和合理使用。（3）宏观和辅助决策大区域、长周期、复杂的环境现象和变化很难在短时间内看清楚他的发展、变化及效果。因此，通过建立环境数据库，并使用一系列模拟和决策模型进行分析研究，可以为国家大区域的宏观决策提供可靠的科学依据。（4）生活和社交随着互联网的高速发展和智能移动终端的普及，GIS 的应用也走进了的日常生活，并和生活

17、和社交融为一体，成为不可缺少的一部分。如现在地图上定位、根据需要查看附近的场所，查看路线功能；和上的查看附近的人，并和附近的人进行交流互动；还有现在比较火的外卖“饿了吗”，利用 GIS 定位，路径分析，得到最佳的外卖派送路径；GIS 的位置信息的管理、分析、展示等功能，大大的便捷了多彩。的生活和社交，让的生活的更加丰富1.3.4 地理信息系统在国内的发展趋势，对地理信息系统（GIS）的研究和应用开始于 80 年代前期。在早期，GIS 主要依赖于遥感，空中摄影，以及计算机辅助设计（CAD）的应用和发展。最近几年，伴随着 GPS 和ernet 技术的发展，GIS 在发展势头良好。的 GIS 来说，

18、机展望 21 世纪，一个新的数字地球，网络时代即将到来，遇和并存。GIS经过 20 多年的发展和努力，GIS 在国内的各行各业都得到了广泛的应用，如通过 GIS 对自然进行灾情分析来辅助决策；GIS 辅助快递物流派送，资源合理利用；城市 GIS 对城市建设进行合理规划；GIS 社交，基于地理位置信息帮助用户寻找朋友的位置信息和以及一些相关性信息,同时也可以不断激励用户他们自身位置信息等内容,逐渐成为一种可提供社交网络服务、位元素的服务等,并成为以此为基础创建聚合用户、生态系统。置信息服务以及开发者以及主的1.3.5 地理信息系统在国内社交应用中的发展现状随着国内互联网的高数发展及智能移动终端设

19、备在人们生活中的普及，人们对于空间信息服务需求日益增强。社交网络、空间信息、无线移动等服务的结合，使得社交与地理信息系统日渐融合。在这样的背景下，社交网络与地理信息系统的融合，将成为国内社交网络服务发展的一个新的趋势，这将会引领社交网络发展攀向另一个。1.4 本章小结本章主要介绍选题的背景意义及国内外社交的现状，然后阐述地理信息系统的定义、组成部分、地理信息系统的应用（包括在社交中的应用）、地理信息系统在国内的发展趋势以及地理信息系统在国内社交中的发展现状。彰显了地理信息系统广阔的应用前景及地理信息系统与社交网络将成为社交发展的趋势。2 移动社交网络的研究2.1 研究的目的通过观察访谈与问卷展

20、开大学生用户研究，分析大学生社交网络现状和移动社交网络服务使用特点，提取用户需求，了解大学生使用移动社交网络服务的行为模式，以用户为中心，设计大学生移动设计网络服务系统原型，优化用户体验，为笑傲江湖移动端 Web 应用提供设计和参考。本次研究主要有一下四个目的：（1）分析大学生生活方式、社交行为，了解大学生用户群体特点。（2）调研大学生社交网络使用现状，分析社交网络在大用，发掘大学移动社交网络需求。会交往中的作通过大学群体访谈调研，对大学生群体进行分类，总结大学生用户交往模式及需求状况，建立典型的大学生移动社交网络用户模型。概括未来大学生社交网络移动性的的服务模式特点，建立移动社交网络服务系统

21、原型，优化用户体验。2.2 研究的内容及基本路线移动社交网络服务是用户通过可移动方式或随身携带的设备上网进行信息及服务等交流行为。通过研究大学生的生活方式及社会行为特点，总结大学生对移动网络服务需求点，并根据用户需求进行系统设计，满足用户移动社交网络服务使用用户体验。主要设计点在移动设计啊网络服务功能性及可用性研究，移动设备的外观、界面、系统硬件及服务等不做重点研究。移动网络终端与 PC 端使用环境不同，移动互联网与传统互联网的网页架构及内容不相同，因而产生的互动也随之改变，接受信息的方式也发生改变，所有并不能将传统的互联网使用经验直接嫁接到移动网络终端上。通过多种方法，包括访谈法、问卷法、行

22、为观察的方法收集大学生社交网络特研究息，根据大学生群体的生活方式和社交行为模式，对大学生社交类型进行分类，分析大学生用户使用移动社交网络的使用模式及需求状况。2.3 研究的对象目标的用户是高校大学生，大学生作为一个特殊的社会群体，正处于人生发展的最关键时期，除了在大学学习专业知识外，学习怎么样建立和维持良好的社交网络，从而拥有一个良好的人际关系，是大学生发展的一个重要任务。大学生的段集中在 18 至 25 岁之间，对新事物的接受能力较强，大部分喜欢使用前卫的智能及移动设备，同时对互联网社交网络服务较为热衷，其中很大一部分大学生经常移动社交网络服务，非常适合作为目标用户。2.4 研究的方法在本次

23、研究过程中，方面运用的方法有社会网络 分析方法、服务设计研究方法等，用户研究方面采用访谈法、问卷法、观察法，数据分析采用分类法，定性分析，采用用户体验设计、用户参与的进行设计评估。2.4.1 文献法文献法就是搜集和分析研究各种现存的有关文献资料，从中选取信息，以达到某种研究目的的方法。它所要解决的是如何在浩如烟海的文献群中选取适用于课题的资料，并对这些资料做出恰当分析和使用。其基本步骤包括文献收集，摘录信息，文献分析三个环节。2.4.2 分类法分类就是按照事物的性质、特点、用途等作为区分的标准，将符合同一标准的事物聚类，不同的则分开的一种认识事物的方法。分类法是指将类或组按照相互间的关系，组成

24、系统化的结构，并体现为许多类目按照一定的原则和关系组织起来的体系表，作为分类工作的依据和工具。分类法有交叉分类法，树状分类法等等2.4.3 访谈法访谈法（erview）又称晤谈法，是指通过访员和受访人面对面地交谈来了解受访人的心理和行为的心理学基本研究方法。因研究问题的性质、目的或对象的不同，访谈法具有不同的形式。根据访谈进程的标准化程度，可将它分为结构型访谈和非结构型访谈。访谈法运用面广，能够简单而叙述地收集多方面的工作分析资料，因而深受人们的青睐。本研究通过分析整理访谈提纲，编制访谈问题，采用实镜访谈和网上调研的形式深入了解校园大学生的生活方式、行为和社交需求。2.4.4 问卷法问卷法是通

25、过由一系列问题的表收料以测量人的行为和态度的心理学基本研究方法之一。问卷是研究者按照一定目的编制的,对于被的回答,研究者可以不提供任何规定某种要求。研究者根据被,也可以提供备选的，还可以对的选择者对问题的回答进行统计分析，就可以作出某种心理学的结论。问卷法已广泛应用于青年研究、教育心理学研究和社会领域。等2.4.5 观察法观察法是指研究者根据一定的研究目的、研究提纲或观察表，用自己的感官和辅助工具去直接观察被研究对象，从而获得资料的法。科学的观察具有目的性和计划性、系统性和可重复性。常见的观察方法有：核对法；级别量表法；记叙性描述。观察一般利用眼睛、耳朵等感觉去感知观察对象。由于人的感觉具有一

26、定的局限性，观察者往往要借助各种现代化的仪器和，如照相机、机、显微机等来辅助观察。根据大学生人群的使用，设定移动社交网络服务任务，要求被试采用通常的模式完成相应的任务，观察用户操作步骤，用户行为状态及操作过程。2.4.6 服务设计研究方法服务设计以客户的需求作为出发点，主要通过运用创造性的客户参与方法，来确定提出服务内容和方式。产品设计活动主要表现在一个产品的开发过程中，二对于服务设计，则包括从概念发掘直到整个服务实施的设计过程中的探索性、评价性和创造性的个项活动。服务设计注重以人文本的研究，利用各种研究方法，通过原型和服务设定等技术展现出服务的表现形式及其特征。从这个角度上来看，服务设计就是

27、要设计出具有有用性、可用性、满意性、高效性和有效性的服务。2.4.7 社会网络分析方法社会网络分析法是一种社会学研究方法，社会学理论认为社会不是由个人而是由网络的，网络中包含结点及结点之间的关系，社会网络分析法通过对于网络中关系的分析探讨网络的结构及属性特征，包括网络中的属性及网络整体属性，网络属性分析包括：点度中心度，接近中心度等；网络的整体属性分析包括小世界效应，小团体研究，凝聚子群等。该方法目前在教育领域应用比较广泛，主要探究于该网络的改进策略。环境下学习者所网络的特点，以及在此基础上对2.5 本章小结本章阐述移动社交的研究目的、研究内容及基本路线、研究对象和研究的方法，彰显大学校园类的

28、社交应用需很有发展潜质。可以结合地理信息系统的位置信息的管理及分析功能，开发出一款可以丰富大学生校园生活扩大交友圈的web 移动端社交应用。3 应用的总体设计3.1 设计目标基于 GIS 开发的校傲江湖移动端 web 应用，主要是以大学为主体，通过分享自己身边有趣的事、查找附近学校学生发布的交友信息进行交流、查找附近好玩的地方然后要求同学一起去、发布社团活动邀请跟多的同学参与进来。通过这些方式，让可以以一种愉悦、有趣的方式进行交流与互动。这样在自己的同时又了大众，还可以扩大多的欢乐。的交友圈，让的大学校园生活充满更3.2 设计基本原则3.2.1 实用性与先进性结合的原则本应用是通过一系列的与分

29、析和反复的推敲设计而得出的方案，其不仅融合了地理信息系统的功能，还应用了当下进的 html5 的技术，并结合开发使用比较火的 angularJS 和 bootstrap 技术。本应用本着使用新技术，开发出简单、实用、能够解决实际问的应用原则。3.2.2 可扩展性的原则本应用结构方式开发，随着应用本身的范围和使用的深度的不断扩大，在应用的功能上都会有很好的可扩展性。比如本应用中的爱功能，随着使用的用户增多和历史的增多数据，后面可以添加几个统计分析功能，分析出大学生主要的活动区域（可以分为男遇的机会。的分布活动区域），这样可以增大和妹子或帅哥偶3.2.3 安全性的原则应用应该保证数据在处理的过程中

30、保证准确无误，所以需要建立一套保护机制来防止用户的操作和破坏。比如用户时需要用户输入号码注册，所以添加了一组号码验证机制，防止输入机号码。3.2.4 操作可行性的原则应用的开发最终是为了用户服务的，所以开发的应用操作应该要力求操作的简单、大方和用户交互友好。如本应菜单展示功能，采用侧滑菜单展示，其操作原则就是本着简单、交互友好的原则。3.3 应用的功能设计本应功能主要有用户管理功能，包含有登录与；爱功能，包含发布、附近学校、与我有关，发布时可定位显示当前位置，附近学校可以查看附近学校学生发布的的信息，方，然后状态；找朋友，可以发布交友信息，然后在地图上显示当天发布可以进行互动交流；Hi 周末，

31、通过在地图上分类显示好玩的地可以根据显示的地方，发布邀请小伙伴们一起去玩；社团活动，通过本应用让本校和附近学校的都能参与进来。以下为“校傲江湖”移动端 web 应用的总体设计结构图：3.4 数据库设计3.4.1 设计数据库需遵循的三大完整性规则关系型数据库必须遵循的三个完整性规则:域完整性规则、参照完整性规则、用户自定义完整性规则。以下分别为三大完整性规则的介绍：域的完整性规则：用 Check 来实现约束，在数据库设计工具中，对字段的取值范围进行定义时，有一个 Check 按钮，通过它定义字段的值城。参照完整性规则：用 PK、FK、表级触发器来实现。（3） 用户定义完整性规则：它是一些业务规则

32、，用现。过程和触发器来实3.4.2 防止数据库设计打补丁的方法是“三少原则”一个数据库中表的个数越少越好。只有表的个数少了，才能说明系统的 E-R 图少而精，去掉了重复的多余的实体，形成了对客观世界的高度抽象，进行了系统的数据集成，防止了打补丁式的设计；一个表中组合主键的字段个数越少越好。因为主键的作用，一是建主键索引，二是做为子表的外键，所以组合主键的字段个数少了，不仅节省了运行时间，而且节省了索引空间；(3) 一个表中的字段个数越少越好。只有字段的个数少了，才能说明在系统中不存在数据重复，且很少有数据冗余，更重要的是督促读者学会“列变行”，这样就防止了将子表中的字入到主表中去，在主表中留下

33、许多空余的字段。所谓“列变行”，就是将主表中的一部分内容拉出去，另外单独建一个子表。这个方法很简单，有的人就是不、不采纳、不执行。3.4.3 校傲江湖数据库的设计内容及描述（1）用户表 x_User（2）学校表 x_univs字段名称字段类型描述id主键自增namevarchar(255)学校的名称lng城市 IDvarchar(15)学校位置的经度latvarchar(15)学校位置的纬度字段名称字段类型描述id主键自增userIDnvarchar(13)用户 IDuserNamenvarchar(50)用户名passwordnvarchar(50)sexchar(1)headnvarcha

34、r(50)保存头像路径schoolIDvarchar(15)学校 IDxueyuanIDvarchar(15学院 IDzhuanyenvarchar(50)学生的专业shetuannvarchar(50)学生参加的社团rigisterDatavarchar(15)的时间 用户的生日birthDatavarchar(15)ruxueDatavarchar(15)学生的入学时间citynvarchar(20)所在的城市lngvarchar(15)用户坐标的经度latvarchar(15)用户坐标的纬度gexingtext用户的个性签名xingqutext用户的（3）学院表 x_schools（4）

35、存放发布内容的表 x_content（5）存放发布内容表 x_imges字段名称字段类型描述id主键自增typechar(2)发布内容的类型contentIDvarchar(30)发布内容的 ID，关联 x content 表photoUrlvarchar(30)存放的路径（6）存放发布内容评论表ment字段名称字段类型描述id主键自增contentIDvarchar(30)发布内容的 ID，关联 x content 表messagetext评论的内容userIDvarchar(30)评论的用户 IDdatevarchar(30)评论的时间userTypechar(1)评论的用户类型（本用户/

36、非本用户）字段名称字段类型描述id主键自增contentIDvarchar(30)发布内容的 IDuserIDvarchar(30)所发布的用户 IDtitletext发布内容的标题，如社团活动的标题infotext发布的内容activityDatevarchar(30)发布活动的活动时间datevarchar(30)发布的时间commentCount统计评论的数量zan统计点赞的数量lngvarchar(50)发布内容的经度latvarchar(50)发布内容的纬度locationDesctext发布内容的地址typenchar(1)发布内容的类型infoUrlnvarchar(200)地址

37、查看详情的 URLstarDatedate活动的开始时间endDatedate活动的结束时间字段名称字段类型描述id主键自增manevarchar(255)院系名称uid学校 ID（7）存放发布内容点赞表 x_zan运行环境的部署IIS 的安装与配置（1）安装 IIS。先打开控制面板，找到“程序与功能”，然后单击进入（2）点击左侧的“打开和关闭 Windows 功能”（3）找到“ ernet 信息服务”，按照下图打钩即可字段名称字段类型描述id主键自增contentIDvarchar(30)发布内容的 ID，关联 x content 表userIDvarchar(30)评论的用户 ID等待安装

38、完成，然后重启一下计算机重启计算机后，打开控制面板，找到“管理工具”，点击进入（6）点击ernet 信息服务（IIS）管理器（7）点击查看应用程序池，查看是否添加否则就跳过了.net framework 4.5，如果没有就执行（8），（8）打 开C:WINDOWS电 脑 ， 进 入 系 统安 装 盘 （ 一 般 是 C ： ） ， 进 入.NETFramework，并可以看到系统中安装的.net framework 版本列表，然后进入 v4.0.30319 文件夹，同时并打开命令行 cmd，在命令行模式下输入：（9）在 IIS 管理器的根目录中找到“ISAPI 和 CGI 限制”，点击进入（1

39、0）将的 ASP.NET v4.0.30319 限制设置为允许3.5.2 将项目部署到 IIS 服务器（1）打开 IIS 管理器，右击，然后选择添加（2）输入名称，选择 ASP.NETv4.0 应用程序池，绑定 IP 和端口，然后点击确定就可以将项目部署到 IIS 上面了实现应用的技术html5 技术Html5 是由 Web 超文本应用技术工作组（Technology Working Group），简称 WHATWG；与Web Hypertext Application网（World Wide WebConsortium），也就是常说的 W3C。在 2006 年，双方决定进行合作，来共同创造出

40、新的 HTML，这就是所说的 HTML5。HTML5 的设计目的是为了在移动设备上支持多。新的语法特征被引进以支持这一点，如、audio 和 canvas 标记。HTML5 还引进了新的功能，可以真正改变用户与文档的交互方式，包括：（1）新的规则增强了灵活性（2）新添的属性。如：表单相关的属性有：对 input（type=text）、select、 textarea 与button 指定autofocus 属性，它以指定属性的方式让元素在画面打开时自动获得焦点。 对 input（type=text）、textarea 指定 placeholder 属性，它会对用户的输入进行提示，提示用户可以输

41、入的内容。 对 input、output、select、 textarea、button 与 fieldset 指定 form 属性，它 属于哪个表单，然后将其放置在页面的任何位置，而不失表单之内。对 inpu（t type=text）、textarea 指定 required属性，该属性表示用户提交时进行检查，检查该元素内必定要有输入内容。 为inputplete、min、max、multiple、pattern 与 step，增加几个新的属性：还有 list 属性与 datalist 元素配合使用；datalist 元素与plete 属性配合使用。相关的属性有：为 a、area 增加 me

42、dia 属性，规定目标 URL 是为什么类型的媒介/设备进行优化的，该属性用于规定目标 URL 是为特殊设备（比如）、语音或打印媒介设计的，该属性可接受多个值，只能在 href 属性存在时使用。还有其它属性：为 ol 增加 reversed 属性，它指定列表倒序显示； 为meta 增加 charset 属性 为增加 type 和 label 属性；label 为菜单定义一个课件的标注，type 属性让才当可以以上下文菜单、工具条与列表 cande 但三种形式出现；为 style 增加 scoped 属性。（3）淘汰过时的或冗余的属性。如：archive、chla、codee、codetype、

43、pace 等等。、一个 HTML5 文档到另一个文档间的拖放功能。多用途互联网邮件扩展（MIME）和协议处理程序。在移动设备开发 HTML5 应用只有两种方法，要不就是全使用 HTML5 的语法，要不就是仅使用 JavaScript 引擎。纯 HTML5应用运行缓慢并错漏，但优化后的效果会好转。尽管不是很多人愿意去做这样的优化，但依然可以去尝试。而 JavaScript 引擎的构建方法让制作复杂，已预订了一个 UI 工具包去使用。网页成为可能。由于界面层很综上所述，HTML5应用的最大优势就是可以在网页上直接调试和修改。原先应用的开发可能需要花费非常大的力气才能达到 HTML5 的效果，不断地

44、重复编码、调试和运行，这是首先得解决的一个问题。因此也有许多杂志客户端是基于 HTML5 标准，开发可以轻松调试修改。因此，HTML5 将会取代 1999 年制定的 HTML 4.01、XHTML 1.0 标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动接的丰富内容。带来无缝衔3.6.2 bootstrapBootstrap，来自，是目前最受欢迎的前端框架。Bootstrap 是基于HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由的设计师Mark Otto 和Jacob Thornton 合作开发，是一个 CSS/H

45、TML 框架。Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎，一直是上的热门开源项目，包括 NASA的 MSNBC（微软）的 Breaking News 都使用了该项目。（1）Bootstrap 的特点：Bootstrap 是基于HTML5 和CSS3 开发的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的兼容大部分 jQuery 插件。风格，并（2）Bootstrap 的组件：Bootstrap 中包含了丰富的 Web 组件，根据这些组件，可以快速的搭建一个漂亮、功能

46、完备的。其中组件包含有：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、面包屑、分页、排版、缩略图、警告对话框、进度条、对象等等。（3）Bootstrap 的 Javascript 插件：Bootstrap 自带了 13 个 jQuery 插件，这些插件为 Bootstrap 中的组件赋予了“生命”。其中包括：模式滚动条、弹出框等。（4）Bootstrap 框架代码：可以对 Bootstrap 中所有的 CSS 变量进行修改，依据自己的需求裁剪代码。框、页、3.6.3 AngularJS 框架AngularJS 是为了克服 HTML 在构建应用上的而设计的。HTML 是一门很好的为静态文本展示设

47、计的力了。式语言，但要构建 WEB 应用的话它就显得乏通常，是通过以下技术来解决静态网页技术在构建动态应用上的：类库 - 类库是一些函数的集合，它能帮助你写 WEB 应用。起主导作用的是你的代码，由你来决定何时使用类库。类库有：jQuery 等。框架 - 框架是一种特殊的、已经实现了的 WEB 应用，你只需要对它填充具体的业务逻辑。这里框架是起主导作用的，由它来根据具体的应用逻辑来调用你的代码。框架有：knockout、sproore 等。AngularJS 使用了不同的方法，它尝试去补足 HTML 本身在构建应用方面的缺陷。AngularJS 通过使用称为标识符(directives)的结构

48、，让浏览器能够识别新的语法。例如：使大括号语法进行数据绑定；使用 DOM 控制结构来实现迭代或者隐藏 DOM 片段；支持表单和表单的验证；能将逻辑代码关联到相关的 DOM 元素上；能将 HTML 分组成可重用的组件。AngularJS 试图成为 WEB 应用中的一种端对端的解决方案。这意味着它不只是你的 WEB 应用中的一个小部分，而是一个完整的端对端的解决方案。这会让 AngularJS 在构建一个 CRUD（增加 Create、查询 Retrieve、更新 Update、删除 Delete）的应用时显得很“固执”（原文为 opinionated,意指没有太多的其他方式）。但是，尽管它很“固

49、执”，它仍然能确保它的“固执”只是在你构建应用的起点，并且你仍能灵活变动。AngularJS 的一些出众之处如下：（1）构建一个 CRUD 应用可能用到的全部内容包括：数据绑定、基本模板标识符、表单验证、路由、深度、组件重用、依赖注入。（2）测试方面包括：单元测试、端对端测试、模拟和自动化测试框架。（3）具有目录布局和测试的应用作为起点。AngularJS 通过为开发者呈现一个更次的抽象来简化应用的开发。如同其他的抽象技术一样，这也会损失一部分灵活性。因此，并不是所有的应用都适合用 AngularJS 来做。AngularJS 主要考虑的是构建 CRUD 应用。幸运的是，至少 90%的 WEB

50、 应用都是 CRUD 应用。但是要了解什么适合用 AngularJS 构建，就得了解什么不适合用 AngularJS 构建。操作很频繁也很复杂的应用，和 CRUD如，图形界面编辑器，这种 DOM应用就有很大的不同，它们不适合用AngularJS 来构建。像这种情况用一些更轻量、简单的技术如 jQuery 可能会更好。3.6.4 .Net MVCMVC 是一个框架模式，它强制性的使应用程序的输入、处理和输出分开。使用 MVC 应用程序被分成三个：模型、视图、控制器。它们各自处理自己的任务。下列分别介绍视图、模型、控制器：（1）视图是用户看到并与之交互的界面。对老式的 Web 应用程序来说，视图就

51、是由 HTML 元素组成的界面，在新式的 Web 应用程序中，HTML 依旧在视图中扮演着重要的角色，但一些新的技术已层出不穷，它们包括 Adobe Flash 和像 XHTML，XML/XSL,WML 等一些标识语言和 Web servi.MVC 好处是它能为应用程序处理很多不同的视图。在视图中其实没有真正的处理发生，不管这些数据是联机只是作为一种输出数据并允许用户的还是一个雇员列表，作为视图来讲，它的方式。（2）模型表示企业数据和业务规则。在 MVC 的三个中，模型拥有最多的处理任务。例如它可能用像 EJBs 和 ColdFuComponents 这样的构件对象来处理数据库，被模型返回的数

52、据是中立的，就是说模型与数据格式无关，这样一个模型能为多个视图提供数据，由于应用于模型的代码只需写一次就可以被多个视图重用，所以减少了代码的重复性。（3）控制器接受用户的输入并调用模型和视图去完成用户的需求，所以当单击 Web 页面中的超和发送 HTML 表单时，控制器本身不输出任何东西和做任何处理。它只是接收请求并决定调用哪个模型构件去处理请求，然后再确定用哪个视图来显示返回的数据。3.6.5 Entity Framework长久以来，程序设计师和数据库总是保持着一种微妙的关系，在应用程序中，数据库一定是不可或缺的元件，这让程序设计师一定要为了连接与数据库而去学习 SQL 指令，因此在信息业

53、中有很多人都在研究如何将程序设计模型和数据库集成在一起，对象关系对应 (Object-Relational Map) 的技术就是由此而生，像 Hibernate 或 NHibernate 都是这个技术下的产物，而微软虽然有了ADO.NET 这 个数据的利器，但却没有像 NHibernate 这样的对象对应工具，因此微软在.NET Framework 2.0 发展时期，就提出了一个 ObjectSpace 的概念，ObjectSpace 可以让应用程序可以用完全对象化的方法连接与数据库，其技术概念 与 NHibernate相当类似，然而 ObjectSpace 工程相当大，在.NETFramew

54、ork 2.0 完成时仍无法全部完成，因此微软将 ObjectSpace 纳入下一版本的.NET Framework 中，并且再加上一个设计的工具(Designer)，ADO.NET Entity Framework。Entity Framework 利用了抽象化数据结构的方式，将每个数据库对象都转换成应用程序对象 (entity)，而数据字段都转换为属性 (property)，关系则转换为结了现在的合属性 (assotion)，让数据库的 E/R 模型完全的转成对象模型，如此让程序设计师能用最熟悉的编程语言来调用。而在抽象化的结构之下，则是高度集层，以 及支持 Entity Framewor

55、k 的数据成与对应结构的概念层、对应层和提供者 (provider)，让数据的工作得以顺利与完整的进行。(1)(2)(3)Provider概念层：负责向上的对象与属性显露与。对应层：将上方的概念层和的层的数据结构对应在一起。层：依不同数据库与数据结构，而实体的数据结构体，和和 SQL 的产生。一起，负责实际对数据库的3.7 本章小结本章通过阐述设计的目标、应用的功能设计、设计的基本原则、数据库设计、运行环境的部署理的移动端 web 应用应用所使用到的技术，反应出怎么样才能开发出简单、合。设计的目的，明确出本应用的要开发出一款基于 GIS位置信息服务的大学生社交；功能设计，反映出该需要实现的功能

56、；设计点的原则，使了解到，要想开发出也优秀合理的作品，需要遵循设计的基本原则；数据库的设计会影响到，项目后期的开发难度、进度及整个应用的稳定性；运行环境的部署直接影响开发起来更加得心应手。项目的运行情况；使用相应的技术，能使4 应用的功能实现4.1 功能的概括这是一款基于 GIS 开发的大学生社交移动端 web 应用，主要是以大学生社交为，而拓展出的社交应用功能。其目的是为了促进大学生之间的互动交流，将附近的大学的所有大学生包含进来，为周边的大学生们能够有很好的社交环境。及登录功能本应用的功能主要分成 3 个步骤，第一步输入真实机号码为账号，长度不得少于 6 位，选择出生日期，

57、选择；然后右上角点击下一步点击进入第二步操作，输入大学名称（根据输入的信息下拉列表显示查询出的学校信息，然后选择自己的大学），输入学院（根据大学关联和输入的信息下拉列表显示查询的学院信息，然后选择学院），输入自己所学的专业，输入入学时间，如果该学校已经有定位过境不需要定位，点击下方进行定位一下；都完成上述的操作后，点击右上角的下一步，进入第三步操作，概步操作为的最后阶段，主要是添加用户的头像和用户的名称。4.2.2 登录功能输入用户名（正确合法机号码），输入，点击记住（可以记住当前用户登录信息，方便下次登录），然后单击登录，如果用户名和正确就会提示登录成功，然后在 3 秒后进入用户界面，默认为

58、主要为爱的主页信息。用户信息的展示及修改用户信息的展示用户通过点击头像查看用户详情，主要是展示用户的基本信息，供其他同学查看，展示的内容有用户的、学校、出生日期、学院、专业、个性签名、社团、个人相册。4.3.2 用户信息的修改如果是查看自己的信息内容，可以进行修改，否则不可以修改。4.3.3 展示用户信息的意义通过点击头像可以查看用户的基本信息，不仅可以让用户彼此之间有了一些简单的了解，还可以添加用户之间的信用感，让这样一些都大学生用户之间建立良好的社交关于具有非常重要的意义。实性，这对于4.4 爱4.4.1 爱动态信息的展示主要展示用户的状态信息（默认展示本校的信息），每次加载 10 条数据

59、，滑到底部如果还有数据，点击查看数据，如果是到最后一条数据，就在底部显示返回顶部的，点击可返回状态信息的顶部。点击动态信息上的小手可以对动态信息进行点赞和取消点赞（颜色变填充时为已赞状态，否则为未赞状态）；点击动态内容或进入详情页后，可以对动态信息进行评论。可以查看动态的的详情，通过该功能可以对自己或其他同学发生的事情进行交流，这样就之间的关系，为可以在这点赞和评论的互动交流中，不知不觉的拉近了，彼此间的进一步交流提供了可能性。4.4.2 爱动态信息的发布通过点击右上角的加号按钮，下拉显示功能菜单，然后点击发布就可以进入发布页面。进入发布的页面后，系统会根据自己所在的位置，获取当前的位置信息，

60、然后输入要的内容，上传相对应的，最后右上角点击，就可以进行了。成功后会在 3 秒后，返回到爱的首页通过该功能用户可以随时随地的自己的身边发生的有趣的事情。正所谓独不如众，一个的开心通过可以变成很多份。通过还可以与的同学进行交流，即可以促进自身社交关系的发展，还可以收获友情，一石二鸟，何乐而不为呢？4.4.3 查看附近学校的动态信息在地图上显示出附近学校的信息，点击地图上查出的附近学校标注，弹出信息框，展示学校的信息，可以通过点击信息框上的“点击查看动态”的超可以查看到该学校学生分析的动态信息。，该功能可以通过地图上查出附近学校，并查看附近学校的动态信息，这样用户不仅可以查看本校的动态信息，还可