笔记day06
后续项目中需要用到前端、后端、数据库三方面知识
所以课程中涵盖了三方面内容
-
MySQL基本操作
-
基本SQL语句
-
字段类型
-
字段约束
-
外键约束
-
表查询关键字
-
多表查询思路
-
可视化软件
-
表查询实战演练
-
pymysql模块
本周内容概要
-
软件开发架构
-
socket模块
-
前端核心
HTML、CSS、JavaScript
jQuery、Bootstrap、fontawesome、elementui
本周内容详细
软件开发架构
CS架构
C:client 客户端
S:server 服务端
客户端需要基于互联网访问服务端才可以体验到服务端提供的服务
小弊端:要想体验服务需要提前下载对应的客户端 稍微有点麻烦!!!
eg:
1.手机(计算机)上各种各样的app其实就是一个个客户端
2.客户端可以看成是一个个即将去消费的客人 服务端可以看成是一家家店
客户端访问服务端就相当于是客人进店消费体验店里的服务
服务端需要具备的三大条件
1.要有固定的地址
2.24小时不间断服务
3.能够承受高并发(可以服务很多人)
BS架构
B:broswer 浏览器
S:server 服务器
浏览器充当所有服务端的客户端 用户无需下载对应的客户端 使用浏览器即可
(浏览器可以直接访问淘宝、京东、抖音、微信、qq)
但是使用浏览器访问服务端和使用专门的客户端访问服务端 页面样式和功能可能会有所区别
BS架构给了我们一种启发>>>:统一接口
BS架构的本质也是CS架构
socket模块
该模块专门用于计算机之间的远程数据交互
socket基本操作
import socket
# 1.产生一个socket对象
server = socket.socket() # 括号内不传参数 默认采用的网络协议是TCP协议(后续可自行了解)
# 2.绑定一个固定的地址(IP PORT)
"""
IP地址:接入互联网的计算机都必须有一个IP地址 相当于身份证号
PORT号:计算机用于管理自身多个应用程序的方式
"""
server.bind(('127.0.0.1', 8080)) # 127.0.0.1是本地回环地址 只有自己的计算机才可以访问
# 3.半链接池(节省资源)
server.listen(5)
# 4.等待客户端链接
sock, addr = server.accept() # sock用于数据交互 addr客户端地址
# 5.朝客户端发送数据
sock.send(b'hello I am from server')
# 6.接收客户端的数据
data = sock.recv(1024)
print('客户端发送过来的数据:',data)
import socket
# 1.产生一个socket对象
client = socket.socket()
# 2.链接服务端(IP PORT)
client.connect(('127.0.0.1', 8080))
# 3.接收服务端发送过来的数据
data = client.recv(1024)
print('来自于服务端的数据:',data)
# 4.朝服务端发送数据
client.send(b'hello I am from client')
前端简介
前端(前台接待员)
任何与用户直接打交道的界面 都可以称之为是前端
后端(幕后操作者)
不直接与用户打交道 主要负责业务核心逻辑的执行
"""
开玩笑:IT行业存在一个鄙视链
后端程序员 > 运维、测试、前端、产品经理
"""
前端核心知识
HTML
构建网页的骨架 类似于光着身子的蜡笔小新
CSS
调节HTML样式 类似于给蜡笔小新穿衣服、化妆
JavaScript
控制动态效果 类似于让拉比小新跳舞
代码模拟
代码模拟服务端 浏览器充当客户端请求数据
无法直接交互 数据格式需要符合HTTP协议(超文本传输协议)
HTML
超文本标记语言 是构建网页的骨架(也可以笼统说所有浏览器展示出来的花里胡哨的页面都是有它构建而来)
eg:淘宝 京东 拼夕夕
"""
浏览器上肉眼看到的内容肯定不是内部真正的模样!!! 内部肯定需要对应一段代码
"""
1.文件结构
<html>
<head>浏览器不直接展示出来的内容</head>
<body>浏览器会直接展示出来的内容</body>
</html>
2.语法注释
<!--注释内容-->
3.标签分类
双标签:一部分双标签很多情况下都可以在内部嵌套其他标签
<h1></h1>
单标签
<img/>
4.head内常见标签
title 网页小标题
style 内部编写css代码
link 通过href属性引入外部css文件
script 内部编写js代码或者通过src属性引入外部js文件
5.body内常见标签
5.1.基本标签
h1~h6 标题标签
u i s b 下划线、斜体、删除线、加粗
p 段落标签
hr 水平分割线
br 换行符
5.2.常见符号
空格符
> 大于号(避免普通文本的符号与html标签符号冲突)
< 小于号(避免普通文本的符号与html标签符号冲突)
¥ 羊角符
5.3.布局标签
div 专门做页面的前期规划布局(使用频率最高)
span 专门提供普通文本的内容(使用频率较低)
5.4.常见标签
a 链接标签 href属性跳转网页
img 图片标签 src属性展示图片
5.5.列表标签
ul
li
无序列表
页面上只要是有规则排列的横向或者竖向的多行内容 一般都是无序列表
5.6.表格标签
table 模拟excel表格存储数据的样式
thead