views.py
from django.shortcuts import render
from django.template.response import TemplateResponse
def jsview(request):
return TemplateResponse(request, 'jsapp/jsapp_index.html')
urls.py
# -*- coding: utf-8 -*-
from django.conf.urls import url
from jsapp.views import jsview
urlpatterns =[
url(r'^mine/', jsview ),
]
jsapp_base.html
{% load staticfiles %} <!doctype html> <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]--> <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]--> <!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title></title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" href="apple-touch-icon.png"> <link rel="stylesheet" href="{% static "initializr/css/bootstrap.min.css" %}"> <style> body { padding-top: 50px; padding-bottom: 20px; } </style> <link rel="stylesheet" href="{% static "initializr/css/bootstrap-theme.min.css" %}"> <link rel="stylesheet" href="{% static "initializr/css/main.css" %}"> <script src="{% static "initializr/js/vendor/modernizr-2.8.3-respond-1.4.2.min.js" %}"></script> </head> <body> <!--[if lt IE 8]> <![endif]--> <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Django + JS</a> </div> <div id="navbar" class="navbar-collapse collapse"> </div><!--/.navbar-collapse --> </div> </nav><!--End navbar --> <!--///////////////////// --> <div class="container"> <hr> <!-- Single button --> {% block content %}{% endblock %} <!--///////////////////// --> <footer> <p>© Company 2015</p> </footer> </div> <!-- /container --> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script>window.jQuery || document.write('<script src="{% static "initializr/js/vendor/jquery-1.11.2.min.js" %}"><\/script>')</script> <script src="{% static "initializr/js/vendor/bootstrap.min.js" %}"></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. --> </body> </html>
jsapp_index.html
{% extends 'jsapp_base.html' %} {% block content %} {% endblock %}