最简单的网站模板下载-Python+flask+html开发简单网页

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

视频（哔哩哔哩）：

现有使用python较多的web构建框架：Flask、Django、Tornado，其实还有bottle、web.py等（来源bilibili-Python_fullstack框架介绍【老男孩IT】）

Flask：短小精干，内部组件不多，第三方组件丰富。

Djiango：重装，里面包含很多组件：ORM、Form、ModelForm、cache、session、中间件、信号等。

Tornado：异步非阻塞框架（node.js）

-------------------------------------------------- --------------------------

开始构建：

1、打开PyCharm，新建一个项目，命名为setup_web最简单的网站模板下载，选择空目录，选择默认环境Virtualenv

之后项目本地目录有：

2.在PyChram中的Terminal命令行中安装所需的flask模块包

>>pip 安装烧瓶

3.基本程序准备好了最简单的网站模板下载，开始编辑myapp.py的代码：

from flask import Flask
from flask import render_template #渲染
app = Flask(__name__)
@app.route('/') #主页地址,“装饰器”
def news():
    the_news = {
            'XXX1':'1',
            'XXX2':'2',
            'XXX3':'3',
            'XXX4':'4',
    }
    context = {
        'title':'新闻',
        'the_news': the_news,
    }
    return render_template('index.html',context=context) #把index.html文件读进来，再交给浏览器
if __name__ == '__main__':
    app.run(host='0.0.0.0',debug=True,port=80) #127.0.0.1 回路 自己返回自己

html代码：

    
    
    
        div.wrapper {
            border: 1px solid black;
            height: 250px;
            width: 550px;
            background: white;
            margin: auto;
        }
        div.form-div {
            border: 1px solid black;
            height: 50px;
            width: 550px;
            background: yellow;
            margin: auto;
        }
        div.img-div {
            border: 1px solid black;
            height: 200px;
            width: 550px;
            background: white;
            margin: auto;
        }
    


    

        
{{context.title}}
        

            {% for i in context.the_news %}
            
{{ i }}{{ context.the_news[i] }}
            {% endfor %}
        
        

            
                
                
                    1
                    2
                
                
            
        
        

            新闻讲究时效性
        
    

4、运行myapp.py（右键运行'myapp.py'），打开浏览器，输入或127.0.0.1，结果如右图所示：

-------------------------------------------------- -------------------------------------------------- -----

学习小计：

pycharm使用操作：

HTML操作（新手教程：）：

……

总结：

有一个问题：

-------------------------------------------------- ---------

推荐学习：

新手教程：Python基础教程（小白可以看看，有100道试题）挪威】MagnusLieHetland》人民邮电出版社

>>print('未完待续，请指教！----pxz20191221')