网站搭建-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">
                           <a class="aritcle_card_img" href="/ai/1669">
                               <img src="https://img.php.cn/upload/ai_manual/000/969/633/68b6d5e215711148.png" alt="虎课网">
                           </a>
                           <div class="aritcle_card_info">
                               <a href="/ai/1669">虎课网</a>
                               <p>虎课网是超过1800万用户信赖的自学平台，拥有海量设计、绘画、摄影、办公软件、职业技能等优质的高清教程视频，用户可以根据行业和兴趣爱好，自主选择学习内容，每天免费学习一个...</p>
                               <div class="">
                                   <img src="/static/images/card_xiazai.png" alt="虎课网">
                                   <span>62</span>
                               </div>
                           </div>
                           <a href="/ai/1669" class="aritcle_card_btn">
                               <span>查看详情</span>
                               <img src="/static/images/cardxiayige-3.png" alt="虎课网">
                           </a>
                       </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 优雅 帅气

以上就是网站搭建-django-学习成绩管理-03-网页测试的详细内容，更多请关注php中文网其它相关文章！