Pycharm社区版创建Flask项目详解

左手的ㄟ右手 2024-04-26 10:34 63阅读 0赞

> Pycharm专业版可以很容易的创建Flask项目，但是社区版需要我们手动的创建并配置文件目录，本文详细的描述了Pycharm社区版创建Flask项目的过程。

> 关注公众号 **打代码的苏比特**，获取**java面试百问百答**和**面试高频算法题**~

### 一、创建工程 ###

> 1.  打开PyCharm，选择new project创建工程

![选择new project创建工程][new project]

> 1.  输入项目名，选择配置好的虚拟环境

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70]

> 3.项目创建好之后是一个空的项目，里面没有任何文件，下面我们来新建工程目录

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 1]

### 二、配置工程目录 ###

> 1.在工程根目录新建app.py文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 2]

> 2.在app.py中的代码如下：

from flask import Flask, render_template
    
    app = Flask(__name__)
    app.config['SECRET_KEY'] = '1456719640@qq.com'
    
    
    @app.route("/")
    def root():
        """
        主页
        :return: Index.html
        """
        return render_template('Index.html')
    
    
    if __name__ == '__main__':
        app.run(debug=True, host='127.0.0.1', port='5000')

> 3.在根目录新建名为static的Python Package，新建完成后删除其下自动生成的\_\_init\_\_.py文件，static文件夹用来存放css、JavaScript、image等静态资源文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 3]

> 4.按同样的方式新建templates文件夹，该文件夹用来存放HTML文件

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 4]

> 5.在templates文件夹下新建index.html文件，index.html文件的代码如下:

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>hello world</h1>
    </body>
    </html>

> 至此，在app.py中运行main函数，进去127.0.0.1::5000即可看到index.html中的内容！

[new project]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/b5e53814a6d44d62964246594f44abbb.jpg
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/e0efccf693f346c5b2af785a99b613bf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/12ba6153fed041578d906d2ec0aca23c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 2]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/f7599fb231a4445aaf7cdf827faed00e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 3]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/a71165ed328245c4a5da6cd47df9df8a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0FsZ2VyXw_size_16_color_FFFFFF_t_70 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/26/3d52a3ce740e4208a5d2101fedda9f3f.png