网页框架怎么用个人总结 本学期第一次接触web前端开发技术，(2)

一、前期准备

Web的开发环境一般是Python+Flask+MysqL；所以在搭建属于自己的平台之前需要在你的电脑上安装python；

安装python

Python文档下载地址：；选择适合自己电脑版本的进行下载。也可以进入python官网：下载完后可以通过终端窗口输入 "python" 命令来查看本地是否已经安装Python以及Python的安装版本。也可以在不同平台上安装python，如Unix&Linux或者window上安装，具体请前往： ；并把安装好的python放在指定路径下。

2、Python环境变量配置

程序和可执行文件可以在许多目录，而这些路径很可能不在操作系统提供可执行文件的搜索路径中。path(路径)存储在环境变量中，这是由操作系统维护的一个命名的字符串。这些变量包含可用的命令行解释器和其他程序的信息。把安装好的python路径置于环境变量中。进行这一步时需要特别注意的是路径copy的路径是否是正确，以免在终端窗口输入时，总是显示：不是内部或外部文件，这个是许会犯的错误。网页框架怎么用C:\Python 是Python的安装目录。可以通过以下方式设置：

右键点击"计算机"，然后点击"属性"

然后点击"高级系统设置"

选择"系统变量"窗口下面的"Path",双击即可！

然后在"Path"行，添加python安装路径即可(我的C:\Users\Acer\AppData\Local\Programs\Python\Python36\Scripts\;），所以在后面，添加该路径即可。ps：记住，路径直接用分号"；"隔开！

最后设置成功以后，在cmd命令行，输入命令"python"，就可以有相关显示。

3、运行Python

我是通过命令行窗口进入python并开在交互式解释器中开始编写Python代码。

4、集成开发环境：PyCharm

老师为了方便学生学习，老师把整个PyCharm 文件提供给我们，我们只需要进去bin目录中选择pychranmy64.exe即可，但用了时间之后就过过期，所以个人建议到网站重新下载。PyCharm 下载地址 :https://www.jetbrains.com/pycharm/download/；下载完即可打开：

二、开始使用web元素制作html

创建html文件

在templates目录下创建html文件，可以开始进行自己的网站设计，从html文件中的body部分进行扩充，同时注意学会在出错时按F12去检查自己所写代码结果并学会观察和改正代码写法。

2、熟悉布局+样式

布局是最基础的操作，先抛开各种奇怪的控制的属性不谈，单说各种对齐和局中。这里其实是需要了解一些理论知识的（大概也是CSS里为数不多的理论知识之一），主要就是盒子模型，定位（标准流）（浮动）(相对，绝对)。用这些东西做出常见的居中，两列，三列，Header，Foot，侧边栏等。 然后就是学习各种控件（简单的和复杂的）的样式，这里包括选择器，优先级等等。

老师让我们教我们利用简单元素完成了几个作业；有导航、图片导航、css基础、JavaScript 基础，还有登录和注册的前端页面；每一次作业都必须在指定时间内完成。

三、Flask项目与连接

新建flask项目

在pychranmy右上角文件那里点击new project，选择flask，并根据自己喜好为项目定义一个名字。

2、运行/调试配置

3、导入和实行命令

先导入flask，实例对象，输入代码如下：

再使用装饰器，设置路径与函数之间的关系；

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/ruanjian/article-58513-2.html