网站搭建-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
   <p>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</p><p>class SGInputAndCheckView(View):</p><div class="aritcle_card flexRow">
                                                           <div class="artcardd flexRow">
                                                                   <a class="aritcle_card_img" href="/ai/2220" title="标书对比王"><img
                                                                                   src="https://img.php.cn/upload/ai_manual/000/000/000/175680267244663.png" alt="标书对比王"  onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
                                                                   <div class="aritcle_card_info flexColumn">
                                                                           <a href="/ai/2220" title="标书对比王">标书对比王</a>
                                                                           <p>标书对比王是一款标书查重工具，支持多份投标文件两两相互比对，重复内容高亮标记，可快速定位重复内容原文所在位置，并可导出比对报告。</p>
                                                                   </div>
                                                                   <a href="/ai/2220" title="标书对比王" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
                                                           </div>
                                                   </div><h1>此处省略具体实现代码

   完整的

   views.py

   文件如下：

   

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

   sg_first_page.html

   的HTML文件，其内容如下：

    {% load staticfiles %}</h1><p><!-- 此处省略HTML文件的其他内容 -->

HTML部分解读

• lang="zh-cn"

  ：指示搜索引擎或浏览器该页面为中文，谷歌浏览器可能会根据此设置提示是否需要翻译。

• <meta charset="utf-8"></meta>

  ：声明网页使用UTF-8编码。

• <meta content="width=device-width,initial-scale=1,shrink-to-fit=no" name="viewport"></meta>

  ：设置网页在不同设备上的显示方式。

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

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