¿Cómo guardar datos de geolocalización HTML5 en el administrador de Python Django?

Question

May 31, 2018, 04:24 PM

javascript python html5 django geolocation

¿Cómo guardar datos de geolocalización HTML5 en el administrador de Python Django?

¿Es posible guardar la latitud y longitud de geolocalización html5 de javascript en el administrador de django cuando el usuario utiliza el sitio web de geolocalización? El objetivo de la página web es guardar los valores de longitud y latitud del usuario para que se pueda acceder a los datos más adelante cuando el usuario inicie sesión nuevamente.

Encontré una pregunta similar en stackoverflow hace años, pero no ha habido ninguna respuesta. El enlace es:Guardar datos de ubicación geográfica de JavaScript en la página de administración de Django

Sería genial si hubiera una respuesta basada en este enlace de código.

Otra opción sobre la que leí es crear un formulario html y configurar el formulario para que se rellene automáticamente con jQuery a partir de los datos producidos por la geolocalización html5 de javascript. Nuevamente, esto es bastante complicado para un principiante como yo.

Agradecería cualquier tipo de ayuda ya sea por código, tutorial, publicación de blog, ejemplos o enlaces. No espero que se proporcione todo el código de programación (aunque aprendo mejor de los ejemplos), pero ayudaría si hubiera algún material / ejemplo al que pudiera acudir para implementar mis tareas de programación. Gracias

Actualmente estoy hasta aquí con mi progreso, pero aún no puedo publicar la latitud y la longitud en la página de administración de django:

code es el siguiente:

La estructura del proyecto django es la siguiente:

-ajax
   - __pycache__
   - migrations
        - __pycache__
          0001_initial.py
          __init__.py
   - static
        - css
            - bootstrap.css
        - fonts
        - js
            - script.js
   - templates
        - ajax
            - base.html
            - index.html
        - __init__.py
        - admin.py
        - apps.py
        - models.py
        - tests.py
        - urls.py
        - views.py

-server
   - __pycache__
   - __init__.py
   - settings.py
   - urls.py
   - views.py
   - wsgi.py

-db.sqlite3
-manage.py

index.html

{% extends 'ajax/base.html' %}
{% block body %}
<p>Click the button to get your coordinates.</p>
<button onclick="getLocation()">Get Your Location</button>
<p id="demo"></p>
<button type="button" id="btn_submit" class="btn btn-primary form-control" disabled>Submit</button>
{% endblock %}

script.js

var pos;

var $demo;

function getLocation() {
  if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(showPosition);
  } else {
    $demo.text("Geolocation is not supported by this browser.");
  }
}

function showPosition(position) {
  pos = position;
  var { latitude, longitude } = pos.coords;
  $demo.html(`Latitude: ${latitude}<br>Longitude: ${longitude}`);
  $('#btn_submit').attr("disabled", null);
}

$(document).ready(function() {
  $demo = $("#demo");
  $('#btn_submit').on('click', function() {
    var data = pos.coords;
    data.csrfmiddlewaretoken = $('input[name=csrfmiddlewaretoken]').val();
    $.post("/ajax/", data, function() {
      alert("Saved Data!");
    });
  });
});

base.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'ajax/css/bootstrap.css' %}"/>
</head>
<body>
    {% csrf_token %}
    <nav class="navbar navbar-default">
        <div class="container-fluid">
        </div>
    </nav>
    <div class="col-md-3"></div>
    <div class="col-md-6 well">
        <h3 class="text-primary">Python - Django Simple Submit Form With Ajax</h3>
        <hr style="border-top:1px dotted #000;"/>
        {% block body %}
        {% endblock %}
    </div>
</body>
<script src = "{% static 'ajax/js/jquery-3.2.1.js' %}"></script>
<script src = "{% static 'ajax/js/script.js' %}"></script>
</html>

models.py

from django.db import models

# Create your models here.

class Member(models.Model):
    latitude = models.DecimalField(max_digits=19, decimal_places=16)
    longitude = models.DecimalField(max_digits=19, decimal_places=16)

views.py (ajax)

from django.shortcuts import render, redirect
from .models import Member

def index(request):
    return render(request, 'ajax/index.html')

def insert(request):
    member = Member(latitude=request.POST['latitude'], longitude=request.POST['longitude'])
    member.save()
    return redirect('/')

urls.py (ajax)

from django.conf.urls import url
from . import views

urlpatterns = [
    url(r'^$', views.index, name="index"),
    url(r'^insert$', views.insert, name="insert")
]

views.py (servidor)

from django.shortcuts import redirect

def index_redirect(request):
    return redirect('/ajax/')

urls.py (servidor)

from django.conf.urls import url, include
from django.contrib import admin
from . import views

urlpatterns = [
    url(r'^$', views.index_redirect, name="index_redirect"),
    url(r'^ajax/', include("ajax.urls")),
    url(r'^admin/', admin.site.urls),
]

"PUBLICA" los datos pero no aparece en el administrador de django. Revisé muchos sitios web en busca de respuestas, pero aún no he encontrado ninguno. Gracias de nuevo por tu ayuda

Deja tu comentario