参考文章1:https://cloud.tencent.com/developer/article/2373503
参考文章2:基于Flask的自定义网站设计与实现(代码全文+讲解V1.0)_flask框架制作网页-CSDN博客
参考文章3:Python+Flask+MysqL设计网页 - 李明惠 - 博客园 (cnblogs.com)
最基本的例子
来源-参考文章1:
说明:导入Flask类 ——> app=Flask(__name__)创建实例——>@app.route('/')定义路由(根路由)——>接一个路由处理函数def xx():——>在main里面运行app.run即可
进一步学习
来源-参考文章2:
说明:整个flask的框架基本是固定的,也就是利用static静态里面的那些,注意,这篇文章中给了一个html的示例,其实,整个flask最重要的是html的编写和JavaScript的编写
HTML5基本教程(这种人设计的东西没啥好怕的)√
参考1:HTML 教程 | 菜鸟教程 (runoob.com)
核心内容:(HTML主要内容其实不多,看一遍菜鸟即可)
1.HTML标签:<tag_begin> xx content xx<tag_end>,由尖括号-成对
2.只要body中的内容会在浏览器显示
3.包括:CSS外部风格引入(CSS教程)、区块-布局-模板、表单-重点!、iframe框架、script脚本-javascript(javascript教程-不过可以借助GPT)、
4.有一个“快速表单”——可以用于速查,有一个“标签简写-全称”——建议多看看,理解每个tag
(既然是垃圾,又何必在乎呢,当然,垃圾的样子也挺有意思的,让你不要变成那种样子哦)
CSS教程——会用就行
参考1:CSS 教程 | 菜鸟教程 (runoob.com)
1.李:“内容很多,知道有这些东西就行”
2.CSS的语法构成:“选择器” + “多条声明 = 属性 + 值”
3.利用id选择器(嗯,用起来挺方便的)和class选择器(可以在多个地方使用、或者反向使用)-设置HTML指定元素的样式
4.页面背景的设计--使用body选择器-设置起来挺简单的,关键是要设计得合理美观
5.文本风格的设计——非常方便
6.伪类和伪元素哪些就不管了,主要看看这个导航栏的设计!!!
7.
真的,有时候,垃圾的存在的意义就是为了提醒你,不要成为垃圾
Javascript教程——看懂就行,问GPT
参考1:JavaScript 教程 | 菜鸟教程 (runoob.com)
1.简介部分:document.write写入输出流 + 对事件的响应-比如按钮 + 改变HTML的内容 + 验证输入
2.基本语法:和c语言基本一致,但是基本用不到,主要用到的是函数的定义和调用
3.javascript中的“事件”是最重要的一个概念
4.
5.
Flask教程一遍过——不要纠结!!!!
欢迎使用 Flask — Flask 文档 (3.0.x) - Flask 中文
最后!!!一定要自己尝试去涉及一个自己喜欢的网页部署!非常考验自己,也能够将这些东西全部融会贯通!——成就感满满
另外,致谢——兆坤同学的指导与帮助