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

相关文章

windos server2022里的DFS配置的实现

《windosserver2022里的DFS配置的实现》DFS是WindowsServer操作系统提供的一种功能,用于在多台服务器上集中管理共享文件夹和文件的分布式存储解决方案,本文就来介绍一下wi... 目录什么是DFS?优势:应用场景:DFS配置步骤什么是DFS?DFS指的是分布式文件系统(Distr

NFS实现多服务器文件的共享的方法步骤

《NFS实现多服务器文件的共享的方法步骤》NFS允许网络中的计算机之间共享资源,客户端可以透明地读写远端NFS服务器上的文件,本文就来介绍一下NFS实现多服务器文件的共享的方法步骤,感兴趣的可以了解一... 目录一、简介二、部署1、准备1、服务端和客户端:安装nfs-utils2、服务端:创建共享目录3、服

C#使用yield关键字实现提升迭代性能与效率

《C#使用yield关键字实现提升迭代性能与效率》yield关键字在C#中简化了数据迭代的方式,实现了按需生成数据,自动维护迭代状态,本文主要来聊聊如何使用yield关键字实现提升迭代性能与效率,感兴... 目录前言传统迭代和yield迭代方式对比yield延迟加载按需获取数据yield break显式示迭

Python实现高效地读写大型文件

《Python实现高效地读写大型文件》Python如何读写的是大型文件,有没有什么方法来提高效率呢,这篇文章就来和大家聊聊如何在Python中高效地读写大型文件,需要的可以了解下... 目录一、逐行读取大型文件二、分块读取大型文件三、使用 mmap 模块进行内存映射文件操作(适用于大文件)四、使用 pand

python实现pdf转word和excel的示例代码

《python实现pdf转word和excel的示例代码》本文主要介绍了python实现pdf转word和excel的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价... 目录一、引言二、python编程1,PDF转Word2,PDF转Excel三、前端页面效果展示总结一

Python xmltodict实现简化XML数据处理

《Pythonxmltodict实现简化XML数据处理》Python社区为提供了xmltodict库,它专为简化XML与Python数据结构的转换而设计,本文主要来为大家介绍一下如何使用xmltod... 目录一、引言二、XMLtodict介绍设计理念适用场景三、功能参数与属性1、parse函数2、unpa

C#实现获得某个枚举的所有名称

《C#实现获得某个枚举的所有名称》这篇文章主要为大家详细介绍了C#如何实现获得某个枚举的所有名称,文中的示例代码讲解详细,具有一定的借鉴价值,有需要的小伙伴可以参考一下... C#中获得某个枚举的所有名称using System;using System.Collections.Generic;usi

Go语言实现将中文转化为拼音功能

《Go语言实现将中文转化为拼音功能》这篇文章主要为大家详细介绍了Go语言中如何实现将中文转化为拼音功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 有这么一个需求:新用户入职 创建一系列账号比较麻烦,打算通过接口传入姓名进行初始化。想把姓名转化成拼音。因为有些账号即需要中文也需要英

C# 读写ini文件操作实现

《C#读写ini文件操作实现》本文主要介绍了C#读写ini文件操作实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录一、INI文件结构二、读取INI文件中的数据在C#应用程序中,常将INI文件作为配置文件,用于存储应用程序的

C#实现获取电脑中的端口号和硬件信息

《C#实现获取电脑中的端口号和硬件信息》这篇文章主要为大家详细介绍了C#实现获取电脑中的端口号和硬件信息的相关方法,文中的示例代码讲解详细,有需要的小伙伴可以参考一下... 我们经常在使用一个串口软件的时候,发现软件中的端口号并不是普通的COM1,而是带有硬件信息的。那么如果我们使用C#编写软件时候,如