前端Web开发

安装flask框架

pip install flask

导入flask模块

from flask import Flask

【可能遇到的问题】

出现了如下警告:

WARNING: You are using pip version 21.2.4; however, version 22.0.4 is available.You should consider upgrading via the 'D:\Python\python.exe -m pip install --upgrade pip' command.

【原因】版本过低,要更新
【解决】 在命令行中敲入如下命令,即可update
python -m pip install --upgrade pip

可通过如下命令查看当前的pip3版本

pip3 show pip

函数:

Flask(__name__):创建一个应用程序

app.run():运行应用程序

app.route(""):装饰器

一般所有的web首先要有一个主页,即相对地址为"/"
app.route("/")

html:前端,负责布局、排版页面展示的内容

设置模板:在项目下创建templates(此名字不可写错)文件夹,在此文件夹中创建htm文件

html介绍:

Title:网页标题
body:页面内容

语法:

{{}}:表示引入一个变量的值(变量名要与后端传的名字对应)

{% for i in 列表名字 %}:遍历列表
{% endfor %}:遍历结束
<br>:实现换行
<head>:标签、网页设置
<body>:网页正文内容
<div>:分区,用于将某些内容当成一个整体
<font>:字体
<img>:图片
<audio>:背景音乐
<a>:超链接

前端向后端传数据:

例:登陆网站时输入用户名和密码,发送到后端进行验证

导入模块:request

from flask import request

超链接文本:

href 是 HTML 超链接(超文本引用)的属性,它指定了链接目标资源的 URL 地址。当用户单击这个链接时,浏览器将会打开一个新的页面或在当前页面导航到该链接的URL地址中。

href 属性可以包含多种类型的 URL 地址,如绝对路径、相对路径、协议相对 URL 等等。

下面是一些使用 href 属性的示例:

1.链接到另一个网页
html复制代码<a href="http://www.example.com">这是一个链接</a>
2.链接到同一站点的另一个页面
html复制代码<a href="/about.html">关于我们</a>
3.链接到当前页面的某个位置
html复制代码<a href="#section-1">跳转到第一章节</a>
4.链接到电子邮件地址
html复制代码<a href="mailto:example@example.com">发邮件给我们</a>
5.链接到电话号码
html复制代码<a href="tel:123-456-7890">拨打电话:123-456-7890</a>

这些只是HTML超链接的一些常见用法,您还可以根据实际需要进行更灵活的使用。

网页设计:

字体:

font常用属性:
  • size:字体大小
  • color:字体颜色
  • face:字体名称
图片:
  • 在项目下新建一个static文件夹,然后将想要的图片、音乐、视频复制粘贴上去

设置背景图片:

  • image:设置图片路径
  • repeat:设置图片排布方式
  • size:设置图片大小

插入图片:

添加img标签

src:图片位置

width/height:图片大小(像素)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/443524.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Tomcat与网络2】一文理解Servlet是怎么工作的

在前面&#xff0c;我们研究了如何用idea来启动一个Servlet程序&#xff0c;今天我们就再来看一下Servlet是如何工作的。 目录 1.Servlet 介绍 2.Servlet 容器工作过程 3.Servlet的扩展 不管是电脑还是手机浏览器&#xff0c;发给服务端的就是一个 HTTP 格式的请求&#xf…

力扣hot100 划分字母区间 贪心 思维 满注释版

Problem: 763. 划分字母区间 文章目录 思路复杂度Code 思路 &#x1f468;‍&#x1f3eb; 代码随想录 复杂度 时间复杂度: O ( n ) O(n) O(n) 空间复杂度: O ( n ) O(n) O(n) Code class Solution {public List<Integer> partitionLabels(String s){// 创建哈希…

基于SpringBoot的高校社团管理系统

末尾获取源码作者介绍&#xff1a;大家好&#xff0c;我是何时&#xff0c;本人4年开发经验&#xff0c;专注定制项目开发 更多项目&#xff1a;CSDN主页YAML 我欲乘风归去 又恐琼楼玉宇 高处不胜寒 -苏轼 目录 一、项目简介 二、开发技术与环境配置 2.1 SpringBoot框架 2…

Activiti工作流引擎

一、工作流介绍&#xff1a; 1.1 概念&#xff1a; 工作流(Workflow)&#xff0c;就是通过计算机对业务流程自动化执行管理。它主要解决的是“使在多个参与者之间按照某种预定义的规则自动进行传递文档、信息或任务的过程&#xff0c;从而实现某个预期的业务目标&#xff0c;或…

CRM系统能为企业解决5大痛点

客户关系管理&#xff08;CRM&#xff09;系统是企业最有价值的工具之一&#xff0c;但也可能是管理最复杂的工具之一。如果运用得当&#xff0c;CRM系统将帮助企业提高效率&#xff0c;实现增长。一项研究报告指出&#xff0c;客户关系管理工具可将销售额提高 29%&#xff0c;…

LoadRunner从零开始之LoadRunner脚本语言基础

在用LoadRunner 做性能测试的过程中&#xff0c;编写脚本是 一项非常重要的工作。不夸张地说&#xff0c;一个脚本的好坏关系到性能测试的成败。“ 工欲善其事&#xff0c;必先利其器” &#xff0c; 在本章我们将学习LoadRunner 脚本语言以及脚本的开发技巧。 下面 我 们 要 通…

【网络】:网络套接字(TCP)

网络套接字&#xff08;TCP&#xff09; 一.编写TCP服务器二.编写Tcp客户端三.多进程四.多线程版本五.线程池版完整源代码六.使用示例 一.编写TCP服务器 1.先搭一个架子 2.创建sockfd domain参数依然是AF_INET(因为是IPV4) type方式选择SOCK_STREAM&#xff08;提供可靠的连接…

Flask 入门4:Flask 模板

1. 前言 Flask 拥有丰富的扩展方法&#xff0c;且都有统一的特点&#xff1a;简单和即学即用。当我们要实现某个功能之前&#xff0c;可以提前去搜一搜这个功能包是否已经存在&#xff0c;这样也能帮助我剩下很多时间。那么要去哪里找到这些扩展包呢&#xff0c;这里推荐两个方…

STM32实时时钟(RTC)的配置和使用方法详解

实时时钟&#xff08;RTC&#xff09;是STM32系列微控制器上的一个重要模块&#xff0c;用于提供准确的时间和日期信息。在本文中&#xff0c;我们将详细介绍STM32实时时钟的配置和使用方法。 ✅作者简介&#xff1a;热爱科研的嵌入式开发者&#xff0c;修心和技术同步精进 ❤欢…

43 漏洞发现-WEB应用之漏洞探针类型利用修复

目录 已知CMS开发框架末知CMS演示案例:开发框架类源码渗透测试报告-资讯-thinkphp开发框架类源码渗透测试-咨讯-spring已知CMS非框架类渗透测试报告-工具脚本-wordpress已知CMS非框架类渗透测试报告-代码审计-qqyewu_php未知CMS非框架类渗透测试报告-人工-你我都爱的wg哦~ 已知…

MySQL 核心模块揭秘 | 05 期 | 读事务和只读事务的变形记

事务都以读事务身份启动&#xff0c;读事务和只读事务会在需要时发生变化&#xff0c;它们会怎么变化&#xff1f;这是本文要回答的问题。 作者&#xff1a;操盛春&#xff0c;爱可生技术专家&#xff0c;公众号『一树一溪』作者&#xff0c;专注于研究 MySQL 和 OceanBase 源码…

【MATLAB源码-第130期】基于matlab的BPSK-ZF迫零均衡,对比均衡前后的误码率曲线以及理论曲线。

操作环境&#xff1a; MATLAB 2022a 1、算法描述 信道均衡是通信系统中的一项关键技术&#xff0c;其主要目的是减少或消除由于信道特性导致的信号失真。在数字通信中&#xff0c;尤其是在无线通信系统中&#xff0c;由于多径传播等原因&#xff0c;接收到的信号会受到严重的…