电商网站开发源码,天元建设集团有限公司第七建筑工程公司,wordpress简洁响应试,完成网站的建设工作总结文章目录 前言一、快速开发网站最简模板二、HTML标签1.编码2.title3.标题4.div和span5.超链接6.图片7.列表8.表格9.input系列10.下拉框11.多行文本 三、GET方式和POST方式1.GET请求2.POST请求 前言 HTML的全称为超文本标记语言#xff0c;是一种标记语言#xff0c;是网站开发… 文章目录 前言一、快速开发网站最简模板二、HTML标签1.编码2.title3.标题4.div和span5.超链接6.图片7.列表8.表格9.input系列10.下拉框11.多行文本 三、GET方式和POST方式1.GET请求2.POST请求 前言 HTML的全称为超文本标记语言是一种标记语言是网站开发前端的一部分。它包括一系列标签通过这些标签可以将网络上的文档格式统一使分散的Internet资源连接为一个逻辑整体。且HTML与编程语言无关是一门独立的语言。本篇博客将介绍HTML的基本内容。 一、快速开发网站最简模板
在Terminal中输入pip install flask主要内容
在Pycharm中创建.py文件不用HMTL文件
from flask import Flask,render_templateapp Flask(__name__)#创建了/show/info网址和index的对应关系
#以后用户在浏览器上访问该网址网站自动执行index
app.route(/show/info)
def index():return 中国联通if __name__ __main__:app.run()在Pycharm中创建.py文件且用HMTL文件存放在template文件夹中 .py文件 from flask import Flask,render_templateapp Flask(__name__)#创建了/show/info网址和index的对应关系
#以后用户在浏览器上访问该网址网站自动执行index
app.route(/show/info)
def index():#return 中国联通#默认去当前项目目录下的templates文件夹中找indexreturn render_template(index.html)if __name__ __main__:app.run().html文件 !DOCTYPE html
html langen
headmeta charsetUTF-8title我的国家/title
/head
bodyh1中国/h1
/body
/html文件布局 运行后即可得到网址加上/show/info即可访问
二、HTML标签
1.编码 meta charsetUTF-82.title
功能表示网站的名字只在head里面 title我的国家/title3.标题
h1一级标题/h1
h2二级标题/h2
h3三级标题/h3
h4四级标题/h4
h5五级标题/h5
h6六级标题/h64.div和span
功能实现划分板块div一个占一整行块级标签span自己多大占多少行内标签内联标签可以进行嵌套
div内容/div
span内容/span5.超链接
功能实现网站跳转跳转到别人网站网址必须全跳转到自己网站可以不需要前缀比如“/get/news”
a href网站内容/a6.图片
如果是自己的图片要把图片放在static文件夹自己创建中如果是别人的图片要注意是否有防盗链
img src图片地址设置图片的高度和宽度
!-- 直接设置像素 --
img src图片地址 styleheight:100px; width:200px;/!-- 按照原图比例缩放 --
img src图片地址 styleheight:10%; width:20%;/7.列表
ulli内容/lili内容/lili内容/li
/ul8.表格
thead是表头tbody是表主体table border“1”添加边框
tabletheadtr thID/th th姓名/th th年龄/th /tr/theadtbodytr th1/th th小明/th th20/th /trtr th2/th th小红/th th20/th /trtr th3/th th小亮/th th20/th /tr/tbody
/table9.input系列
输入普通文本
input typetext输入加密文本
input typepassword输入文件
input typefile单选
input typeradio namen1 男
input typeradio namen1 女多选
input typecheckbox 篮球
input typecheckbox 足球
input typecheckbox 排球按钮
!-- 普通按钮 --
input typebutton value提交!-- 提交表单 --
input typesubmit value提交提交
form method方式get或者post action提交地址iput系列按钮
/form10.下拉框
单选
selectoption北京/optionoption上海/optionoption深圳/option
/select多选
select multipleoption北京/optionoption上海/optionoption深圳/option
/select11.多行文本
textarea row“3”可是设置行数
textarea内容/textarea三、GET方式和POST方式 两种方式都要导入request方法 1.GET请求
实现URL方法、表单提交现象向后台传入数据会拼接在URL上 .py文件 from flask import Flask, render_template, requestapp Flask(__name__)app.route(/register, methods[GET])
def register():return render_template(register.html)app.route(/do/register, methods[GET])
def do_register():get_info request.argsreturn get_infoif __name__ __main__:app.run(host0.0.0.0, port5200, debugTrue).html文件 !DOCTYPE html
html langen
headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
bodyh1用户注册/h1form action/do/register methodgetdiv用户名: input typetext nameusername/divdiv密码: input typepassword namepasswd/divinput typesubmit value提交/form
/body
/html2.POST请求
实现表单提交现象提交数据不显示在URL上而是在请求体中 .py文件部分 app.route(/post/register, methods[POST])
def post_register():get_info request.formreturn get_info.html文件部分 bodyh1用户注册/h1form action/post/register methodpostdiv用户名: input typetext nameusername/divdiv密码: input typepassword namepasswd/divinput typesubmit value提交/form
/body
表单数据提交优化添加name和value属性在控制台输出数据依靠导入的request方法
app.route(/post/register, methods[POST])
def post_register():get_info request.formusername request.form.get(username)passwd request.form.get(passwd)sex request.form.get(sex)hobby_list request.form.getlist(hobby)city request.form.get(city)more request.form.getlist(textarea)print(username, passwd, sex, hobby_list, city, more)return get_info两种方法可以整合
app.route(/post/register, methods[GET,POST])
