当前位置: 首页 > news >正文

python前端开发

前端开发

快速网站开发

from flask import Flask
app=Flask(__name__)
#创建网址/show/info 和函数index的对应关系,
#访问网站,执行index()函数
@app.route("/show/info")
def index():return "中国联通"
if __name__=="__main__":app.run()

标签

标签<h>P

a行内标签,默认设置高度,边距无效

title
div和span
<div>内容</div>
<div>span</div>
<!--内容占一行-->
<!--span-->
<!--这是注释-->
<!--自已有多大,就占多少地方-->
<body><span style="color:red">七千大大</span> <span>霓虹</span>
</body>
超链接
<a href="/show/new">点击查看</a>
​
图片
网上照片
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.L6nEl_FM6qCV8u5n9ZbQUwHaH5?rs=1&pid=ImgDetMain"/>
自己图片
创建目录static,将图片放在目录下
引入图片<img src="/satic/aaa.png"/><img style="height:200px" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.L6nEl_FM6qCV8u5n9ZbQUwHaH5?rs=1&pid=ImgDetMain"/>
设置高度和宽度<img style="height:200px;weight:300px" src="/static/美女.png"/>
设置百分比,图片大小是原来的百分之几<img style="height:10% rc="/static/美女.png"/>
​
​

块级标签<h1></h1><div></div>
行内标签<span></span><a></a><img />
嵌套
<div><span>xxx</span><
</div>
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<a href="https://www.3dmgame.com/gl/3826462.html" target="_blank">
<img src="/static/ganyu.png"/><span> 为何人们总是拼命证明...</span>
</a>
<a href="https://www.3dmgame.com/gl/3826459.html" target="_blank">
​
<img src="/static/hutao.png"/><span>太阳出来我晒太阳,月亮出来我晒月亮咯——!</span>
</a>
<a href="https://www.3dmgame.com/gl/3834188.html" target="_blank">
<img src="/static/wanye.png"/><span>既然手边有树叶,我可以为你吹奏一曲。如何?愿意听听吗?</span>
</a >
</body>
</html>
列表相关的标签
<ul><li>中国联通</li><li>中国移动</li><li>中国电信</li>
</ul>
有序列表
<ol><li>中国联通</li><li>中国移动</li><li>中国电信</li>
</ol>
​
表格标签
<table border="1">#表头<thead><tr>  <th>ID</th>  <th>姓名</th> <th>年龄</th></tr></thead>  <tbody><tr> <td>10</td> <td>呆呆</td> <td>10</td> </tr><tr> <td>10</td> <td>呆呆</td> <td>10</td> </tr><tr> <td>10</td> <td>呆呆</td> <td>10</td> </tr></body>
</table>
input标签系列
#输入用户名  
<input type="text">
#输入密码
<input type="password">
#上传文件
<input type="file">
#单选框,name相同则互斥,智能选择一个,后面可以加上信息
<input type="radio" name="n1">男
<input type="radio" name="n1">女
#复选框,可以同时选择多个
<input type="checkbox">篮球
<input type="checkbox">足球
<input type="checkbox">棒球
#提交按钮
<input type="button" value="提交">
<input type="submit" value="提交">

下拉框
#单选下拉框
<select><option>北京</option><option>上海</option><option>河南</option>
</select>
#多选下拉框,选中一个,按Shift或Ctrl再次选择
<select multiple><option>濮阳</option><option>郑州</option><option>鹤壁</option>
</select>
多行文本

相关文章:

python前端开发

前端开发 快速网站开发 from flask import Flask appFlask(__name__) #创建网址/show/info 和函数index的对应关系&#xff0c; #访问网站&#xff0c;执行index()函数 app.route("/show/info") def index():return "中国联通" if __name__"__main_…...

web学习笔记(三十三)

目录 1.严格模式 1.1严格模式的概念&#xff1a; 1.2严格模式在语义上更改的地方&#xff1a; 1.3如何开启严格模式 1.4严格模式应用上的变化 2.原型链 1.严格模式 1.1严格模式的概念&#xff1a; 严格模式有点像es5向es6过渡而产生的一种模式&#xff0c;因为es6的语法…...

flask库

文章目录 flask库1. 基本使用2. 路由路径和路由参数3. 请求跳转和请求参数4. 模板渲染1. 模板变量2. 过滤器3. 测试器 5. 钩子函数与响应对象 flask库 flask是python编写的轻量级框架&#xff0c;提供Werkzeug&#xff08;WSGI工具集&#xff09;和jinjia2&#xff08;渲染模板…...

专业无网设备如何远程运维?向日葵远程控制能源场景案例解析

清洁能源领域&#xff0c;拥有庞大的上下游产业链&#xff0c;涉及的相关工业设备门类多、技术覆盖全、行业应用广。在这一领域内&#xff0c;相关专业设备的供应商的核心竞争力除了本身产品的技术能力之外&#xff0c;服务也是重要的一环。 某企业作为致力于节能环保方向的气…...

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的稻田虫害检测系统详解(深度学习+Python代码+UI界面+训练数据集)

摘要&#xff1a;本篇文章深入探讨了如何利用深度学习技术开发一个用于检测稻田虫害的系统&#xff0c;并且分享了完整的实现过程和资源代码下载。该系统采用了当前的YOLOv8、YOLOv7、YOLOv6、YOLOv5算法&#xff0c;对其进行了性能对比&#xff0c;包括mAP、F1 Score等关键指标…...

实现upt下客户端用tftp文件传输协议编写客户端发送下载文件

#include <myhead.h> #define SEP_IP #define SEP_PORT int main(int argc, const char *argv[]) {//创建套接字if(int crdsocket(AF_INET,SOCK-DGRAM)-1);{perror("socket error");return -1;}printf("创建成功\n");//填充地址struct sockaddr_in s…...

什么软件可以改ip地址

修改ip地址的软件有哪些&#xff0c;什么软件可以切换电脑手机的ip地址想必很多朋友都在寻找类似的软件&#xff0c;也想知道其中的答案&#xff0c;也能提高自己工作的效率。 经过小编在互联网摸爬滚打这些年&#xff0c;测试认证和整理后&#xff0c;发现一款名叫深度IP转换…...

C#,文字排版的折行问题(Word-wrap problem)的算法与源代码

1、英文的折行问题 给定一个单词序列&#xff0c;以及一行中可以输入的字符数限制&#xff08;线宽&#xff09;。 在给定的顺序中放置换行符&#xff0c;以便打印整齐。 假设每个单词的长度小于线宽。 像MS word这样的文字处理程序负责放置换行符。 这个想法是要有平衡的线条。…...

VUE+VScode+elementUI开发环境

0.vue官方文档 你正在阅读的是 Vue 3 的文档&#xff01; 1.前端准备阶段 VUEVScodeelementUI开发环境 2.Vue外部组件 element-ui 3.angular外部组件 angular-ui 4.教学视频 尚学堂b站视频 5.教学视频配套文档 D:\BaiduNetdiskDownload\025【尚学堂】全新2022版WEB前端为初学者…...

第十四届蓝桥杯省赛真题 Java A 组【原卷】

文章目录 发现宝藏【考生须知】试题 A \mathrm{A} A : 特殊日期试题 B: 与或异或试题 C : \mathrm{C}: C: 平均试题 D: 棋盘试题 E : \mathrm{E}: E: 互质数的个数试题 F: 阶乘的和试题 G: 小蓝的旅行计划试题 H: 太阳试题 I: 高塔试题 J \mathrm{J} J : 反异或 01 串 发现…...

可视化展示与交互编辑:探索3D Web轻量化平台HOOPS WEB Platform在BIM中的新可能性

随着数字技术的飞速发展&#xff0c;建筑行业也在不断迈向数字化转型的道路。在这个过程中&#xff0c;BIM&#xff08;Building Information Modeling&#xff0c;建筑信息模型&#xff09;技术已经成为建筑设计、施工和管理领域中的一项重要工具。 而在BIM的应用中&#xff…...

Linux(centos)环境下安装Nginx的步骤文档

在Linux环境下安装Nginx是一个相对直接的过程&#xff0c;本篇文章将提供一个较为通用的安装指南&#xff0c;以及一些可能遇到的问题和解决方案。 目录 一、简介 二、先决条件 三、安装Nginx 1、使用包管理器安装 2、从源代码安装 四、验证安装 五、基本配置 六、常见…...

AI毕业论文降重GPTS,避免AI检测,高效完成论文

视频演示 AI毕业论文降重GPTS&#xff0c;避免AI检测&#xff0c;高效完成论文&#xff01; 开发目的 “毕业论文降重”GPTS应用&#xff0c;作用为&#xff1a;重新表述学术论文&#xff0c;降低相似性评分&#xff0c;避免AI检测。 使用地址 地址&#xff1a;毕业论文降重…...

什么是线程死锁?形成死锁的四个必要条件是什么?如何避免线程死锁?

该文章专注于面试,面试只要回答关键点即可,不需要对框架有非常深入的回答,如果你想应付面试,是足够了,抓住关键点 什么是线程死锁 线程死锁是指两个或多个线程由于互相持有对方所需要的资源而无法继续执行的情况。当多个线程同时占用资源,并等待其他线程释放它们所需要…...

webpack一些常用的Loader和Plugin

文章目录 webpack4一些常用的Loader&#xff1a;webpack4一些常用的Plugin&#xff1a;关于webpack5的一些特点&#xff1a;新增特性&#xff1a;修复的问题&#xff1a;内置模块和工具&#xff1a; 关于webpack5的一些内置:内置Loader&#xff1a;内置Plugin&#xff1a; webp…...

SpringCloud Bus 消息总线

一、前言 接下来是开展一系列的 SpringCloud 的学习之旅&#xff0c;从传统的模块之间调用&#xff0c;一步步的升级为 SpringCloud 模块之间的调用&#xff0c;此篇文章为第八篇&#xff0c;即介绍 Bus 消息总线。 二、概述 2.1 遗留的问题 在上一篇文章的最后&#xff0c;我…...

汽车屏类产品(五):仪表Cluster常用芯片i.MX117x

前言: 仪表一般就是指方向盘前面那个表盘。做仪表的芯片最主要需要支持显示Display,而仪表的主要排版布局多种多样,但是主旨显示内容不尽相同。 仪表需求: 1、rpm转速表盘 仪表Cluster一般会有转速表盘rpm,单位一般是x1000,大部分汽车仪表范围就是0~8,也就是最高8000…...

SQLiteC/C++接口详细介绍之sqlite3类(三)

快速跳转文章列表&#xff1a;SQLite—系列文章目录 上一篇&#xff1a;SQLiteC/C接口详细介绍之sqlite3类&#xff08;二&#xff09; 下一篇&#xff1a;SQLiteC/C接口详细介绍之sqlite3类&#xff08;四&#xff09; 6.sqlite3_create_module与sqlite3_create_module_v2函数…...

Xcode调试Qt 源码

在Mac下使用Xcode 开发Qt程序&#xff0c;由于程序断点或者崩溃后&#xff0c;Qt库的堆栈并不能够正确定位到源码的cpp文件&#xff0c;而是显示的是汇编代码&#xff0c;导致不直观的显示。 加载的其他三方库都是同理。 所以找了攻略和研究后&#xff0c;写的这篇文章。 一&a…...

CVE-2019-5782:kArgumentsLengthType 设置偏小导致优化阶段可以错误的去除 CheckBound 节点

文章目录 环境搭建漏洞分析笔者初分析笔者再分析漏洞触发源码分析 漏洞利用总结 环境搭建 sudo apt install pythongit reset --hard b474b3102bd4a95eafcdb68e0e44656046132bc9 export DEPOT_TOOLS_UPDATE0 gclient sync -D// debug version tools/dev/v8gen.py x64.debug ni…...

终极硬件指纹伪装指南:如何用EASY-HWID-SPOOFER保护你的数字隐私

终极硬件指纹伪装指南&#xff1a;如何用EASY-HWID-SPOOFER保护你的数字隐私 【免费下载链接】EASY-HWID-SPOOFER 基于内核模式的硬件信息欺骗工具 项目地址: https://gitcode.com/gh_mirrors/ea/EASY-HWID-SPOOFER 在数字时代&#xff0c;你的电脑硬件指纹就像数字世界…...

Windows热键冲突检测:3分钟找出占用程序的智能工具

Windows热键冲突检测&#xff1a;3分钟找出占用程序的智能工具 【免费下载链接】hotkey-detective A small program for investigating stolen key combinations under Windows 7 and later. 项目地址: https://gitcode.com/gh_mirrors/ho/hotkey-detective 当你的CtrlC…...

Navicat重置工具终极指南:macOS用户免费解锁专业功能的完整方案

Navicat重置工具终极指南&#xff1a;macOS用户免费解锁专业功能的完整方案 【免费下载链接】navicat_reset_mac navicat mac版无限重置试用期脚本 Navicat Mac Version Unlimited Trial Reset Script 项目地址: https://gitcode.com/gh_mirrors/na/navicat_reset_mac 还…...

音乐文件格式转换工具QMCDUMP深度探索:从加密困境到自由播放

音乐文件格式转换工具QMCDUMP深度探索&#xff1a;从加密困境到自由播放 【免费下载链接】qmcdump 一个简单的QQ音乐解码&#xff08;qmcflac/qmc0/qmc3 转 flac/mp3&#xff09;&#xff0c;仅为个人学习参考用。 项目地址: https://gitcode.com/gh_mirrors/qm/qmcdump …...

书匠策AI:论文写作界的“瑞士军刀”,期刊发表的秘密武器——从零到一,手把手教你用AI搞定期刊论文

在学术圈&#xff0c;期刊论文是科研成果的“通行证”&#xff0c;但写作过程却像一场“升级打怪”&#xff1a;选题没灵感、文献找不到、结构乱如麻、格式调崩溃……别怕&#xff01;今天要介绍的书匠策AI&#xff08;官网&#xff1a;www.shujiangce.com&#xff0c;微信公众…...

终极指南:如何将ComfyUI-Manager下载速度提升300%以上

终极指南&#xff1a;如何将ComfyUI-Manager下载速度提升300%以上 【免费下载链接】ComfyUI-Manager ComfyUI-Manager is an extension designed to enhance the usability of ComfyUI. It offers management functions to install, remove, disable, and enable various custo…...

Claude颠覆AI编程

&#x1f680; Claude 4 正式发布&#xff01;Anthropic 这次真的要颠覆 AI 编程了 今天&#xff0c;AI 领域迎来核弹级更新——Anthropic 正式发布 Claude 4 系列模型&#xff01;免费可用、7 小时自主编程&#xff0c;开发者直呼"生产力革命来了"&#xff01; 一、…...

3MF格式与Blender插件实战解决方案:从设计障碍到3D打印全流程优化

3MF格式与Blender插件实战解决方案&#xff1a;从设计障碍到3D打印全流程优化 【免费下载链接】Blender3mfFormat Blender add-on to import/export 3MF files 项目地址: https://gitcode.com/gh_mirrors/bl/Blender3mfFormat 一、问题&#xff1a;当3D打印遭遇"数…...

万象视界灵坛实操手册:使用Prometheus+Grafana监控CLIP推理延迟、GPU利用率、QPS指标

万象视界灵坛实操手册&#xff1a;使用PrometheusGrafana监控CLIP推理延迟、GPU利用率、QPS指标 1. 监控系统概述 在现代AI应用部署中&#xff0c;实时监控系统性能指标是确保服务稳定运行的关键。对于万象视界灵坛这样的多模态智能感知平台&#xff0c;我们需要重点关注三个…...

十分钟微调Qwen2.5-7B实战:效果立现,适合新手的完整教程

十分钟微调Qwen2.5-7B实战&#xff1a;效果立现&#xff0c;适合新手的完整教程 1. 准备工作与环境介绍 1.1 为什么选择Qwen2.5-7B进行微调 Qwen2.5-7B是阿里云推出的开源大语言模型&#xff0c;7B参数规模在单卡上就能流畅运行。相比全量微调&#xff0c;使用LoRA技术可以在…...