快捷收作业系统的设计与实现计算机专业

1、摘 要 近年来 ，IT行业得到飞速发展。计算机技术改变了人们单一的生活方式，不仅能够简化工作流程，提高工作效率，实现资源的共享和传播，还具有娱乐功能和互动性，对人类社会带来了巨大的变革。本论文主要论述了如何通过网页app对收取电子版作业的步骤简化。包括对网站app的功能分析，编写对应功能代码；还有网页前端的设计和优化，包括html、CSS、JS以及前端框架的运用，对网页进行简单的软件测试，包括编写测试用例，按照测试用例进行严格的多方位测试，确保网页app的功能正常实现等。在设计的过程中主要选取python的django框架进行设计并完成了文件上传功能、记录显示上传名单功能、文件压缩下载功能、图

2、标展示等功能的功能，事实上表明了自动化的网页app的工作效率相对于手动收取作业说确实是提高了很多。节省了很多人力和时间。关键词：Django，收电子作业，网页app，html，pythonAbstractIn recent years, the IT industry has developed rapidly. Computer technology has changed people's single way of life. it can not only simplify the work flow, improve work efficiency, achieve

3、 the sharing and dissemination of resources, but also has entertainment functions and interaction, which has brought great changes to human society. This paper mainly discusses how to simplify the steps of collecting electronic version of the job through the web page app. Including the fun

4、ction analysis of the website app, writing the corresponding function code; as well as the design and optimization of the front end of the web page, including the use of html, CSS, JS and the front-end framework, carrying out simple software testing of the web page, including writing test cases,

5、0;According to the test case to carry out strict multi-directional testing to ensure the normal implementation of the function of the web page app, and so on. In the process of design, the django framework of python is mainly selected to design and complete the functions of file upload function

6、, record display upload list function, file compression and download function, icon display function and so on. In fact, it shows that the efficiency of automated web app is indeed much higher than that of manually collecting jobs. Saved a lot of manpower and time.Key words：Django，Receivin

7、g Electronic operation， Web app，Html，Python目录1 绪论61.1题目背景61.2 选题缘由61.3 题目研究方法61.4 论文构成及研究内容72 系统的相关概述82.1 python语言简介82.2 django简介92.3 Bootstrap简介92.4 JQuery简介103 系统开发和环境介绍113.1 开发基本环境111. 安装，配置python112.安装django123.编辑器选择sublime124.虚拟环境virtualenv134 系统分析144.1开发背景144.2系统功能需求分析144.3需要实现的几个页面功能144.4系统的功

8、能图145 系统的设计与实现155.1开发模式155.2数据库设计151.名字列表152.实习报告周小结的作业表163.指导老师联系表的作业表164.访问数量记录表165.3部分功能代码175.4系统前台设计331. 网页的标题栏代码解析332.背景图的代码解析352. 白色微透明背景代码解析365.5页面打开速度优化366 项目文件的简单部署376.1选择部署方式376.2开始部署377 对网页进行系统的软件测试427.1软件测试的目的427.2测试环境427.3系统测试42总结与展望43参考文献44致 谢451 绪论1.1题目背景伴随着IT行业的发展，软件在人们日常生活的的作用越来越大。在

9、软件开发和运用的过程中，为了实现一些小功能，可以开发出小工具来帮助完成一些重复或者复杂的事情，而软件开发在语音的选择方面有多样化的选择，不仅仅要考虑到对语音的掌握程度，还有考虑到自身的需求。软件在工作时不光保障了工作质量，并且还降低了工作的时间和金钱成本成本，随之带来的效益非常可观。尽管测试永远脱离不了手工测试，然而以程序测试程序、以代码替代思维、以脚本执行代替手工测试的自动化测试将会引导将来的测试行业，促成中国测试行业的疾速发展。1.2 选题缘由计算机技术改变了人们单一的生活方式，不仅能够简化工作流程，提高工作效率，实现资源的共享和传播，还具有娱乐功能和互动性，对人类社会带来了巨大的变革。在

10、实习的期间，大家都在忙着工作，收作业这种事情会很累人。组长需要收齐作业并记录交作业的顺序，以此作为评分标准组长要收取作业后统计出谁还没有交，还要再去催对应的同学交作业，最后交到一个同学那里汇总之后才交给老师。这个过程非常的漫长和复杂，我觉得同学们都出去实习了，各自的时间都很宝贵。如果可以让同学们交作业到一个地方，并自动统计出同学们上交作业的情况以及上交顺序，这样将会在每次收作业的时候节约大量的时间和精力。针对以上实习阶段收取实习报告的情况，本着节约时间和简化步骤的想法，这个快捷收作业系统诞生了。这个系统是一个建立在网页上的系统，可以满足同学们在不同环境下提交作业。1.3 题目研究方法 本研究以

11、软件开发为基础，采用理论与实际相结合的方法，以Django为来说，这是由python封装的Web开发框架，用来开发Web app。在这里我们主要涉及的功能包括：同学们选择自己的名字后选择作业文件即可上传作业，无需登录。同学们要重新上传文件可以直接覆盖上传。网页即时刷新已交名单以及未交名单。网页微后台显示同学们上交作业的顺序，方便统计评分。网页微后台有下载作业文件功能，方便后台提取文件整理上交。图表展示页面可以很清晰地看到网站的前七天的访问量以及每天提交文件的数量。本文主要介绍针对Web APP的开发，由于代码量较多，所以只介绍重要的功能部分的实现。1.4 论文构成及研究内容 第一章为绪论，介绍

12、课题的研究背景，引入论文的选题缘由和研究目的。同时阐明了本文的整体框架结构。 第二章介绍了开发软件所涉及的技术的相关概述。在此基础上才能进行web app的开发和设计。 第三章为系统开发和环境介绍。介绍了所需的开发环境以及开发环境的安装和配置过程步骤。 第四章为系统功能分析。重点对Web app的需求进行分析，并通过流程图和功能图展示。 第五章为系统的设计和实现。包括数据库的设计，前端方面的设计，以及部分功能代码的设计， 第六章介绍了项目文件的简单部署。通过网站进行简单部署 第七章为系统地进行软件测试。通过对Web app的功能进行系统测试，保证软件开发的质量。2 系统的相关概述2.1 pyt

13、hon语言简介实现后台的脚本语言为Python，它是一门功能强大的并且优雅的一种通用型语言，它继承了传统编译语言的强大功能和泛化能力，同时也有简单脚本语言和解释性语言的易用性。Python是一种面向对象的解释型计算机编程语言，在LUNIX系统下经常与shell相比较，但是相较于shell的较低的代码重用度，Python更提倡简洁的代码设计、高级的数据结构和模块化的组件。作为一种解释性语言Python始终贯彻了一种简洁清晰的方针，这样使得它的维护性以及可阅读性大大提升，因而受到大量的编程人员的欢迎并且在实际应用中也得到大量地使用，与此同时，作为用于Web开发，Python具有下优点:1) 由于P

14、ython面向Web和开源特性，所以它运行的是动态内容，当数据库经常与网站交互时，Python十分高效。2) 与其他的高级编程语言最大的区别就是Python语言是一种不含有那些语言所包含的简单意义的语言，这种方式则可以让程序开发人员更加专注于所需要解决的问题需求而不是去理解语言本身。同时，Python采用强制缩进4格而不是传统高级编程语言的以分号结尾而表示语句接收的方式来区分语句的逻辑关系，这种方式使得Python的源代码编写更加方便快捷和具有更好的可阅读性。3) Python的底层和其相关的大量的标准库以及第三方库都是用C语言编写的，因此Python语言的运行速度也非常之快。4) 因为Pyt

15、hon是由C语言编写的，而又由于C语言的可移植性这样使得Python语言可以运行安装有ANSI C编译器的任意平台上.这样使得程序更加容易的移植到在现今流行的任意的主流平台上，都可以进行编译运行而不会造成运行的差异性.由于Python这种可以自动化编译成字节码的可移植性使Python可以无差别的在不同的系统上运行5) 由于Python对于所有的模块的访问语法都是相同的，所以Python的别名是胶水语言，这种特性使得由Python编写的程序可以容易方便的与用其他编程语言编写的程序模块轻松的“粘连”起来。这种特性也使得Python具有较高的可扩展性，从而依据自己的需要来编写模块进行组织搭配，或者在

16、其他环境中使用Python.6) Python不单单是像JAVA一样单纯的面向对象语言，而又由于Python是由C语言为基础编写的，所以它同样拥有C语言的面向过程的特质.事实上Python融合了多种编程风格。2.2 django简介Django足应用于Web开发的高级动态语言框架，最初起源于美国芝加哥的Python用户组.具有新闻从业背景的Adrian Holovaty是Django框架的主要开发者。在Adrian的带领下，Django小组致力于为Web开发者贡献一款高效完美的Python开发框架.并且在BSD开放源代码协议许可下授权给开发者自由使用。Django拥有完善的模板机制、对象关系映

17、射机制以及用于动态创建后台管理界面的功能，Django可以快速设计和开发具有MVC层次的Web应用。为了打消开发者选用Django框架时的疑虑。首先分析一下Django。引人注目的特性。在实体映射方而.Django的对象相关映射机制帮助开发者在Python类中灵活定义数据模型，并且Django具有功能丰富的动态数据库访问API.可以大幅度简化书写SQL语句的繁杂工作。同时Django。支持包括Postgresgl, MySgl. Sqlite. Oracle在内的多种后台数据库。Django。的URL分发设计的十分简洁美观，不会在链接中产生一大串杂乱且难以理解的字符。使用Django可扩展的内

18、置模板，可以将模型层、控制层与页面模板完全独立开来进行编码。Django。还具有自己的Cache系统.如果需要，也可以根据开发者的要求嵌套其他的Cache框架。2.3 Bootstrap简介Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架之一，用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计。Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。Bootstrap 是完全开源的。它的代码托管、开发、维护都依赖 GitHub 平台。有了Bootstrap前端框架大大简化了前端的开发难度，让初学者

19、也可以开发出想要的效果。其组成是：1.基本结构：Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。2.CSS：Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。这将在Bootstrap CSS部分详细讲解。3.组件：Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这将在布局组件部分详细讲解。4.JavaScript 插件：Bootstrap包含了十几个自定义的jQuery 插件。您可以直接包含所有的

20、插件，也可以逐个包含这些插件。这将在Bootstrap插件部分详细讲解。2.4 JQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript框架。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。其中Ajax交互非常常用。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CS

21、S选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。3 系统分析3.1开发背景Python语音是当前非常流行的一种编程语言，它具有简单、易学、免费、开源、可移植、可扩展、可嵌入、面向对象等优点，它的面向对象甚至比java和C#.net更彻底。 作为一种通用语言，Python几乎可以用在任何领域和场合，角色几乎是无限的。现在最火的人工智能和机器学习都少不了这种语言。因此我选择python语言作为本次开发网页应用的基本语言。3.2系统功能需求分析一个好的网页，不仅需要前端美观耐看，还需要完整的后台。本系统运用Django+Booststrap架构与mvc设计思想，同学们可以选择自己的姓名上传作业

22、，并看到上交作业的情况。管理者可以进入后台查看同学们上交作业的详细情况，或者下载作业文件进行整理上交老师，还有图表进行数据展示3.3需要实现的几个页面功能由于追求方便和快捷，没有设计注册登录账号等功能。第一个上传作业页面中，同学们只需要选择自己的姓名之后，选择作业提交即可。然后可以看到已交名单出现自己的姓名。说明提交成功。如果提交错误可以二次提交。第二个微后台页面中，可以让管理者查看详细的提交顺序用于评分，最后可以下载作业文件提交老师。第三个图表展示页面中，可以清楚的看到前七天的网站访问量和每天的作业提交情况3.4系统的功能图3.5系统的开发环境在windows10系统下，以python语言为

23、基本开发语言，通过运用django框架，sqlite数据库等相关知识，利用python语言的便于开发的特性以及MVC设计思路，来设计快捷收作业网站。1. 安装，配置python在python官网（/）上下载安装python在系统属性中的环境变量，path中加入python的安装路径，设置好环境变量cmd中输入python，然后回车，如果出现python的版本号则说明软件装好了。2.安装django先把pip也添加进环境变量，在cmd中输入pip install django3.编辑器选择sublime特点：轻便，运行速度快，适配很多种语言的语法高亮，自

24、动保存缺点：无法直接运行，只是编辑文件使用4.虚拟环境virtualenvPython的虚拟环境可以使一个Python程序拥有独立的库library和解释器interpreter，而不用与其他Python程序共享统一个library和interpreter。虚拟环境的好处是避免了不同Python程序间的互相影响（共同使用global library 和 interpreter），例如程序A需要某个库的1.0版本，而程序B需要同样这个库的2.0版本，如果程序B执行则A就不能执行了。有了虚拟环境，这两个程序都可以执行。安装只需要在cmd中输入pip install virtualenv创建名为ve

25、nv的虚拟环境：virtualenv venv进入虚拟环境的命令（进入虚拟环境文件夹后）：Scriptsactivate退出虚拟环境的命令：deactivate4 系统的设计与实现4.1开发模式在本系统中，我们采用django技术进行开发。Django也是一个MVC框架。但是在django中，控制器接受用户输入的部分由框架自行处理，所以django里更关注的是模型（Model）、模板（Template）和视图（Views），称为MTV模式：M代表模型（Model），即数据存取层。该层处理数据相关的所有事物：如何存取、如何验证有效性、包含哪些行为以及数据之间的关系等。T代表模板（Template

26、），即表现层。该层处理与表现相关的决定：如何在页面或其他类型文档中进行显示。V代表视图（View），即业务逻辑层。该层包含存取模型及调取恰当模板的相关逻辑。你可以把它看做模型与模板之间的桥梁。简述请求过程：Web服务器（中间件）收到一个http请求2.Django在URLconf里查找对应的视图(View)函数来处理http请求3.视图函数调用相应的数据模型来存取数据、调用相应的模板向用户展示页面4.视图函数处理结束后返回一个http的响应给Web服务器5.Web服务器将响应发送给客户端4.2数据库设计数据库的设计基于Model层Model描述了数据模型，通过python的类实现与关系数据库的

27、对应（即著名的ORM - Object Relation Mapping）通常，我们定义的每个Model对象都对应一个数据库表。其中每个Model 都是django.db.models.Model的子类，Model对象的每个属性都是数据表中的一个区域。通多这些对应关系，Django可以自动同数据库交互。在models.py文件中进行数据库的创建在这个model.py文件中需要引入的文件或者库是：import osimport django.utils.timezone as timezonefrom django.db import modelsfrom django.db.models.fi

28、elds.related import ManyToManyFieldfrom django.db.models.fields import DateTimeField这里设计了四个数据库表分别是：名字列表，实习报告周小结的作业表，指导老师联系表的作业表和每天访问人数的表。1.名字列表其中包括名字和分组：class NameList(models.Model):name = models.CharField(max_length=20)group_of_student = models.CharField(max_length=10, default=None)class Meta:verbo

29、se_name_plural = "名字列表"def _str_(self):return 2.实习报告周小结的作业表其中包括id，名字（名字列表中的主键），文件，上传时间，修改时间：class FilesList(models.Model):id = models.IntegerField(primary_key=True)name = models.ForeignKey(NameList, on_delete=models.CASCADE)file = models.FileField(upload_to='shixibaogaozhouxia

30、ojie', null=True)upload_time = models.DateTimeField(auto_now_add=True)change_time = models.DateTimeField(auto_now_add=True)class Meta:verbose_name_plural = "实习报告周小结"def _str_(self):return 3.指导老师联系表的作业表其中包括id，名字（名字列表中的主键），文件，上传时间，修改时间：class CotactTableList(models.Model):id

31、 = models.IntegerField(primary_key=True)name = models.ForeignKey(NameList, on_delete=models.CASCADE)file = models.FileField(upload_to='zhidaolaoshilianxibiao', null=True)upload_time = models.DateTimeField(auto_now_add=True)change_time = models.DateTimeField(auto_now_add=True)class Meta:verbo

32、se_name_plural = "指导老师联系表"def _str_(self):return 4.访问数量记录表其中包括每天访问数量和时间4.3部分功能代码1. 上传文件功能代码解析提交文件页面：前端页面代码：通过ajax动态上传数据，如果接收到error_msg的错误信息，则在页面中渲染出“出问题啦”的提示，如果未收到error_msg的错误信息，则弹窗提示上传成功。解析：通过form.py文件渲染前端页面对应form.py代码：后台的处理方法：接收到前端页面传来的数据，若数据存在则保存，若数据不存在或者保存失败则返回错误信息error_m

33、sg。2. 上传作业页面下的已交名单与未交名单的代码解析页面展示：前端页面代码：通过后台传递过来的数据，用for循环遍历显示出来，就可以看到已交的名单和未交的名单后台处理方法：用django中的queryset查询集来获取数据库中的数据，queryset具有条件筛选的功能，可以轻松的筛选出需要的数据。Queryset具有懒惰的特点，创建了一个QuerySet对象，它不会直接返回数据集。等到使用它的时候，才解析该对象得到数据集。而且解析过一次会被缓存起来，下次使用时直接返回缓存中的数据，缓存的使用提高多次查询的效率。通过循环遍历筛选出需要的数据，用字典的方式传到对应的前端页面渲染数据。其中另一个

34、作业界面的处理逻辑相同：3. 微后台页面中分组排名的代码解析页面展示：前端页面代码：下面是实习报告周小结作业的前端代码，其中指导老师联系表作业的代码逻辑与其相同。通过后台发送的数据进行分组遍历展示出已交名单和未交名单，通过html的ol标签来展示排名后台处理方法：这里包括了两个作业的数据的后台处理同样是使用django中的queryset来完成数据的筛选，然后发送到前端页面渲染出来，这里的难点是数据比较多，需要保持清醒的头脑来思考其中的逻辑处理，还有数据的格式需要注意，不然无法提取出需要的数据来使用。4. 微后台中下载整理文件的代码解析页面展示：前端页面代码：<a href="

35、/file_download/" download="category.zip" class="btn btn-warning btn-lg active" role="button">下载文件</a><button onclick='zhengliwenjian()' style="margin-left: 9rem;" class="btn btn-warning btn-lg active" role="button"&

36、gt;整理文件</button>JS代码：解析：通过ajax来获取后台的参数，当成功获取后台的传递的JSON参数1时，证明后台的整理压缩文件操作完成，前端页面弹框提示“整理完毕”。若是未接收到，则弹框提示“整理失败”。function zhengliwenjian()$.ajax( url: '/collate_files/', type: 'GET', / 请求类型，常用的有 GET 和 POST data: , dataType:'JSON', success: function (date) console.log(date)

37、if(date0=1) alert("整理完毕"); else alert("整理失败"); )整理并压缩文件的后台处理方法：解析：整理文件首先对重复上传的文件进行去重，通过正则来查找对应的名字上传的文件，若是有多个文件则删除时间较早上传的文件，留下一个上传时间较晚的文件。在一系列的去重操作完成后再对文件进行重命名，让文件名保持规范整洁。当所有文件都整理完成后，就对指定文件进行压缩放到指定位置。最后向前端页面传递一个JSON参数。对实习作业文件的整理逻辑：对指导老师联系表文件的整理逻辑：下载文件的后台处理方法：解析：通过相对地址下载制定zip压缩文件同学

38、们在上传文件之后，并不会自动生成压缩包，文件夹文件无法直接下载，所以还要压缩文件的代码。考虑到系统的简便性，决定将压缩文件的功能添加到整理文件的时候，也就是点击整理文件按钮时都会生成一次最新的整理后的压缩文件，旧的压缩文件会被新的覆盖，这时点击下载就可以下载到最新的压缩文件。其中后台逻辑处理代码：5. 数据图表展示页面的代码展示页面展示：前端页面代码：前端js代码：表格是有highcharts提供的js插件渲染出来的，其中接收数据也是用ajax来获取后台处理方法：解析：通过后台用queryset查询集来获取数据库中的数据，构造出前七天的日期，前七天每天各个作业的提交数量，前七天每天的网页访问数

39、量6. 网页的url解析Django中采用正则表达式来匹配所请求的url，这个叫做URLconf，作为MVC中的C(控制器)，这样再调用相应的试图，达到控制器控制试图的显示的效果。7. Django的后台系统Django有自带的后台系统，我们需要将设计好的model注册上去才可以在后台系统中看到，并且可以对其进行增删改查，在admin.py文件中：填入model的想要显示的字段，就可以在后台系统中看到后台页面详情：可以看出django的自带后台功能齐全，方便管理数据4.4系统前台设计1. 网页的标题栏代码解析页面展示：采用了透明的标题栏，通过不同文字的颜色展示出标题选项响应式页面展示：如果是手

40、机打开的页面，标题栏会如下图显示，点击标题栏右边的按钮可以看到其他选项前端代码：这是通过bootstrap前端框架来完成的标题栏，拥有响应式布局使用bootstrap框架 还需引入一些文件：<!- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -> <script src=" <!- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -> <script src="CSS代码展示：主要是用于修改颜色2.背景图的代码解析背景图展示

41、:用这个背景来当做所有页面的统一背景前端代码：<div class="background"></div>CSS代码：通过样式来调整图片充满整个页面.backgroundposition: fixed; height: 100%; width: 100%; max-width: 100%; top: 0; overflow: hidden; z-index: -1; pointer-events: none; background-color: #F1F1F1; background-image: url(:8000/p

42、hoto/); background-size: 100% 100%;后台处理方法：返回图片到前端页面def photo(self):image_data = open('./myapp/11.jpg',"rb").read()return HttpResponse(image_data,content_type="image/png")Url设置：path('photo/', views.photo, name='photo'),3.白色微透明背景代码解析页面展示：前端代码：<div class=&

43、quot;container"></div>CSS代码：通过浏览器F12调试，选择出合适的颜色和透明度，让页面更加好看.container background-color: #ffffffc4; height: 100%;4.5页面打开速度优化5 项目文件的简单部署5.1选择部署方式在学习 web 开发过程中，比如 Django、Flask、webpy 等框架的过程中，我们会有将网站上线的需求，用来测试或展示。为了节约成本我选择在免费且快速的PythonAnywhere 上部署自己的 Django 网站。与 PythonAnywhere 类似的免费平台还有 Her

44、oku，Openshift 等，收费平台有阿里云、亚马逊 AWS、微软 Azure 等。PythonAnywhere 是一个免费的托管python的代码，可以测试你的web应用，首先要在PythonAnywhere 的官网()上注册账号，并根据自己的开发环境选择对应的环境，需要注意的是PythonAnywhere 中的后台是linux系统，跟我进行的开发的windows系统的命令有一些不同 。5.2开始部署1.用qq邮箱注册pythonanywhere的账号，用户名将是域名的前缀2.用在python项目文件中打开cmd输入pip freeze > 1.txt，将会生成1.txt文件，里面

45、是项目所需要的库2. 然后把python项目打包（zip格式）,上传pythonanywhere网站（放在自己用户名的文件夹下）。3. 在pythonanywhere的console中选择bash进入linux终端，输入virtualenv -python=python3.6 venv 创建虚拟环境。进入虚拟环境：先进到虚拟环境的文件夹cd venv/，输入source bin/activate即可。退出虚拟环境命令：deactivate （虚拟环境和python项目文件可以分开放）4. 在linux终端解压打包的python项目文件（在虚拟环境中）：进入对应文件夹后用命令unzip myta

46、sk.zip解压,进入解压后的项目文件下用命令：pip install -r 1.txt安装所需要的库6.进入pythonanywhere网站的web页面，选择创建一个新的web app，选择Manual configuration（including virtualenvs），选择python3.6，下一步即可。7.在Web页面中Code中的Source code:/home/szy/mytask（其中szy是创建的用户名，mytask是项目文件） Working directory:/home/szy/mytask8.Code中WSGI configuration file:/var/ww

47、w/szy_pythonanywhere_com_wsgi.py文件修改：9.Virtualenv:/home/szy/venv #这里填虚拟环境的位置Static files:/static/ /home/szy/mytask/static#这里填静态文件的位置和路径10.在settings.py文件中改成 ALLOWED_HOSTS = '',，DEBUG改成DEBUG = False最后加上STATIC_URL = '/static/'STATICFILES_DIRS = os.path.join(BASE_DIR, 'static'),11. 完成修改后reload网站，可以正常访问了，（需要注意的是每三个月需要点击一次下面的黄色按钮