[global]
index-url = http://mirrors.aliyun.com/pypi/simple/
[install]
trusted-host=mirrors.aliyun.com

INSTALLED_APPS = [
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'student',#将建立的app名称加入Installed_APPs中
]

MIDDLEWARE = [
  'django.middleware.security.SecurityMiddleware',
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  # 'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'onlineExam.urls'

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 = 'onlineExam.wsgi.application'


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

#配置mysql数据库
DATABASES = {
  'default': {
    'ENGINE': 'django.db.backends.mysql',
    'NAME': 'exam',#使用数据库的名称
    'USER':'root',#用户名
    'PASSWORD':'123456',#密码
    'HOST':'127.0.0.1',#地址
    'PORT':'3306'#端口号
  }
}


# Password validation
# https://docs.djangoproject.com/en/2.1/ref/settings/#auth-password-validators

AUTH_PASSWORD_VALIDATORS = [
  {
    'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
  },
  {
    'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
  },
  {
    'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
  },
  {
    'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
  },
]


# Internationalization
# https://docs.djangoproject.com/en/2.1/topics/i18n/

#修改语言为中文
LANGUAGE_CODE = 'zh-hans'

#修改时区为shanghai
TIME_ZONE = 'Asia/Shanghai'

USE_I18N = True

USE_L10N = True

USE_TZ = True


# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/2.1/howto/static-files/

#添加static文件夹
STATIC_URL = '/static/'
STATICFILES_DIRS=[
  os.path.join(BASE_DIR,'static'),
]

import pymysql
pymysql.install_as_MySQLdb()

from django.db import models

# Create your models here.

# 为性别,学院 指定备选字段
SEX=(
  ('男','男'),
  ('女','女'),
)
DEPT=(
  ('计算机与通信学院','计算机与通信学院'),
  ('电气与自动化学院','电气与自动化学院'),
  ('外国语学院','外国语学院'),
  ('理学院','理学院'),
)

class Student(models.Model):
  id=models.CharField('学号',max_length=20,primary_key=True)
  name=models.CharField('姓名',max_length=20)
  sex=models.CharField('性别',max_length=4,choices=SEX,default='男')
  dept=models.CharField('学院',max_length=20,choices=DEPT,default=None)
  major=models.CharField('专业',max_length=20,default=None)
  password=models.CharField('密码',max_length=20,default='111')
  email=models.EmailField('邮箱',default=None)
  birth=models.DateField('出生日期')

  class Meta:
    db_table='student'
    verbose_name='学生'
    verbose_name_plural=verbose_name
  def __str__(self):
    return self.id;

class Teacher(models.Model):
  id=models.CharField("教工号",max_length=20,primary_key=True)
  name=models.CharField('姓名',max_length=20)
  sex=models.CharField('性别',max_length=4,choices=SEX,default='男')
  dept=models.CharField('学院',max_length=20,choices=DEPT,default=None)
  email=models.EmailField('邮箱',default=None)
  password=models.CharField('密码',max_length=20,default='000000')
  birth=models.DateField('出生日期')

  class Meta:
    db_table='teacher'
    verbose_name='教师'
    verbose_name_plural=verbose_name
  def __str__(self):
    return self.name;

class Question(models.Model):

  ANSWER=(
    ('A','A'),
    ('B','B'),
    ('C','C'),
    ('D','D'),
  )
  LEVEL={
    ('1','easy'),
    ('2','general'),
    ('3','difficult'),
  }
  id = models.AutoField(primary_key=True)
  subject = models.CharField('科目', max_length=20)
  title = models.TextField('题目')
  optionA=models.CharField('A选项',max_length=30)
  optionB=models.CharField('B选项',max_length=30)
  optionC=models.CharField('C选项',max_length=30)
  optionD=models.CharField('D选项',max_length=30)
  answer=models.CharField('答案',max_length=10,choices=ANSWER)
  level=models.CharField('等级',max_length=10,choices=LEVEL)
  score=models.IntegerField('分数',default=1)

  class Meta:
    db_table='question'
    verbose_name='单项选择题库'
    verbose_name_plural=verbose_name
  def __str__(self):
    return '<%s:%s>'%(self.subject,self.title);

class Paper(models.Model):
  #题号pid 和题库为多对多的关系
  pid=models.ManyToManyField(Question)#多对多
  tid=models.ForeignKey(Teacher,on_delete=models.CASCADE)#添加外键
  subject=models.CharField('科目',max_length=20,default='')
  major=models.CharField('考卷适用专业',max_length=20)
  examtime=models.DateTimeField()


  class Meta:
    db_table='paper'
    verbose_name='试卷'
    verbose_name_plural=verbose_name
  def __str__(self):
    return self.major;

class Grade(models.Model):
  sid=models.ForeignKey(Student,on_delete=models.CASCADE,default='')#添加外键
  subject=models.CharField('科目',max_length=20,default='')
  grade=models.IntegerField()

  def __str__(self):
    return '<%s:%s>'%(self.sid,self.grade);

  class Meta:
    db_table='grade'
    verbose_name='成绩'
    verbose_name_plural=verbose_name

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="../static/bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet">
  <!-- 必须在引入bootstarp.js之前引入 -->
  <script src="/UploadFiles/2021-04-08/jquery-3.3.1.min.js">

Django使用{{ }}来使用后台传来的数据

(4)创建视图函数

在student->views.py中创建进入首页的视图函数index()


from django.shortcuts import render,redirect
from student import models
from django.http import HttpResponse
from django.contrib.auth import logout
# Create your views here.
def index(request):
  return render(request,'index.html')


将视图函数配置在路由中，打开项目的urls.py文件


from django.contrib import admin
from django.urls import path
from django.conf.urls import url
from student import views

urlpatterns = [
  #管理员登陆
  path('admin/', admin.site.urls),
  #默认访问首页
  url(r'^$',views.index),
]


r表示使用正则表达式解析url地址，^表示开始，$表示结束，views.index表示调用视图函数index

（5）启动服务器（可以看到效果了）

两种方式启动服务器：执行runserver命令，或点击绿色小图标





点击网址，默认8000端口，成功后如下图



我们还需要定制自己的后台，在student->admin.py中注册各模块


from django.contrib import admin
from .models import Student,Teacher,Paper,Question,Grade
# Register your models here.
# 修改名称
admin.site.site_header='在线考试系统后台'
admin.site.site_title='在线考试系统'

@admin.register(Student)
class StudentAdmin(admin.ModelAdmin):
  list_display = ('id','name','sex','dept','major','password','email','birth')# 要显示哪些信息
  list_display_links = ('id','name')#点击哪些信息可以进入编辑页面
  search_fields = ['name','dept','major','birth']  #指定要搜索的字段，将会出现一个搜索框让管理员搜索关键词
  list_filter =['name','dept','major','birth']#指定列表过滤器，右边将会出现一个快捷的过滤选项


对其他4个model注册后台


@admin.register(Teacher)
class TeacherAdmin(admin.ModelAdmin):
  list_display = ('id', 'name', 'sex', 'dept', 'password', 'email', 'birth')
  list_display_links = ('id', 'name')
  search_fields = ['name', 'dept', 'birth']
  list_filter = ['name','dept']

@admin.register(Question)
class QuestionAdmin(admin.ModelAdmin):
  list_display = ('id','subject','title','optionA','optionB','optionC','optionD','answer','level','score')


刷新，点击首页管理员超链接，进入后台，使用前边创建的superuser账户和密码登陆





进入后台





使用后台添加学生信息


（6）实现学生的登陆

这里需要用到Django内置的ORM模块，不在赘述，需要的同学看前边网站入门。
在views.py中创建studentLogin函数
学生登陆的form表单将学生输入的学号（id）,密码（password）通过post方式提交给服务器，所以视图函数先接受表单参数，判断用户名和密码与数据库是否一致，若一致，则登陆成功。
登陆成功后，我需要发送至少三条信息给index.html,

（1）该学生的基本信息

（2）该学生考试信息，可通过该学生的专业名称在试卷表中查到有哪些要进行的考试

（3）该学生的考试成绩信息，可通过学生的学号在paper表中查询

代码如下：


def studentLogin(request):
  if request.method=='POST':
    # 获取表单信息
    stuId=request.POST.get('id')
    password=request.POST.get('password')
    print("id",stuId,"password",password)
    # 通过学号获取该学生实体
    student=models.Student.objects.get(id=stuId)
    print(student)
    if password==student.password: #登录成功
      #查询考试信息
      paper=models.Paper.objects.filter(major=student.major)
      #查询成绩信息
      grade=models.Grade.objects.filter(sid=student.id)
      # 渲染index模板
      return render(request,'index.html',{'student':student,'paper':paper,'grade':grade})

    else:return render(request,'index.html',{'message':'密码不正确'})


（7）模板的渲染（数据的显示）

登陆成功后，发送三个字典数据给index，index模板使用{{ }}、for等模板语句渲染



   <tr class="table-warning">
    <td>邮箱地址</td>
    <td>{{ student.email }}</td>
   </tr>
   <tr class="table-active">
    <td>出生日期</td>
    <td>{{ student.birth }}</td>
   </tr>

  </tbody>
 </table>
  </div>

  <div id="menu1" class="container tab-pane fade"><br>
   <h3>考试信息</h3>
   <p></p>
    <table class="table">
  <thead>
   <tr>
     <th>学号</th>
    <th>姓名</th>
    <th>考试科目</th>
     <th>考试时间</th>
     <th>操作</th>
   </tr>
  </thead>
  <tbody>
  {#  遍历字典 paper #}
  {% for paper1 in paper %}
    
   <tr class="table-info">
     <td>{{ student.id }}</td>
     <td>{{ student.name }}</td>
     <td>{{ paper1.subject }}{{ paper2.subject }}</td>
     <td>{{ paper1.examtime }} {{ paper2.examtime }}</td>
     <td>
       <a href="/startExam/" rel="external nofollow" rel="external nofollow" >
       <button class="btn btn-primary" id="toExam+{{ paper1.subject }}">开始考试</button>
       </a>
     </td>
   </tr>
  {% endfor %}
  
  </tbody>
 </table>
  </div>
  <div id="menu2" class="container tab-pane fade"><br>
   <h3>考试成绩</h3>
   <p></p>
    <table class="table">
    <thead>
     <tr>
      <th>姓名</th>
      <th>科目</th>
      <th>成绩</th>
     </tr>
    </thead>
  <tbody>

  {% for grade1 in grade %}
    <tr class="table-primary">
    <td>{{ student.name }}</td>
    <td>{{ grade1.subject }}</td>
    <td>{{ grade1.grade }}</td>
   </tr>
  {% endfor %}
  </tbody>
 </table>
  </div>
 </div>









（8）教师登陆同上，学生在线考试和系统自动阅卷怎么实现呢？我是这样做的
学生登陆成功后，点击"开始考试"按钮，按钮将两个请求信息发送到服务器，自己的学号和试卷的科目。
startExam视图函数接收到学号和试卷的科目，找到试卷信息发送给另一模板（exam.html）渲染

因此，建立继续建立exam.html模板和startExam视图函数


def startExam(request):
  sid = request.GET.get('sid')
  subject1=request.GET.get('subject')
  #得到学生信息
  student=models.Student.objects.get(id=sid)
  #试卷信息
  paper=models.Paper.objects.filter(subject=subject1)
  # print('学号',sid,'考试科目',subject1)
  return render(request,'exam.html',{'student':student,'paper':paper,'subject':subject1})


exam模板如下：


<!DOCTYPE HTML>
<html lang="en">
<head>
  <meta charset="UTF-8">
<meta http-equiv="content-type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>在线答题考试系统</title>

  <link href="../static/bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="external nofollow" rel="external nofollow" rel="stylesheet">
  <!-- 必须在引入bootstarp.js之前引入 -->
  <script src="/UploadFiles/2021-04-08/jquery-3.3.1.min.js">

效果是这样的：





自动阅卷就简单了：

  
学生提交自己的作答给服务器（同时发送自己的学号和考试科目）
  
服务器根据考试科目找到该试卷，并逐个比较学生作答和答案是否一致，若一致，则得到该题的分数，并累加学生成绩
  
将学生的学号、该科成绩、科目名称作为一条记录插入到grade表中，返回首页

这里有个细节，试卷中会有很多选择题，后台一次会接收到多个提交答案，我是这样处理的，让每个单选题（有4个选项，使用同一name）的name属性和该题在题库表中的id 保持一致，这样在获取到题号后可以得到该题的答案，以便判断是否作答正确，详见exam.html。
计算成绩的calGrade()视图函数如下：


def calGrade(request):

  if request.method=='POST':
    # 得到学号和科目
    sid=request.POST.get('sid')
    subject1 = request.POST.get('subject')

    # 重新生成Student实例，Paper实例，Grade实例，名字和index中for的一致，可重复渲染
    student= models.Student.objects.get(id=sid)
    paper = models.Paper.objects.filter(major=student.major)
    grade = models.Grade.objects.filter(sid=student.id)

    # 计算该门考试的学生成绩
    question= models.Paper.objects.filter(subject=subject1).values("pid").values('pid__id','pid__answer','pid__score')

    mygrade=0#初始化一个成绩为0
    for p in question:
      qId=str(p['pid__id'])#int 转 string,通过pid找到题号
      myans=request.POST.get(qId)#通过 qid 得到学生关于该题的作答
      # print(myans)
      okans=p['pid__answer']#得到正确答案
      # print(okans)
      if myans==okans:#判断学生作答与正确答案是否一致
        mygrade+=p['pid__score']#若一致,得到该题的分数,累加mygrade变量

    #向Grade表中插入数据
    models.Grade.objects.create(sid_id=sid,subject=subject1,grade=mygrade)
    # print(mygrade)
    # 重新渲染index.html模板
    return render(request,'index.html',{'student':student,'paper':paper,'grade':grade})


（9）使用百度e-charts可视化数据

教师查看学生成绩，可以统计各个分数段的人数








我的思路：

  
教师查看学生成绩，点击查看成绩按钮后，发送该科科目名称给后台后台
  
视图函数接收科目名，从grade表计算该科目各个分数段的人数，发送给前台模板渲染，并可视化

视图函数如下：


#教师查看成绩
def showGrade(request):
  subject1=request.GET.get('subject')
  grade=models.Grade.objects.filter(subject=subject1)

  data1 = models.Grade.objects.filter(subject=subject1, grade__lt=60).count()
  data2 = models.Grade.objects.filter(subject=subject1, grade__gte=60, grade__lt=70).count()
  data3 = models.Grade.objects.filter(subject=subject1, grade__gte=70, grade__lt=80).count()
  data4 = models.Grade.objects.filter(subject=subject1, grade__gte=80, grade__lt=90).count()
  data5 = models.Grade.objects.filter(subject=subject1, grade__gte=90).count()

  data = {'data1': data1, 'data2': data2, 'data3': data3, 'data4': data4, 'data5': data5}

  return render(request,'showGrade.html',{'grade':grade,'data':data,'subject':subject1})


5.总结