Django 一个简单的图书管理程序 （三 展示）

之前创建了项目，编写的借阅者的一些操作。现在尝试着添加主页，通过浏览器展示这些操作。

1. 添加网页展示的信息

右键项目名称“library”，新建包“static”。

右键包名“static”，新建文件夹“static”。

在文件夹“static”中添加网页展示风格的一些信息。也可以在http://code.google.com/p/dwz/downloads/list下载，使用dwz的一些风格。

2. 新建对主页的操作

右键项目名称“library”，新建包“common”。

2.1. 新建“views.py”

右键包名“common”，新建“views.py”，代码如下：

 #!usr/bin/env python
 #coding: utf-8
 '''''
 Created on 2012-8-3

 @author: jingwen.wu
 '''
 from django.shortcuts import render_to_response,get_object_or_404
 from django.template import RequestContext
 from django.http import HttpResponseRedirect
 from django.core.urlresolvers import reverse
 from django.contrib.auth.decorators import login_required

 def index(request):
     return render_to_response('common/index.html', context_instance=RequestContext(request))

 def nav_index(request):
     return render_to_response('common/nav_index.html', {}, context_instance=RequestContext(request))

 def nav_reader(request):
     return render_to_response('common/nav_reader.html', {}, context_instance=RequestContext(request))

2.2. 新建“urls.py”

右键包名“common”，新建“urls.py”，代码如下：

 #!usr/bin/env python
 #coding: utf-8

 '''''
 Created on 2012-8-3

 @author: jingwen.wu
 '''

 from django.conf.urls.defaults import *
 from django.conf import settings

 urlpatterns = patterns('',
     url(r'^$', 'common.views.index',name="index"),
     url(r'^nav_index/$', 'common.views.nav_index', name="common_index"),
     url(r'^nav_reader/$', 'common.views.nav_reader', name="common_reader"),
 )

2.3. 新建过滤器

右键包名“common”，新建包“templatetags”，右键“templatetags”，新建“common_tags.py”，代码如下：

 "font-size:18px;">#!usr/bin/env python
 #coding: utf-8
 from django import template
 register = template.Library()

 @register.filter(name='calculate')
 def calculate(value, arg):
     return (int(arg)-1)*10 + int(value)

此过滤器用于页面展示的“序号”能够在翻页后依然依序递增。页面引用如下：

其中，“currentPage”为当前页码。

3. 设置“library” 的“setting”和“urls”

修改“library/library/setting.py”如下：

 "font-size:18px;"># Django settings for library project.

 import os.path

 DEBUG = True
 TEMPLATE_DEBUG = DEBUG
 HERE = os.path.dirname(os.path.dirname(__file__))

 ADMINS = (
     # ('Your Name', '[email protected]'),
 )

 MANAGERS = ADMINS

 DATABASES = {
     'default': {
         'ENGINE': 'django.db.backends.mysql', # Add 'postgresql_psycopg2', 'mysql', 'sqlite3' or 'oracle'.
         'NAME': 'library',                      # Or path to database file if using sqlite3.
         'USER': 'root',                      # Not used with sqlite3.
         'PASSWORD': 'mysql',                  # Not used with sqlite3.
         'HOST': 'localhost',                      # Set to empty string for localhost. Not used with sqlite3.
         'PORT': '3306',                      # Set to empty string for default. Not used with sqlite3.
     }
 }

 # Local time zone for this installation. Choices can be found here:
 # http://en.wikipedia.org/wiki/List_of_tz_zones_by_name
 # although not all choices may be available on all operating systems.
 # On Unix systems, a value of None will cause Django to use the same
 # timezone as the operating system.
 # If running in a Windows environment this must be set to the same as your
 # system time zone.
 TIME_ZONE = 'Asia/Shanghai'

 # Language code for this installation. All choices can be found here:
 # http://www.i18nguy.com/unicode/language-identifiers.html
 LANGUAGE_CODE = 'zh-cn'

 SITE_ID = 1

 # If you set this to False, Django will make some optimizations so as not
 # to load the internationalization machinery.
 USE_I18N = True

 # If you set this to False, Django will not format dates, numbers and
 # calendars according to the current locale.
 USE_L10N = True

 # If you set this to False, Django will not use timezone-aware datetimes.
 USE_TZ = True

 # Absolute filesystem path to the directory that will hold user-uploaded files.
 # Example: "/home/media/media.lawrence.com/media/"
 MEDIA_ROOT = os.path.join(HERE, 'media').replace('\\','/')

 # URL that handles the media served from MEDIA_ROOT. Make sure to use a
 # trailing slash.
 # Examples: "http://media.lawrence.com/media/", "http://example.com/media/"
 MEDIA_URL = '/media/'

 # Absolute path to the directory static files should be collected to.
 # Don't put anything in this directory yourself; store your static files
 # in apps' "static/" subdirectories and in STATICFILES_DIRS.
 # Example: "/home/media/media.lawrence.com/static/"
 STATIC_ROOT = os.path.join(HERE, 'static').replace('\\','/')

 # URL prefix for static files.
 # Example: "http://media.lawrence.com/static/"
 STATIC_URL = '/static/'

 ADMIN_MEDIA_ROOT = '/static/admin/'

 # Additional locations of static files
 STATICFILES_DIRS = (
     # Put strings here, like "/home/html/static" or "C:/www/django/static".
     # Always use forward slashes, even on Windows.
     # Don't forget to use absolute paths, not relative paths.
     os.path.join(HERE,'static/static/').replace('\\','/'),
 )

 # List of finder classes that know how to find static files in
 # various locations.
 STATICFILES_FINDERS = (
     'django.contrib.staticfiles.finders.FileSystemFinder',
     'django.contrib.staticfiles.finders.AppDirectoriesFinder',
 #    'django.contrib.staticfiles.finders.DefaultStorageFinder',
 )

 # Make this unique, and don't share it with anybody.
 SECRET_KEY = 'jlf4edatvxmm$*o)mfi=1cz_(vr21+32w(ak8_yac4*mxl8g%a'

 # List of callables that know how to import templates from various sources.
 TEMPLATE_LOADERS = (
     'django.template.loaders.filesystem.Loader',
     'django.template.loaders.app_directories.Loader',
 #     'django.template.loaders.eggs.Loader',
 )

 MIDDLEWARE_CLASSES = (
     'django.middleware.common.CommonMiddleware',
     'django.contrib.sessions.middleware.SessionMiddleware',
     'django.middleware.csrf.CsrfViewMiddleware',
     'django.contrib.auth.middleware.AuthenticationMiddleware',
     'django.contrib.messages.middleware.MessageMiddleware',
     # Uncomment the next line for simple clickjacking protection:
     # 'django.middleware.clickjacking.XFrameOptionsMiddleware',
 )

 ROOT_URLCONF = 'library.urls'

 # Python dotted path to the WSGI application used by Django's runserver.
 WSGI_APPLICATION = 'library.wsgi.application'

 TEMPLATE_DIRS = (
     # Put strings here, like "/home/html/django_templates" or "C:/www/django/templates".
     # Always use forward slashes, even on Windows.
     # Don't forget to use absolute paths, not relative paths.
     os.path.join(HERE,'templates'),
 )

 INSTALLED_APPS = (
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.sites',
     'django.contrib.messages',
     'django.contrib.staticfiles',
     # Uncomment the next line to enable the admin:
     # 'django.contrib.admin',
     # Uncomment the next line to enable admin documentation:
     # 'django.contrib.admindocs',
     'common',
     'reader',
 )

 # A sample logging configuration. The only tangible logging
 # performed by this configuration is to send an email to
 # the site admins on every HTTP 500 error when DEBUG=False.
 # See http://docs.djangoproject.com/en/dev/topics/logging for
 # more details on how to customize your logging configuration.
 LOGGING = {
     'version': 1,
     'disable_existing_loggers': False,
     'filters': {
         'require_debug_false': {
             '()': 'django.utils.log.RequireDebugFalse'
         }
     },
     'handlers': {
         'mail_admins': {
             'level': 'ERROR',
             'filters': ['require_debug_false'],
             'class': 'django.utils.log.AdminEmailHandler'
         }
     },
     'loggers': {
         'django.request': {
             'handlers': ['mail_admins'],
             'level': 'ERROR',
             'propagate': True,
         },
     }
 }

 from django.conf.global_settings import TEMPLATE_CONTEXT_PROCESSORS
 TEMPLATE_CONTEXT_PROCESSORS += (
     'django.core.context_processors.request',
 )

修改“library/library/urls.py”如下：

 "font-size:18px;">from django.conf.urls import patterns, include, url
 from django.conf import settings
 from django.conf.urls.static import static

 # Uncomment the next two lines to enable the admin:
 from django.contrib import admin
 admin.autodiscover()

 urlpatterns = patterns('',
     # Examples:
     # url(r'^$', 'library.views.home', name='home'),
     # url(r'^library/', include('library.foo.urls')),

     # Uncomment the admin/doc line below to enable admin documentation:
     # url(r'^admin/doc/', include('django.contrib.admindocs.urls')),

     # Uncomment the next line to enable the admin:
     # url(r'^admin/', include(admin.site.urls)),
     url(r'^$', 'common.views.index',name="index"),
     url(r'^common/', include('common.urls')),
     url(r'^reader/', include('reader.urls')),
 )

 urlpatterns += static(settings.MEDIA_URL, document_root = settings.MEDIA_ROOT)
 urlpatterns += static(settings.STATIC_URL, document_root = settings.STATIC_ROOT)

4. 新建主页

简单修改dwz的主页信息。

右键文件夹“templates”，新建文件夹“common”。

右键文件夹“common”，新建“index.html”，代码如下：

 <span style="font-size:18px;">>
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta http-equiv="X-UA-Compatible" content="IE=7" />
 <title>图书管理系统title>
 {% load static %}
 <link href="{% get_static_prefix %}js/dwz/themes/default/style.css" rel="stylesheet" type="text/css" />
 <link href="{% get_static_prefix %}js/dwz/themes/css/core.css" rel="stylesheet" type="text/css" />
 <link href="{% get_static_prefix %}js/dwz/themes/css/print.css" rel="stylesheet" type="text/css" />
 <link href="{% get_static_prefix %}js/dwz/uploadify/css/uploadify.css" rel="stylesheet" type="text/css" />

 <script src="{% get_static_prefix %}js/dwz/javascripts/dwz.regional.zh.js" type="text/javascript">script>


 <script type="text/javascript">
 //标识dwz是否初始化
 dwzinit = true;

 function fleshVerify(){
     //重载验证码
     $('#verifyImg').attr("src", '__APP__/Public/verify/'+new Date().getTime());
 }
 function dialogAjaxMenu(json){
     dialogAjaxDone(json);
     if (json.statusCode == DWZ.statusCode.ok){
         //$("#sidebar").loadUrl("__APP__/Public/menu");
     }
 }
 function navTabAjaxMenu(json){
     navTabAjaxDone(json);
     if (json.statusCode == DWZ.statusCode.ok){
         //$("#sidebar").loadUrl("__APP__/Public/menu");
     }
 }
 $(function(){
     DWZ.init("{% get_static_prefix %}js/dwz/dwz.frag.xml", {
         loginUrl:"login_dialog.html", loginTitle:"登录",  // 弹出登录对话框
 //      loginUrl:"login.html",  // 跳到登录页面
         statusCode:{ok:200, error:300, timeout:301}, //【可选】
         pageInfo:{pageNum:"pageNum", numPerPage:"numPerPage", orderField:"orderField", orderDirection:"orderDirection"}, //【可选】
         debug:false,    // 调试模式 【true|false】
         callback:function(){
             initEnv();
             $("#themeList").theme({themeBase:"{% get_static_prefix %}js/dwz/themes"}); // themeBase 相对于index页面的主题base路径
             //$("#sidebar").loadUrl("__APP__/Public/menu");
                         //initUI();
         }
     });
 });


 //清理浏览器内存,只对IE起效，FF不需要
 if ($.browser.msie) {
     window.setInterval("CollectGarbage();", 10000);
 }


 //新加处理ajax提交表单的处理方式
 jQuery(document).ajaxSend(function(event, xhr, settings) {
     function getCookie(name) {
         var cookieValue = null;
         if (document.cookie && document.cookie != '') {
             var cookies = document.cookie.split(';');
             for (var i = 0; i < cookies.length; i++) {
                 var cookie = jQuery.trim(cookies[i]);
                 // Does this cookie string begin with the name we want?
                 if (cookie.substring(0, name.length + 1) == (name + '=')) {
                     cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                     break;
                 }
             }
         }
         return cookieValue;
     }
     function sameOrigin(url) {
         // url could be relative or scheme relative or absolute
         var host = document.location.host; // host + port
         var protocol = document.location.protocol;
         var sr_origin = '//' + host;
         var origin = protocol + sr_origin;
         // Allow absolute or scheme relative URLs to same origin
         return (url == origin || url.slice(0, origin.length + 1) == origin + '/') ||
             (url == sr_origin || url.slice(0, sr_origin.length + 1) == sr_origin + '/') ||
             // or any other URL that isn't scheme relative or absolute i.e relative.
             !(/^(\/\/|http:|https:).*/.test(url));
     }
     function safeMethod(method) {
         return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
     }

     if (!safeMethod(settings.type) && sameOrigin(settings.url)) {
         xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
     }
 });


 script>
 head>



 <body scroll="no">
     <div id="layout">
         <div id="header">
             <div class="headerNav">


                 <ul class="themeList" id="themeList">
                     <li theme="default"><div class="selected">蓝色div>li>
                     <li theme="green"><div>绿色div>li>
                 ul>
             div>