Flask动态部署个人简历框架

这里写自定义目录标题

部署网页路由

新建Flask文件项目,在项目下新建文件夹static和templates这2个文件夹,在同级目录中新建项目的.py文件。在templates中放入需要部署的html文件,static中放入css和js文件(在html需要指明css和js文件的位置)。我的目录如图
在这里插入图片描述

然后部署路由连接html文件


app = Flask(__name__)
person = {
    'first_name': 'xx',
    'last_name' : 'xx',
    'address' : '湖北黄石市',
    'job': '中级软件设计师',
    'tel': '0678282923',
    'email': 'nohossat.tra@yahoo.com',
    'description' : '我一直从事于web方面的工作,掌握的前端技术有ajax,Vue,js,div+css,html css,同事我也了解java语言和数据库表结构这块,更后台人员能更有效的沟通。我的性格方面不算外向,也不算内向,跟朋友,同事相处,比较外向,在工作中,代码开发时,我是比较内向的,我喜欢全心全意的投入工作中。我也喜欢交朋友,偶尔跟朋友聚聚,聊聊。对于工作我总是抱着认真负责,有责任心,吃苦耐劳的态度工作。',
    'social_media' : [
        {
            'link': 'https://www.facebook.com/nono',
            'icon' : 'fa-facebook-f'
        }
        }

@app.route('/')
def cv(person=person):
    return render_template('resume.html', person=person)#'resume.html'文件为自己的html文件,person为自己定义的字典,是动态传入py文件中的信息到resume.html文件中。
if __name__ == '__main__':
  app.run(debug= True,port=5000,threaded=True)

动态的在htmlwen文件中通过{{}}和{%%}调用person中的数据,可参考下图,{{}}和{%%}区别是,前者用于直接传入变量,后者用于模块控制传入变量。
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue、Python和Flask是一种常见的前后端分离项目的技术组合。 Vue是一种流行的前端框架,可用于构建单页面应用程序。它使用了MVVM(模型-视图-视图模型)的架构模式,具有响应式数据绑定和组件化开发等优点。通过Vue,我们可以快速构建交互式用户界面,并负责处理页面的视图层逻辑。 Python是一种易学易用且功能强大的编程语言,具有广泛的应用领域。在前后端分离项目中,Python通常用于处理后端的业务逻辑和数据操作。它可以通过Flask框架轻松构建RESTful API,并处理与前端之间的数据交互。 Flask是一个轻量级的Python Web框架,用于构建简单而灵活的Web应用程序。它提供了许多有用的功能,如路由、模板引擎、数据库集成等。通过Flask,我们可以轻松管理后端的路由和视图,以及与数据库的交互。 实现Vue、Python和Flask的前后端分离项目的基本流程如下: 1. 前端开发:使用Vue构建用户界面,处理用户的输入和交互,并向后端发送请求。前端开发人员将使用HTML、CSS和JavaScript等前端技术实现页面的布局和功能。 2. 后端开发:使用Python和Flask构建后端服务器,处理前端发送的请求并返回相应的数据。后端开发人员将编写服务器端的API和业务逻辑,与数据库进行交互,并返回处理后的数据给前端。 3. 数据交互:前端通过发送HTTP请求来与后端进行数据交互。后端接收到请求后,根据需要从数据库中获取数据或进行其他操作,并将结果作为JSON格式返回给前端。 4. 部署和测试:前后端分离项目可以将前端静态文件部署到CDN或Web服务器上,将后端部署到应用服务器上。在部署之前,需要进行一系列的测试,包括单元测试、集成测试和端到端测试等。 通过将Vue、Python和Flask相结合,可以实现前后端分离项目的高效开发和可扩展性。Vue提供了强大的前端能力,Python和Flask提供了灵活的后端逻辑和数据操作能力,使得开发人员可以分工合作,实现高效的项目开发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值