转载

Django ElasticSearch Ionic 打造 GIS 移动应用 —— 架构设计

搜索引擎是个好东西,GIS也是个好东西。当前还有Django和Ionic。最后效果图

Django ElasticSearch Ionic 打造 GIS 移动应用 —— 架构设计 Django ElasticSearch Ionic 打造 GIS 移动应用 —— 架构设计

构架设计

对我们的需求进行简要的思考后,设计出了下面的一些简单的架构。

Django ElasticSearch Ionic 打造 GIS 移动应用 —— 架构设计

GIS架构说明 —— 服务端

简单说明:

  • 用户在前台或者后台创建数据。
  • 在model保存数据的时候,会调用Google的API解析GPS
  • 在haystack的配置中设置实时更新,当数据创建的时候自动更新索引
  • 数据被ElasticSearch索引

下面是框架的一些简单的介绍

Django

Django 是一个开放源代码的Web应用框架,由Python写成。采用了MVC的软件设计模式,即模型M,视图V和控制器C。它最初是被开发来用于管理劳伦斯出版集团旗下的一些以新闻内容为主的网站的。并于2005年7月在BSD许可证下发布。这套框架是以比利时的吉普赛爵士吉他手Django Reinhardt来命名的。

Django 的主要目标是使得开发复杂的、数据库驱动的网站变得简单。Django注重组件的重用性和“可插拔性”,敏捷开发和DRY法则(Don't Repeat Yourself)。在Django中Python被普遍使用,甚至包括配置文件和数据模型。

首先考虑Django,而不是其他Node或者Ruby框架的原因是:

  • 内置认证系统
  • 内置CSRF

当然这是其他框架也所拥有的,主要特性还有:

  • 一个表单序列化及验证系统,用于HTML表单和适于数据库存储的数据之间的转换。
  • 一套协助创建地理信息系统(GIS)的基础框架

最后一个才是亮点,内置GIS,虽然没怎么用到,但是至少在部署上还是比较方便的。

Haystack

Haystack provides modular search for Django. It features a unified, familiar API that allows you to plug in different search backends (such as Solr, Elasticsearch, Whoosh, Xapian, etc.) without having to modify your code.

Haystack是为Django提供一个搜索模块blabla..,他的主要特性是可以

write your search code once and choose the search engine you want it to run on

也就是说你只需要写你的代码选择你的搜索引擎就可以工作了。

ElasticSearch

在上面的Haystack提供了这些一堆的搜索引擎,当然支持地点搜索的只有 SolrElasticSearch ,他们支持的空间搜索有:

  • within
  • dwithin
  • distance
  • order_by(‘distance’)
  • polygon

在文档上没有写Solr的polygon搜索,但是实际上也是支持的(详细见这篇文章: google map solr polygon 搜索 。

至于为什么用的是ElasticSearch,是因为之前用Solr做过。。。

GIS架构说明 —— 客户端

简单说明 —— GET

  1. 当我们访问Map View的时候,会调用HTML5获取用户的位置
  2. 根据用户的位置定位,设置缩放
  3. 根据用户的位置发出ElasticSearch请求,返回结果中带上距离
  4. 显示

简单说明 —— POST

  1. 用户填写数据会发给Django API,并验证
  2. 成功时,存入数据库,更新索引。

Ionic

Ionic提供了一个免费且开源的移动优化HTML,CSS和JS组件库,来构建高交互性应用。基于Sass构建和AngularJS 优化。

用到的主要是AngularJS,之前用他写过三个APP。

Django REST Framework

与Django Tastypie相比,DRF的主要优势在于Web界面的调试。

其他

因为选的是比较熟悉的技术栈,所以也只花了不到两天的业余时间完成的。或许,这也是全栈程序员的优势所在。

服务端代码: https://github.com/phodal/django-elasticsearch

客户端代码: https://github.com/phodal/ionic-elasticsearch

正文到此结束
Loading...