python的前端和后端_前端的HTML/CSS和后端的Python
前端的HTML/CSS和后端的Python
皇甫敏娜
（信息与电气工程学院，计算机科学与技术，20142204891）
1. 前端HTML/CSS页面设计
1.1构造网页结构和功能
网站以超文本HTML语言为基础构建浏览器界面，添加脚本script程序，css程序增添网页样式。
个人网站系统结构分为js文件，css文件，当页面加载时，通过连接的js文件和css文件加载页面样式。
1.2 网站各页面设计
à视频子菜单时，跳转至浏览器视频界面，视频界面设置有暂停、播放、快进、快退、音量控制、静音、返回主页等功能，其中返回值也功能通过在源代码中设置锚点实现界面返回。
2. 后端设计—Python基础
2.1数值类型
2.1.1 整数
Python可以处理任意大小的整数，当然包括负整数，在Python程序中，整数的表示方法和数学上的写法一模一样，例如：1，100，-8080，0，等等。
计算机由于使用二进制，所以，有时候用十六进制表示整数比较方便，十六进制用0x前缀和0-9 a-f表示，例如：0xff00，0xa5b4c3d2，等等。
2.1.2浮点
数浮点数也就是小数，之所以称为浮点数，是因为按照科学记数法表示时，一个浮点数的小数点位置是可变的，比如，1.23x10^9和12.3x10^8是相等的。浮点数可以用数学写法，如1.23，3.14，-9.01，等等。但是对于很大或很小的浮点数，就必须用科学计数法表示，把10用e替代，1.23x10^9就是1.23e9，或者12.3e8，0.000012可以写成1.2e-5，等等。
整数和浮点数在计算机内部存储的方式是不同的，整数运算永远是精确的,而浮点数运算则可能会有四舍五入的误差。
2.1.3布尔值
布尔值和布尔代数的表示完全一致，一个布尔值只有True、False两种值，要么是True，要么是False，在Python中，可以直接用True、False表示布尔值（需要注意大小写），也可以通过布尔运算计算出来。
布尔值可以用and、or和not运算。
and运算是与运算，只有所有都为 True，and运算结果才是 True。
or运算是或运算，只要其中有一个为 True，or 运算结果就是 True。
not运算是非运算，它是一个单目运算符，把 True 变成 False，False 变成 True。
2.1.4空值
空值是Python里一个特殊的值，用None表示。None不能理解为0，因为0是有意义的，而None是一个特殊的空值。
2.2
print语句
print语句可以向屏幕上输出指定的文字。比如输出'hello,
world'，用代码实现如下：
>>>
print 'hello, world'
注意：
1.当我们在Python交互式环境下编写代码时，>>>是Python解释器的提示符，不是代码的一部分。
2.当我们在文本编辑器中编写代码时，千万不要自己添加
>>>。
print语句也可以跟上多个字符串，用逗号“,”隔开，就可以连成一串输出：
>>>
print 'The quick brown fox', 'jumps over', 'the lazy
dog'
The quick brown
fox jumps over the lazy dog
print会依次打印每个字符串，遇到逗号“,”会输出一个空格，因此，输出的字符串是这样拼起来的：
print也可以打印整数，或者计算结果：
>>>
print '100 + 200 =', 100 + 200
100 + 200 =
300
#运行结果
注意: 对于100 +
200，Python解释器自动计算出结果300，但是，'100 +
200 ='是字符串而非数学公式，Python把它视为字符串。
2.3注释
Python的注释以 # 开头，后面的文字直到行尾都算注释
#
这一行全部都是注释...
print 'hello'
# 这也是注释
注释还有一个巧妙的用途，就是一些代码我们不想运行，但又不想删除，就可以用注释暂时屏蔽掉：
#
暂时不想运行下面一行代码:
# print 'hello,
python.'
2.4变量
在Python中，变量的概念基本上和初中代数的方程变量是一致的。例如，对于方程式 y=x*x ，x就是变量。当x=2时，计算结果是4，当x=5时，计算结果是25。只是在计算机程序中，变量不仅可以是数字，还可以是任意数据类型。在Python程序中，变量是用一个变量名表示，变量名必须是大小写英文、数字和下划线（_）的组合，且不能用数字开头，比如：
a =
1
变量a是一个整数。
t_007 =
'T007'
变量t_007是一个字符串。
在Python中，等号=是赋值语句，可以把任意数据类型赋值给变量，同一个变量可以反复赋值，而且可以是不同类型的变量，例如：
a =
123
# a是整数
a
a =
'imooc' #
a变为字符串
a
这种变量本身类型不固定的语言称之为动态语言，与之对应的是静态语言。
静态语言在定义变量时必须指定变量类型，如果赋值的时候类型不匹配，就会报错。
例如Java是静态语言，赋值语句如下（// 表示注释）：
int a = 123; //
a是整数类型变量
a = "mooc";
// 错误：不能把字符串赋给整型变量
在程序中，赋值语句先计算右侧的表达式x + 2，得到结果12，再赋给变量x。由于x之前的值是10，重新赋值后，x的值变成12。当我们写：a =
'ABC'时，Python解释器做了两件事情：
1. 在内存中创建了一个'ABC'的字符串；
2. 在内存中创建了一个名为a的变量，并把它指向'ABC'。
也可以把一个变量a赋值给另一个变量b，这个操作实际上是把变量b指向变量a所指向的数据，例如下面的代码：
a =
'ABC'
b =
a
a =
'XYZ'
b
最后一行打印出变量b的内容到底是'ABC'呢还是'XYZ'？如果从数学意义上理解，就会错误地得出b和a相同，也应该是'XYZ'，但实际上b的值是'ABC'，让我们一行一行地执行代码，就可以看到到底发生了什么事：
执行a = 'ABC'，解释器创建了字符串'ABC'和变量 a，并把a指向
'ABC'：
执行b = a，解释器创建了变量 b，并把b指向
a 指向的字符串'ABC'：
执行a = 'XYZ'，解释器创建了字符串'XYZ'，并把a的指向改为'XYZ'，但b并没有更改：
所以，最后打印变量b的结果自然是'ABC'了。
2.5
if语句
计算机之所以能做很多自动化的任务，因为它可以自己做条件判断。
比如，输入用户年龄，根据年龄打印不同的内容，在Python程序中，可以用if语句实现：
age =
20
if age >=
18:
print 'your age is', age
print 'adult'
'END'
注意: Python代码的缩进规则。具有相同缩进的代码被视为代码块，上面的3，4行 print
语句就构成一个代码块（但不包括第5行的print）。如果 if 语句判断为 True，就会执行这个代码块。
缩进按照Python的习惯写法：4个空格，不要使用Tab，更不要混合Tab和空格，否则很容易造成因为缩进引起的语法错误。
注意: if 语句后接表达式，然后用:表示代码块开始。
如果你在Python交互环境下敲代码，还要特别留意缩进，并且退出缩进需要多敲一行回车：
>>>
age = 20
>>> if
age >= 18:
...
print 'your age is', age
...
print 'adult'
...
your age is
20
adult
2.6
for循环
list或tuple可以表示一个有序集合。如果我们想依次访问一个list中的每一个元素呢？比如 list：
L = ['Adam',
'Lisa', 'Bart']
L[0]
L[1]
L[2]
如果list包含1万个元素，我们就不可能写1万行print。
这时，循环就派上用场了。
Python的 for 循环就可以依次把list或tuple的每个元素迭代出来：
L = ['Adam',
'Lisa', 'Bart']
for name in
L:
print name
注意:
name 这个变量是在 for
循环中定义的，意思是，依次取出list中的每一个元素，并把元素赋值给 name，然后执行for循环体（就是缩进的代码块）。
这样一来，遍历一个list或tuple就非常容易了。
例如：班里考试后，老师要统计平均成绩，已知4位同学的成绩用list表示如下：L = [75, 92, 59, 68]请利用for循环计算出平均成绩。
L = [75, 92,
59, 68]
sum =
0.0
for x in
L:
sum = sum + x
print sum /
4