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

python前端开发

news 2026/4/3 10:37:20

前端开发

快速网站开发

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_…...

编程日记 2024/3/16 17:43:29

web学习笔记（三十三）

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

编程日记 2024/3/16 17:42:28

flask库

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

编程日记 2024/3/16 17:40:26

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

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

编程日记 2024/3/16 17:38:24

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

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

编程日记 2024/3/16 17:35:22

实现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…...

编程日记 2024/3/16 17:34:21

什么软件可以改ip地址

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

编程日记 2024/3/16 17:33:20

C#，文字排版的折行问题（Word-wrap problem）的算法与源代码

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

编程日记 2024/3/16 17:30:17

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前端为初学者…...

编程日记 2024/3/16 17:28:14

第十四届蓝桥杯省赛真题 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 串 发现…...

编程日记 2024/3/16 17:22:10

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

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

编程日记 2024/3/16 17:20:08

Linux（centos）环境下安装Nginx的步骤文档

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

编程日记 2024/3/16 17:19:06

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

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

编程日记 2024/3/16 17:15:02

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

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

编程日记 2024/3/16 17:14:01

webpack一些常用的Loader和Plugin

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

编程日记 2024/3/16 17:13:00

SpringCloud Bus 消息总线

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

编程日记 2024/3/16 17:11:59

汽车屏类产品（五）：仪表Cluster常用芯片i.MX117x

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

编程日记 2024/3/16 17:10:58

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函数…...

编程日记 2024/3/16 17:07:56

Xcode调试Qt 源码

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

编程日记 2024/3/16 17:06:55

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…...

编程日记 2024/3/16 17:00:49

万兆光模块:网络提速的核心引擎

在数字化转型的浪潮中&#xff0c;数据已成为核心生产要素&#xff0c;而连接数据的网络&#xff0c;则是决定其流动速度与效率的关键。当我们沉浸在4K/8K的视觉盛宴中&#xff0c;惊叹于云游戏的即时交互&#xff0c;或是受益于远程医疗的精准诊断时&#xff0c;背后都离不开一…...

编程新知 2026/4/3 9:30:42

OpenClaw定时任务实战：Qwen3-4B驱动每日资讯摘要生成

OpenClaw定时任务实战&#xff1a;Qwen3-4B驱动每日资讯摘要生成 1. 为什么需要自动化资讯摘要 每天早上打开电脑&#xff0c;我的浏览器标签页总是堆满了十几个未读的科技资讯网站。作为技术从业者&#xff0c;保持行业敏感度很重要&#xff0c;但手动筛选和阅读的效率实在太…...

编程新知 2026/4/3 9:24:34

Python MCP服务可观测性革命：OpenTelemetry+Prometheus+Grafana三件套零代码接入方案（附完整YAML模板）

第一章&#xff1a;Python MCP服务可观测性革命概述在微服务架构持续演进的今天&#xff0c;Python构建的MCP&#xff08;Metrics, Context, and Propagation&#xff09;服务正成为可观测性实践的关键载体。传统日志聚合与单点监控已难以应对跨服务调用链中上下文丢失、指标语…...

编程新知 2026/4/3 6:05:05

FocalNet目标检测、实例分割模型环境配置FocalNet目标检测、实例分割模型数据集调整FocalNet目标检测、实例分割模型代跑训练FocalNet目标检测、实例分割改进创新Focal

FocalNet目标检测、实例分割模型环境配置 FocalNet目标检测、实例分割模型数据集调整 FocalNet目标检测、实例分割模型代跑训练 FocalNet目标检测、实例分割改进创新 FocalNet环境配置&#xff1a;Windows、Ubuntu、Centos、Macos等系统环境&#xff0c;如果电脑拥有显卡&#…...

编程新知 2026/4/3 5:30:27

Qwen3视觉黑板报辅助数据库课程设计：ER图与数据关系可视化

Qwen3视觉黑板报辅助数据库课程设计&#xff1a;ER图与数据关系可视化 你是不是也经历过这样的场景&#xff1f;面对《数据库课程设计》这门课&#xff0c;老师布置了一个“图书管理系统”或者“学生选课系统”的题目&#xff0c;你脑子里有一堆想法&#xff0c;但就是不知道该…...

编程新知 2026/4/3 5:24:19

Windows热键冲突终结者：Hotkey Detective让键盘操作回归掌控

Windows热键冲突终结者&#xff1a;Hotkey Detective让键盘操作回归掌控 【免费下载链接】hotkey-detective A small program for investigating stolen key combinations under Windows 7 and later. 项目地址: https://gitcode.com/gh_mirrors/ho/hotkey-detective 当…...

编程新知 2026/4/3 5:00:01

rk3576（5）之设备树下GPIO驱动

1、简介rk3576buildroot设备树GPIO驱动编写。个人理解设备树就相当于存在统一规则、统一管理的头文件&#xff0c;记录了开发板的设备信息。2、设备树语法2.1、dtsi 头文件设备树也支持头文件&#xff0c;设备树的头文件扩展名为.dtsi设备树文件不仅可以应用 C 语言里面的.h 头…...

编程新知 2026/4/3 3:16:42

Flink的反压机制

目录 1. 什么是反压？ 2. Flink 反压机制的演变 第一代：基于 TCP 的传播（Flink 1.5 之前） 第二代：基于信用制的反压（Flink 1.5+，当前版本） 3. 基于信用制的反压详解 核心组件 工作流程（对应上图） 优势 4. 如何识别和处理反压？ 识别（通过 Flink Web UI） …...

编程新知 2026/4/3 1:34:51

comsol复合相变墙体保温隔热，comsol论文复现建模仿真 模拟室外温度变化复合墙体温度变化过程

comsol复合相变墙体保温隔热&#xff0c;comsol论文复现建模仿真 模拟室外温度变化复合墙体温度变化过程&#xff0c;对比普通墙体的保温隔热性能大夏天顶着40度高温站阳台收衣服的时候&#xff0c;总想着要是墙体能像冰柜门一样隔热该多好。最近用COMSOL折腾了个复合相变墙体模…...

编程新知 2026/4/3 0:06:06

ftrace原理

ftrace&#xff08;Function Tracer&#xff09;是 Linux 内核内置的动态跟踪框架&#xff0c;核心原理是&#xff1a;编译时静态插桩 运行时动态代码修改&#xff08;Code Patching&#xff09; 高效环形缓冲区&#xff08;Ring Buffer&#xff09;&#xff0c;实现对内核函数…...

编程新知 2026/4/2 23:35:12