网站搭建-django-学习成绩管理-03-网页测试

本系列将详细介绍如何利用django框架搭建一个学生成绩管理网站。本文将指导您创建一个简单的网页,并通过url进行访问。网站的初始内容非常简单,如下图所示。未来,我们将逐步添加前端模块,如datatables和echarts,以实现成绩查询和数据统计分析等功能。

实现步骤

  1. 设置1级URL地址:在项目同名子文件夹下的

    urls.py
    文件中,添加以下代码来设置URL路径:

     re_path(r'sg/', include(('school_grades.urls', 'sg'), namespace='sg'))

  2. 设置2级URL地址:在相应的应用文件夹下的

    urls.py
    文件中(如果不存在,需要手动创建),加入以下代码:

     from django.urls import re_path, path
     from .views import SGInputAndCheckView
    

    app_name = "school_grades" urlpatterns = [ re_path('^gradesinput/$', SGInputAndCheckView.as_view(), name='gradesinput'), ]

  3. 添加视图:根据上述URL配置,

    gradesinput
    路径将触发
    SGInputAndCheckView
    类的执行。该类位于应用文件夹下的
    views.py
    文件中,代码如下:

     from django.shortcuts import render
    from django.views.generic.base import View

    class SGInputAndCheckView(View):

    此处省略具体实现代码

    完整的

    views.py
    文件如下:

  4. 渲染HTML文件:上述视图将渲染一个名为

    sg_first_page.html
    的HTML文件,其内容如下:

     {% load staticfiles %}

HTML部分解读

  • lang="zh-cn"
    :指示搜索引擎或浏览器该页面为中文,谷歌浏览器可能会根据此设置提示是否需要翻译。
  • :声明网页使用UTF-8编码。
  • :设置网页在不同设备上的显示方式。

注:直接展示HTML文件可能难以理解,下一篇文章将简要介绍前端语言。


长按图片识别二维码,关注本公众号Python 优雅 帅气