Python-Flask框架之 - 简易静态网站 !

网站截图:

Python源代码如下:

# coding=utf-8
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/",methods=["GET","POST"])
def home():
    return render_template("home.html")

@app.route("/chapter1",methods=["GET","POST"])
def chapter1():
    return render_template("chapter1.html")
@app.route("/chapter1/1.1",methods=["GET","POST"])
def chapter1_1():
    return render_template("1.1.html")
@app.route("/chapter1/1.2",methods=["GET","POST"])
def chapter1_2():
    return render_template("1.2.html")

@app.route("/chapter2",methods=["GET","POST"])
def chapter2():
    return render_template("chapter2.html")
@app.route("/chapter2/2.1",methods=["GET","POST"])
def chapter2_1():
    return render_template("2.1.html")
@app.route("/chapter2/2.2",methods=["GET","POST"])
def chapter2_2():
    return render_template("2.2.html")


if __name__ == '__main__':
    app.run(debug=True)

HTML代码: home

<!DOCTYPE html>
<html lang="en">
<head>
     <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>首页 - 陈彬的Python教程</title>

</head>
<body>
<h1>············································章节目录··················································</h1>
<a href=" http://127.0.0.1:5000/chapter1"><img src="/static/chapter1.jpg" width="1350" height="270" /></a> <br>
<br>
<a href=" http://127.0.0.1:5000/chapter2"><img src="/static/chapter2.jpg" width="1350" height="270" /></a> <br>

</body>
</html>

HTML代码: chapter1

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>第一章 - 陈彬的Python教程</title>
</head>
<body>
<h1><i>第一章</i></h1>
<a href=" http://127.0.0.1:5000/chapter1/1.1">1.1 Python简介</a> <br>
<br>
<a href="http://127.0.0.1:5000/chapter1/1.2" target="_blank">1.2 Python安装步骤</a> <br>
<br>
<br>
<br>
<a href="http://127.0.0.1:5000/">返回上一层</a> <br>
<br>
<br>
<br>
<a href=" http://www.baidu.com/" target="_blank">百度一下,你就知道!</a> <br>
<a href=" http://www.taobao.com/">淘宝网,淘你喜欢!</a> <br>
<br>


</body>
</html>

HTML代码: chapter2

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>第二章 - 陈彬的Python教程</title>
</head>
<body>
<h1><i>第二章</i></h1>
<a href="http://127.0.0.1:5000/chapter2/2.1">2.1 Python基础</a> <br>
<br>
<a href="http://127.0.0.1:5000/chapter2/2.2">2.2 Python函数</a> <br>
<br>
<br>
<br>
<a href="http://127.0.0.1:5000/">返回上一层</a> <br>
</body>
</html>

HTML代码: 1.1

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>1.1 Python简介-陈彬的Python教程</title>
</head>
<body>
<p>1.1 Python简介</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python是著名的“龟叔”Guido van Rossum在1989年圣诞节期间,为了打发无聊的圣诞节而编写的一个编程语言。 现在,全世界差不多有<br>
 <br>
  600多种编程语言,但流行的编程语言也就那么20来种。如果你听说过TIOBE排行榜,你就能知道编程语言的大致流行程度 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;当你用一种语言开始作真正的软件开发时,你除了编写代码外,还需要很多基本的已经写好的现成的东西,来帮助你加快开发进度。比如 <br>
 <br>
       说,要编写一个电子邮件客户端,如果先从最底层开始编写网络协议相关的代码,那估计一年半载也开发不出来。高级编程语言通常都会提供 <br>
 <br>
    一个比较完善的基础代码库,让你能直接调用,比如,针对电子邮件协议的SMTP库,针对桌面环境的GUI库,在这些已有的代码库的基础上 <br>
 <br>
    开发,一个电子邮件客户端几天就能开发出来。 <br>
<img src="/static/girl3.jpg" width="500" height="300" />  <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python就为我们提供了非常完善的基础代码库,覆盖了网络、文件、GUI、数据库、文本等大量内容,被形象地称作“内置电池(batteries <br>
 <br>
    included)”。用Python开发,许多功能不必从零编写,直接使用现成的即可。 <br>
 <br>
    除了内置的库外,Python还有大量的第三方库,也就是别人开发的,供你直接使用的东西。当然,如果你开发的代码通过很好的封装,也可以 <br>
 <br>
    作为第三方库给别人使用。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;许多大型网站就是用Python开发的,例如YouTube、Instagram,还有国内的豆瓣。很多大公司,包括Google、Yahoo等,甚至NASA(美国 <br>
<br>
航空航天局)都大量地使用Python。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;龟叔给Python的定位是“优雅”、“明确”、“简单”,所以Python程序看上去总是简单易懂,初学者学Python,不但入门容易,而且将来深入下 <br>
 <br>
    去,可以编写那些非常非常复杂的程序。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;总的来说,Python的哲学就是简单优雅,尽量写容易看明白的代码,尽量写少的代码。如果一个资深程序员向你炫耀他写的晦涩难懂、动不 <br>
<br>
动就几万行的代码,你可以尽情地嘲笑他。 <br>
 <br>
首选是网络应用,包括网站、后台服务等等; <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;其次是许多日常需要的小工具,包括系统管理员需要的脚本任务等等; <br>
 <br>
另外就是把其他语言开发的程序再包装起来,方便使用。 <br>
 <br>
最后说说Python的缺点。 <br>
<img src="/static/girl4.jpg" width="500" height="300" /> <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;任何编程语言都有缺点,Python也不例外。优点说过了,那Python有哪些缺点呢? <br>
 <br>
第一个缺点就是运行速度慢,和C程序相比非常慢,因为Python是解释型语言,你的代码在执行时会一行一行地翻译成CPU能理解的机器码, <br>
 <br>
这个翻译过程非常耗时,所以很慢。而C程序是运行前直接编译成CPU能执行的机器码,所以非常快。 <br>
 <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;但是大量的应用程序不需要这么快的运行速度,因为用户根本感觉不出来。例如开发一个下载MP3的网络应用程序,C程序的运行时间 <br>
 <br>
需要0.001秒,而Python程序的运行时间需要0.1秒,慢了100倍,但由于网络更慢,需要等待1秒,你想,用户能感觉到1.001秒和1.1秒的区 <br>
<br>
别吗? <br>
 <br>
        这就好比F1赛车和普通的出租车在北京三环路上行驶的道理一样,虽然F1赛车理论时速高达400公里,但由于三环路堵车的时速只有20公里, <br>
 <br>
因此,作为乘客,你感觉的时速永远是20公里。 <br>
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter1">返回上一层</a> <br>
<a href="http://127.0.0.1:5000/">回到首页</a> <br>
<br>
<br>
<br>
</body>
</html>

HTML代码: 1.2

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>1.2 Python安装步骤-陈彬的Python教程</title>
</head>
<body>
<p>1.2 Python安装步骤</p>
在Mac上安装Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果你正在使用Mac,系统是OS X 10.8~10.10,那么系统自带的Python版本是2.7。要安装最新的Python 3.6,有两个方法: <br>
方法一:从Python官网下载Python 3.6的安装程序(网速慢的同学请移步国内镜像),双击运行并安装; <br>
方法二:如果安装了Homebrew,直接通过命令brew install python3安装即可。 <br>
在Linux上安装Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;如果你正在使用Linux,那我可以假定你有Linux系统管理经验,自行安装Python 3应该没有问题,否则,请换回Windows系统。 <br>
对于大量的目前仍在使用Windows的同学,如果短期内没有打算换Mac,就可以继续阅读以下内容。 <br>
在Windows上安装Python <br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首先,根据你的Windows版本(64位还是32位)从Python的官方网站下载Python 3.6对应的64位安装程序或32位安装程序(网速 <br>
慢的同学请移步国内镜像),然后,运行下载的EXE安装包 <br>
<img src="/static/girl5.jpg" width="500" height="300" />
<br>
<br>
<br>


</body>
</html>

HTML代码: 2.1

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>2.1 Python基础-陈彬的Python教程</title>
</head>
<body>
<p>2.1 Python基础</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Python是一种计算机编程语言。计算机编程语言和我们日常使用的自然语言有所不同, <br>
最大的区别就是,自然语言在不同的语境下有不同的理解,而计算机要根据编程语言执行任务, <br>
就必须保证编程语言写出的程序决不能有歧义,所以,任何一种编程语言都有自己的一套语法, <br>
编译器或者解释器就是负责把符合语法的程序代码转换成CPU能够执行的机器码,然后执行。 <br>
Python也不例外。 <br>
<img src="/static/girl.jpg" width="200" height="300" />
&nbsp;&nbsp;&nbsp;&nbsp;<img src="/static/girl2.jpg" width="200" height="300" />
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter2">返回上一层</a> <br>
<a href="http://127.0.0.1:5000/">回到首页</a> <br>

</body>
</html>

HTML代码: 2.2

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="icon" href="/static/title_pict.ico" type="img/x-ico" />
    <meta charset="UTF-8">
    <title>2.2 Python函数-陈彬的Python教程</title>
</head>
<body>
<p>2.2 Python函数</p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在Python中,定义一个函数要使用def语句,依次写出函数名、括号、括号中的参数和冒号:,然后,在缩进块中编写函数体, <br>
函数的返回值用return语句返回。 <br>
我们以自定义一个求绝对值的my_abs函数为例: <br>
def my_abs(x): <br>
    if x >= 0: <br>
        return x <br>
    else: <br>
        return -x <br>
<img src="/static/girl6.jpg" width="400" height="300" />
<br>
<br>
<br>
<a href=" http://127.0.0.1:5000/chapter2">返回上一层</a> <br>
<a href="http://127.0.0.1:5000/">回到首页</a> <br>
</body>
</html>

 

HTML笔记:

*HTML标题: <h1>这是一个标题</h1> 最重要的(字体最大)
<h2>这是一个标题</h2> 次重要的
<h3>这是一个标题</h3> 次之
注: 浏览器会自动地在标题的前后添加空行。

*HTML段落: <p>这是一个段落</p>
<p>这是另外一个段落</p>

*换行: <br>

*空格: &nbsp # 右键折叠(folding), 折叠所有, 再展开所有, 空格部分就会全部被折叠起来.

*链接: <a href="http://www.runoob.com">这是一个链接</a>

*图像: <img src="/images/logo.png" width="258" height="39" />

*音乐: <embed src="/static/music.mp3" hidden="true" autostart="true" loop="true"> # <body></body>中添加
注释: hidden=true代表隐藏播放 , autostart=true代表自动播放 , loop=true代表循环播放

*水平线: <hr> 标签在 HTML 页面中创建水平线。

*注释: {# 注释内容 #}

*加粗: <b> 内容 </b>

*斜体: <i> 内容 </i>

*<ul></ul> : 无序列表
*<li></li> : 无序列表内的列表项

*html函数格式: {% 循环 %} {{ 内含变量 }} {# 注释 #}

转载于:https://www.cnblogs.com/chenbin93/p/9002187.html

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
网站演示:http://qywz.wrzc.net 界面预览:http://down.wrzc.net/qywzwrzcnet.jpg 软件介绍:公司网站管理系统商业版源码下载,中文版免费企业网站管理系统,生成静态html文件的漂亮蓝色风格网页模板免费下载,企业网站模板,公司网站模板下载,公司网页模板,后台地址/admin/Login.asp,后台帐号admin密码为admin 网软志成企业网站管理系统V2030生成HTML静态页面版新增功能: 1.全站使用DIV+CSS排版,极大提升网站速度,更有利于搜索引擎收录数量和网店排名; 2.能在后台自动生成前台静态html网页,提升网站访问速度,兼容目前主流浏览器,提高搜索引擎收录数量和网店排名; 3.全站使用UTF-8国际编码,不管在国内的中文环境还是在国外的英文环境,网站都能正常显示; 4.使用了全新的产品图片浏览效果; 5.新增企业视频广告功能; 6.前后台进行了全新的优化和美化,更加适合当前主流的高分辨率显示; 7.更新了在线资讯功能,除了QQ增加了MSN,淘宝旺旺,同时都可在后台管理; 8.网站搜索功能进行了整合; 9.首页模板布局做了全新的调整; 10.新增企业地址导航地图; 11.后台新增网站推广功能,更有利于企业网站的排名和收录; 12.对全站进行了SEO优化; 13.修复了以往发现的BUG. 网软志成中英文双语企业网站管理系统,生成静态html文件的企业门户网站系统免费下载,后台自动生成前台静态html网页,公司网站主页模板,企业网站首页模板下载,asp生成html的,网软志成企业网站管理系统生成html正式版源码下载,有宣传,介绍,展示,推广,销售公司企业的产品与服务,开展企业网上电子商务业务的,实现营利,是整站系统设计功能的最终目标.可自助建立栏目菜单,可无限制扩展栏目分类的企业网站后台管理系统,咨询服务公司,中介公司,教育公司有限公司,公司注册公司,企业认证,商标专利公司整站代码,金融,保险,中介公司网站系统,维修安装,装饰公司网站asp版本,餐饮公司,展览公司,翻译公司网页模版,会计公司,软件公司网站生成html静态全站程序,公司网站自助建站程序,任意设置的会员级别和浏览权限精确到每条记录,这对于希望不同内容针对不查看对象开放来讲,无疑是最佳解决方案。企业网站智能建站系统,独具创意的其他信息无限扩展栏,对于希望发布固定栏目无法归类的其他信息,将是非常棒的途径。公司门户网站系统,公司网站内容管理系统商业版,完善的网站子模块,如企业简历,企业文化,企业新闻,业内资讯,产品展示,下载中心,企业荣誉,营销网络,人才招聘,客户留言,会员中心,充分考虑了公司,企业中英文网站管理系统的通用需求.网软志成提供的企业网站系统是采用全后台管理方式,后台功能齐全,使用维护方便.asp生成html版本,以及php生成html照明工业公司网站管理系统中文版,企业网站管理系统简体版,utf-8国际通用编码的企业网站整站程序,让全世界浏览网站的用户畅通无阻,交通运输企业整站程序,安防公司免费三语版整站程序,包装印刷公司,环保设备,中英文模具加工公司网站繁体商业版下载,服装公司,服饰公司网站免费下载,礼品公司,中文,英文适用的家居用品公司,电子公司网站模板,汽车公司网站系统,最专业的软件公司,多年开发经验,全国知名美工制作模板,标准化设计的企业门户网站建站管理系统,完全免费的灯饰企业公司网站源码,安防公司网站模板,生成html的包装公司网站模板,印刷厂网站源码,机床公司网站模板,家居装饰公司网站建设,网软志成企业网站管理系统生成html中文正式版源码下载,化妆品网站模板公司网站源码,礼品公司网站模板,DIV+CSS排版的手机公司企业网站管理系统,通讯公司,运动网站模板下载,家电公司网站模板正式版,数码公司网站源码完整版,网络公司网站模板下载,玩具公司网站模板,食品企业公司网站模板下载,办公设置公司网站,冶金矿产企业网站模板无限制版,纺织公司网站模板,农业林业公司网站模板,公司管理系统,政府网站管理系统,公司企业网站管理系统,电脑公司系统下载,个人网站系统,企业网站系统官方网站,asp网站管理系统,asp网站系统,网站生成系统,企业网站内容管理系统源码,网站源码下载无论是生产,销售,还是服务型的大中小型公司,企业的网站管理人员只要会打字,就会建起一个专业的公司,企业网站,随时管理网站内容.当企业信息介绍内容过长,需要多次滚屏时,可以考虑对内容做内分页处理。流量统计信息可以清零重置。信息暂存功能,即对于某些临时不需要发布的内容暂存起来,不用删除,以后重新开放即可。所有前台提交表单防刷新处理,有效过滤垃圾信息提交。此系统是基于asp+mssql技术开发的企业级电子商务平台,运行安全,稳定,快速,全自动化、全智能的在线方式管理、维护、更新的企业网站管理系统。提供下载的整站,程序源码,功能完全,欢迎大家下载使用.企业网站管理系统功能将更加完全,真正的能为大家在建设公司,企业网站中带来安全,稳定,高效。 免费网站模板,蓝色公司网站模板,商业网站模板,asp网站模板,公司网站管理系统,网站管理系统,网站系统,企业网站管理系统,免费企业网站模板,企业静态网站模板,中文企业网站模板,优秀企业网站模板,中小企业网站模板,企业网站设计模板,asp企业网站模板,asp企业网站模板,简单企业网站模板,韩国企业网站模板,完善的网站子模块,如企业简历,企业文化,企业新闻,业内资讯,产品展示,下载中心,企业荣誉,营销网络,人才招聘,客户留言,会员中心,充分考虑了公司,企业中英文网站管理系统的通用需求.全后台管理方式,后台功能齐全,使用维护方便.无论是生产,销售,还是服务型的大中小型公司,企业的网站管理人员只要会打字,就会建起一个专业的公司,企业网站,随时管理网站内容.提供下载的整站,程序源码,功能完全,欢迎大家下载使用.企业网站管理系统功能将更加完全,真正的能为大家在建设公司,企业网站中带来安全,稳定,高效。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值