VUE3+FLASK+TYPESCRIPT(实习接触,学习并自主实现)

本文主要是介绍VUE3+FLASK+TYPESCRIPT(实习接触,学习并自主实现),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

开头

        不同于笔者在学校自学简单的html+js+css的模式,加入了前端框架VUE3真的是一个非常方便的工具,而且本人主攻于c++方向,像ts这种更严格的语法标准反而更加比原生js更能让我接受,由于这三个都是本人没接触的库框架和语言,所以笔者采取的是先学习在边做项目边巩固的方法。

VUE3初始化

        下面提供一个简单的VUE3+FLASK案例,旨在入门

打通Vue3+Flask(python3)+Mysql-实现简单数据交互_python vue3-CSDN博客(如果想一开始就是ts语法记得vue项目构建时就要实现)(笔者学习的项目),当然,也而外实现了像element,panda,docx,echarts库实现了一些小功能(向着未来的毕设更进一步(乐))。

        如果大家一开始要做的只是学习测试自己的VUE功能,建议先利用html,外接js标签<script src="https://unpkg.com/vue@(版本号,具体可以上官网看,也有其他的国内链接(写3也行))"></script>,就可以使用template等组件以及功能了。

        typescript语法菜鸟教程

Flask

        如果你有python的使用基础,其实flask的使用其实不需要太多学习,因为他就是一个库,而VUE3一定要了解其目录以及vue文件的结构,而其中config的内容也要有所理解。(课其实网上挺多的,如果有时间可以系统的学习,比如说慕课网上的课,真的是不错(因为翻看大学社团资源发现有相关资源。。。))。

        其实在做这些的过程中,笔者也了解到一些像sql注入一样的后端所面临挑战,虽然说好像是flask有抵御策略,不过也是需要学习的部分。

菜鸟教程 FLASK语法

后话

        在公司服务器上部署相关环境,并通过docker容器运行,相关环境的下载安装以及软链接,配置修改,本人在操作的过程中,也不可避免的遇到了打包转移这些问题我所遇到的ip非预期绑定,服务器前端网页会访问外部本机flask后端(但是服务器的后端不行)。

类似的项目有这个Flask + Vue + PyTorch 前后端分离部署,配合 Gunicorn + Nginx + 阿里云ECS_flask+pytorch需要启动nginx吗?-CSDN博客

(24/8/17记)

这篇关于VUE3+FLASK+TYPESCRIPT(实习接触,学习并自主实现)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1127056

相关文章

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M

html5的响应式布局的方法示例详解

《html5的响应式布局的方法示例详解》:本文主要介绍了HTML5中使用媒体查询和Flexbox进行响应式布局的方法,简要介绍了CSSGrid布局的基础知识和如何实现自动换行的网格布局,详细内容请阅读本文,希望能对你有所帮助... 一 使用媒体查询响应式布局        使用的参数@media这是常用的

HTML5表格语法格式详解

《HTML5表格语法格式详解》在HTML语法中,表格主要通过table、tr和td3个标签构成,本文通过实例代码讲解HTML5表格语法格式,感兴趣的朋友一起看看吧... 目录一、表格1.表格语法格式2.表格属性 3.例子二、不规则表格1.跨行2.跨列3.例子一、表格在html语法中,表格主要通过< tab

MySQL索引的优化之LIKE模糊查询功能实现

《MySQL索引的优化之LIKE模糊查询功能实现》:本文主要介绍MySQL索引的优化之LIKE模糊查询功能实现,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录一、前缀匹配优化二、后缀匹配优化三、中间匹配优化四、覆盖索引优化五、减少查询范围六、避免通配符开头七、使用外部搜索引擎八、分

Python实现特殊字符判断并去掉非字母和数字的特殊字符

《Python实现特殊字符判断并去掉非字母和数字的特殊字符》在Python中,可以通过多种方法来判断字符串中是否包含非字母、数字的特殊字符,并将这些特殊字符去掉,本文为大家整理了一些常用的,希望对大家... 目录1. 使用正则表达式判断字符串中是否包含特殊字符去掉字符串中的特殊字符2. 使用 str.isa

Spring Boot 集成 Quartz并使用Cron 表达式实现定时任务

《SpringBoot集成Quartz并使用Cron表达式实现定时任务》本篇文章介绍了如何在SpringBoot中集成Quartz进行定时任务调度,并通过Cron表达式控制任务... 目录前言1. 添加 Quartz 依赖2. 创建 Quartz 任务3. 配置 Quartz 任务调度4. 启动 Sprin

Android实现悬浮按钮功能

《Android实现悬浮按钮功能》在很多场景中,我们希望在应用或系统任意界面上都能看到一个小的“悬浮按钮”(FloatingButton),用来快速启动工具、展示未读信息或快捷操作,所以本文给大家介绍... 目录一、项目概述二、相关技术知识三、实现思路四、整合代码4.1 Java 代码(MainActivi

使用Python实现一个优雅的异步定时器

《使用Python实现一个优雅的异步定时器》在Python中实现定时器功能是一个常见需求,尤其是在需要周期性执行任务的场景下,本文给大家介绍了基于asyncio和threading模块,可扩展的异步定... 目录需求背景代码1. 单例事件循环的实现2. 事件循环的运行与关闭3. 定时器核心逻辑4. 启动与停

基于Python实现读取嵌套压缩包下文件的方法

《基于Python实现读取嵌套压缩包下文件的方法》工作中遇到的问题,需要用Python实现嵌套压缩包下文件读取,本文给大家介绍了详细的解决方法,并有相关的代码示例供大家参考,需要的朋友可以参考下... 目录思路完整代码代码优化思路打开外层zip压缩包并遍历文件:使用with zipfile.ZipFil

Python实现word文档内容智能提取以及合成

《Python实现word文档内容智能提取以及合成》这篇文章主要为大家详细介绍了如何使用Python实现从10个左右的docx文档中抽取内容,再调整语言风格后生成新的文档,感兴趣的小伙伴可以了解一下... 目录核心思路技术路径实现步骤阶段一:准备工作阶段二:内容提取 (python 脚本)阶段三:语言风格调