小迪安全笔记-12

第12天：PHP开发-个人博客项目_文章功能显示_数据库操作_数据接受

3.HTML+CSS入门-样式编排

一、知识点

1.PHP入门-语法&提交等

2.MYSQL入门-数据库操作

3.HTML+CSS入门-样式编排

二、小迪博客-文章阅读功能初步实现

实现功能：

前端文章导航，点入内容显示，更改ID显示不同内容

实现步骤：

1.前端页面显示编写-HTML&CSS

PHP开发常用工具：

Navicat：操作数据库

Dreamweaver：前端页面设计

phpStudy：PHP搭建环境

phpStorm：php开发IDE

普通人直接用vscode就行，没必要硬上Dreamweaver

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Kn1ght</title>

<style type="text/css">

ul{/*设置导航栏的框框*/

margin: 30px auto;/*框框整体的位置，30px是指离网页的顶部和下部的距离，auto控制

的是左右距离为自动调节*/

width: 600px;/*框框的宽度*/

height: 350px;/*框框的长度*/

padding: 0px;/*将框框的padding设置为零，不然会导致框框里的内容与框边缘有间隔*/

border:1px solid #000;/*添加边框*/

}

li{

list-style-type: none;/* 去掉li前的点 */

float: left;/*将li设置成做浮动，变为联动*/

}

a{

display: block;/*将a变成块状*/

width: 100px;/*设置块的宽度*/

height: 50px;/*设置块的长度*/

font-family: Microsoft Yahei;

line-height: 50px;/*设置字体在块中的高度*/

background-color: #aaa;

margin: 0px 0px;/*块里的高宽通过margin设置*/

color: #fff;

text-align: center;/*字体居中*/

text-decoration: none;/*去掉下划线*/

font-size: 15px;

}

a:hover{

background-color: pink;/*鼠标点击后显示的颜色*/

从网上嫖了一个导航栏，插入了可爱芙芙

效果是这样的

}

</style>

</head>

<body>

<div >

<!-- ul标签定义的是表格当中无序列表，表格当中的无序列表都是在<ul>标签之中，无序列表都

是和<li>标签在一起使用的。 a是连接标签。-->

<ul class="daohang">

<li><a href="index.php">首页</a></li>

<li><a href="file.php">文件查询</a></li>

<li><a href="">编辑资料</a></li>

<li><a href="">选择项目</a></li>

<li><a href="">查看文档</a></li>

<li><a href="">帮助文库</a></li>

<!-- 下面是添加一张图片，style是样式要图片能够完全的显示在设置的框中 -->

<div><img src="./118366914_2.png" alt="" height="430" style="width:

600px;height: 550px;"></div>

</ul>

</div>

</body>

</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<?php

//操作数据库，取出数据

$conn=mysql_connect(server:'127.0.0.1',username:'root',password:'root'); //连接数

据库 设置$conn变量，在连接多个数据库的情况下选择对应关系。

mysql_select_db(database name:'www_blog123t_com',$conn) //选择数据库

$sql='select * from fileinfo'; //选择表

$result=mysql_query($sql,$conn);

while($row=mysql_fetch_array($result)){

echo $row['id'];

echo $row['content'];

}

?>

每次都要重新连接数据库太麻烦了，小迪搞了一个配置文件

1
2
3
4
5
6
7
<?php

$conn=mysql_connect(server:'localhost',username:'root',password:'root');

mysql_select_db(database name:'Kn1ght',$conn);

?>

这个配置文件里有数据库的账密，配置文件泄露了，数据库账密也就泄露了

三、总结

项目一：个人博客

前台：文章阅读 会员中心 留言板 模版引入

后台：登录验证 文章操作 配置修改等

数据库操作类的代码

文件上传

文件下载

有操作就有代码，有代码就有漏洞

html代码中能加入php代码

php代码中也能加入html代码

mysql：增删改查

前台：显示文章

后台：添加文章

查询：select 删除：delete（删除文章） 增加：insert（添加文章） 更新：update

四

GET方式

get.jpg

POST方式

post.jpg

REQUEST方式(REQUEST代表全部接收）

request.jpg

单引号和双引号区别

$x=”123”;

echo $x;

//网页访问输出123

$x=”123”;

echo ‘$x’;

//网页输出$x

$x=”123”;

echo “x=$x”;

//网页输出x=123