山东大学-VirtualJudge-总结3

在过去的几天时间里面,我主要把精力集中在研究SDUOJ的源码构架,同时自己尝试去使用Django建立一个简单的个人博客从而加强自己对Django框架的理解
主要参考:Django的是如何工作的
首先,查看SDUOJ的基本代码框架:

SDUOJ-代码框架

可以看到SDUOJ中含有一个APP,OJ,同时SDUOJ相关的设置文件等保存在OnlineJudge中。

models.py文件中,我们可以看到OnlineJudge的数据库设计,而在settings.py之中保存了连接数据库的相关设置。

#part of settings.py
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'OJ',
     # 'kronos'
)

MIDDLEWARE_CLASSES = (
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    #'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
    'django.middleware.security.SecurityMiddleware',
)

ROOT_URLCONF = 'OnlineJudge.urls'

# TEMPLATES_DIRS = (os.path.join(BASE_DIR, 'templates'),)

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [
            os.path.join(BASE_DIR, 'templates')
        ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'OnlineJudge.wsgi.application'


# Database
# https://docs.djangoproject.com/en/1.8/ref/settings/#databases

DATABASES = {
    'default': {
#        'ENGINE': 'django.db.backends.sqlite3',
#        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'oj',
        'USER': 'oj',
        'PASSWORD': '***',
    }
}

urls.py中保存了相关url的设置,负责网站的页面跳转:

url(r'^$', views.home),
    url(r'^login/$', views.login),
    url(r'^register/$', views.register),
    url(r'^logout/$', views.logout),
    url(r'^problem/$', views.problem),
    url(r'^problem/([0-9]+)/$', views.problem_detail),
    url(r'^problem/([0-9]+)/submit/$', views.problem_submit),
    url(r'^status/$', views.status),
    url(r'^contest/$', views.contest),
    url(r'^contest/([0-9]+)/$', views.contest_detail),
    url(r'^contest/([0-9]+)/get_problem$', views.contest_get_problem),
    url(r'^contest/([0-9]+)/status/$', views.contest_status),
    url(r'^contest/([0-9]+)/submit/$', views.contest_submit),
    url(r'^contest/([0-9]+)/time/$', views.contest_time),
    url(r'^contest/([0-9]+)/rank/$', views.contest_rank),
    #url(r'^contest/([0-9]+)/clar/$', views.contest_clar),
    url(r'^admin/', include(admin.site.urls)),
    url(r'^rank/$', views.rank),
    url(r'^about/$', views.about),
    url(r'^show_source/$', views.show_source),
    url(r'^change_name/$', views.change_name),
    url(r'^profile/$', views.profile),

views.py主要负责将前端所需要的数据从数据库中提取出来以及将前端所需要保存的数据保存到数据库中,相当于一个中间件,而这个也是网站的主要部分,负责处理各种用户请求

在了解了Django基本的框架之后,下面我将要尝试去建立自己的博客,为以后编写SDUVJ做铺垫

创建工程项目###

D:/djpy> django-admin.py startproject mysite

同时,在项目目录下创建一个APP:bolg

D:/pydj> cd mysite
D:/djpy/mysite$ python manage.py startapp blog

创建成功的项目如下:


Django-Blog.png

初始化admin后台数据库###

由于Django自带相应的后台管理工具Admin,所以在这里我也采用自带的后台管理工具

同时,我选择MySQL作为我的数据库,因此需要在settings.py进行想过的配置:

# Database
# https://docs.djangoproject.com/en/1.11/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'HOST' : '127.0.0.1',
        'PORT': '3306',
        'USER':'root',
        'PASSWORD':'***',
    }
}

然后在settings.py中对blog进行设置:

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',#ADD
]

创建数据库,在这里需要注意的是由于Django的版本的不同,创建数据库所使用的命令也有所区别:

#Django 1.6x以下版本:
python manage.py syncdb

#Django 1.7以上版本:
python manage.py makemigrations
python manage.py migrate

因为我的Django版本为1.11,所以我使用第二种创建方式:

#python manage.py makemigrations
C:\Users\George_Li\Desktop\SDU-OJ\DjangoTest\mysite>python manage.py makemigrations
Migrations for 'blog':
  blog\migrations\0001_initial.py
    - Create model Person

#python manage.py migrate
C:\Users\George_Li\Desktop\SDU-OJ\DjangoTest\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, blog, contenttypes, sessions
Running migrations:
  Applying contenttypes.0001_initial... OK
  Applying auth.0001_initial... OK
  Applying admin.0001_initial... OK
  Applying admin.0002_logentry_remove_auto_add... OK
  Applying contenttypes.0002_remove_content_type_name... OK
  Applying auth.0002_alter_permission_name_max_length... OK
  Applying auth.0003_alter_user_email_max_length... OK
  Applying auth.0004_alter_user_username_opts... OK
  Applying auth.0005_alter_user_last_login_null... OK
  Applying auth.0006_require_contenttypes_0002... OK
  Applying auth.0007_alter_validators_add_error_messages... OK
  Applying auth.0008_alter_user_username_max_length... OK
  Applying blog.0001_initial... OK
  Applying sessions.0001_initial... OK

这里需要注意的是由于Python2.7之后不再支持MySQLdb所以需要使用PyMySQL来连接数据库,这里需要对项目的__init__.py文件进行配置:

import pymysql
pymysql.install_as_MySQLdb()

到此,对于基本的平台搭建就基本完成了,接下来可以对基本的页面进行设计了

针对博客设计Model###

打开models.py并针对博客要求进行设计:

from django.db import models
from django.contrib import admin

# Create your models here.
class BlogsPost(models.Model):
    title = models.CharField(max_length = 150)
    body = models.TextField()
    timestamp = models.DateTimeField()

admin.site.register(BlogsPost)

然后重新创建一次数据库,使用相同的语句:
由于之间已经建立过一次数据库,因此针对没有发生改变的内容,Django没有再次操作

C:\Users\George_Li\Desktop\SDU-OJ\DjangoTest\mysite>python manage.py makemigrations
Migrations for 'blog':
  blog\migrations\0002_auto_20170519_0010.py
    - Create model BlogsPost
    - Delete model Person

C:\Users\George_Li\Desktop\SDU-OJ\DjangoTest\mysite>python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, blog, contenttypes, sessions
Running migrations:
  Applying blog.0002_auto_20170519_0010... OK

此时再次启动服务器,可以发现后台发生改变:

博客后台

这个时候我们已经能够在后台中创建博客了

前端界面的优化###

由于前端没有模板,因此显得特别简陋,而我也希望能够在自己设计前端界面的同时,积累经验

首先,打开mysite/blog/models.py文件,做出如下修改:

from django.db import models
from django.contrib import admin

# Create your models here.
class BlogsPost(models.Model):
    title = models.CharField(max_length = 150)
    body = models.TextField()
    timestamp = models.DateTimeField()

class BlogPostAdmin(admin.ModelAdmin):                  #ADD
    list_display = ('title','timestamp')                #ADD
    
admin.site.register(BlogsPost,BlogPostAdmin)

之后就可以看到后台可以展示博客的基本信息:

后台界面.png

创建blog的公共部分###

从Django的角度看,一个页面具有三个典型的组件:

一个模板(template):模板负责把传递进来的信息显示出来。

一个视图(view):视图负责从数据库获取需要显示的信息。

一个URL模式:它负责把收到的请求和你的试图函数匹配,有时候也会向视图传递一些参数。

创建模板#####

blog项目下创建templates目录(mysite/blog/templates/),在目录下创建模板文件index.html,内容如下:

{% for post in posts %}
    <h2>{{ post.title }}</h2>
    <p>{{ post.timestamp }}</p>
    <p>{{ post.body }}</p>
{% endfor%}
创建视图函数

打开mysite/blog/views.py文件:

#coding=utf-8
from django.shortcuts import render
from blog.models import BlogsPost
from django.shortcuts import render_to_response

# Create your views here.
def index(request):
    blog_list = BlogsPost.objects.all()
    return render_to_response('index.html',{'blog_list':blog_list})
创建blog的URL模式

mysite/urls.py文件里添加blogurl

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

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^index/$', blog.views.index),
]

这里需要注意的是,由于Django 1.11版本中不再支持url的字符串表示所以这里采用直接导入相应的文件

添加样式

创建基础模板,在mysite/blog/templates目录里创建base.html的模板:

<html>
      <style type="text/css">
        body{color:#efd;background:#453;padding:0 5em;margin:0}
        h1{padding:2em 1em;background:#675}
        h2{color:#bf8;border-top:1px dotted #fff;margin-top:2em}
        p{margin:1em 0}
      </style>
     
      <body>
        <h1>My Blog</h1>
        <h3>大人不华,君子务实</h3>
        {% block content %}
        {% endblock %}
      </body>
</html>

修改index.html模板,让它引用base.html模板和它的content块:

{% extends "base.html" %}
  {% block content %}
      {% for post in blog_list %}
      <h2>{{  post.title }}</h2>
      <p>{{ post.timestamp | date:"1,F jS"}}</p>
      <p>{{ post.body }}</p>
      {% endfor %}
  {% endblock %}

再次刷新服务器,可以看到如下界面:

博客界面

在建立好自己的博客之后,我对于Django的基本框架有了更加深入了解,相信在以后SDUOJ的开发中会更加得心应手

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,653评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,321评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,833评论 0 324
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,472评论 1 266
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,306评论 4 357
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,274评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,658评论 3 385
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,335评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,638评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,697评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,454评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,311评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,699评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,986评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,254评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,647评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,847评论 2 335

推荐阅读更多精彩内容