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

zishendianxia

发布于 2020-02-14 11:22:24

4810

发布于 2020-02-14 11:22:24

文章被收录于专栏：Python工程师 Python工程师Python工程师

系统：Windows 7 语言版本：Anaconda3-4.3.0.1-Windows-x86_64 编辑器：pycharm-community-2016.3.2

本系列介绍如何搭建一个网站，后端使用django框架
今天开始介绍一个单独的项目app，关于学生成绩管理的网站的搭建
主要功能包括：学习成绩查询，数据统计分析
涉及前端模块： Datatables、ECharts

Part 1：目标

今天先搭建一个简单网页，通过网址可以访问，网站内容很简单，如下图
后续将真正想要展示的内容加入前端就可以

结果

Part 2：实现步骤

1. 设置1级url地址，在项目中同名子文件夹下的url.py文件中加入对应位置加入以下语句

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

2. 设置2级url地址，在对应app文件夹下的url.py文件中写入以下代码（手动新建该url.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. 添加view，从上面url地址中可以看到，这个gradesinput，实际触发了一个类SGInputAndCheckView的执行，该类写在同app文件夹下的views.py文件中，代码如下

from django.shortcuts import render  from django.views.generic.base import Viewclass SGInputAndCheckView(View):

views.py全部代码

4. 发现上面的view是渲染显示了一个html文件sg_first_page.html，内容如下

<!DOCTYPE html>{% load staticfiles %}<html lang="zh-cn"><head>

整体逻辑：url地址（1级+2级） -> view类 -> 渲染html文件

Part 3：部分html解读

<html lang="zh-cn">其中lang="zh-cn"告诉相关搜索引擎或者浏览器该网页是英文的还是中文的，像谷歌浏览器会对比你网页的语言和浏览器自己设置的语言，如果不同会提醒要不要翻译，对于一般用户可以不要考虑这个
<meta charset="utf-8">告诉浏览器该网页是用utf-8编码的
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">是在硬件上（电脑或者手机）显示上的一些设置，这个没有仔细研究

Ps：直接展示这样一个html文件，大家可能还是有点懵，下次简单介绍一下前端语言