简介
上网时,只要输入网址,就能访问相应的网页,并接收或发送数据。而网络的工作,又包括两部分:前台和后台。
前台:前台就是指我们输入网址后展现在网民眼前的网页、界面、设计
面向用户,如:每天看的新闻网站,手机app等
后台:指我们给网站加资料的地方
是管理员用的,需要账号和密码登录
接下来,为大家演示简单搭建前台和后台。
目录
1.搭建html网页作为前台
2.搭建php后台
3.代码访问服务器端数据
详解
首先,想要搭建前台后台,就需要先安装好相应工具。
1.安装apache服务器
2.搭建php环境
1.搭建html网页作为前台
个人推荐再下载一个sublime text,这款软件十分好用
<!DOCTYPE html>
<html>
<head>
<title>Login</title>
</head>
<body background="2.jpg">
<!-- 表单内容 -->
<!-- action: 内容提交到服务器的哪个程序中
即提交的内容由服务器的哪个文件来处理
method:提交方式:get/post -->
<form action="login.php" method="get">
<center>
用户名:<input type="text" name="user_name" align="center"><br>
密   码:<input type="password" name="user_password"><br>
<input type="submit" name="提交">
</center>
</form>
</body>
</html>
1.将以上内容以文档形式保存到Apache\Apache24\htdocs路径下(找到安装的apache路径)
2.再将文件后缀改为 .html
3.打开浏览器访问网址:127.0.0.1/ + 第一步的文件名
结果如下:
2.搭建php后台
搭建的后台用于接收前台传递 来的数据,即上一步网页传递来的数据,为了方便查看将其打印出来。
<?php
// 获取提交的用户名
$name = $_GET["user_name"];
$password = $_GET["user_password"];
// 查询数据库
// 返回结果
//echo "success";
echo "用户名:".$name."密码:".$password;
?>
1.将文件名改为login.php,保存到Apache\Apache24\htdocs路径下
2.在浏览器中打开刚才搭建的html网页,输入用户名和密码,提交
结果如下:
注意:
php接收外部传递过来数据,客户端提交的数据
数据的提交又两种方式:
get/GET:
向服务器提交数据 并获取服务器返回的结果
特点:提交的数据都在url里面体现出来
不安全
当提交数据比较多时 无法使用
数据不是特别重要并且数据量少
post/POST:
向服务器提交数据 并获取服务器返回的结果
提交的数据不会展示在url里面
安全
可提交大量数据
3.代码访问服务器端数据
127.0.0.1是本机ip地址回路,以下都是访问刚才搭建的本机服务器
Apache\Apache24\htdocs路径为该服务器的workspace,即上传和访问的数据都是这个目录下的。
1.使用post向服务器上传数据,并接收返回的数据
public class MyClass {
public static void main(String[]args) throws IOException {
// 创建url
URL url = new URL("http://127.0.0.1/login.php");
// 获取连接对象
// URLConnection
// HttpURLConnection 需要自己更改请求内容 请求方式 上传内容
HttpURLConnection connection = (HttpURLConnection) url.openConnection();
//改变上传方式
connection.setRequestMethod("POST");
//设置输出输入流 需要输入输出
connection.setDoInput(true);
connection.setDoOutput(true);
// 准备上传的数据
String data = "user_name=jack&user_password=123";
// 开始上传 输出流对象
OutputStream os = connection.getOutputStream();
os.write(data.getBytes());
os.flush(); //写完了
// 接收服务器端返回的数据
InputStream is = connection.getInputStream();
byte[] buf = new byte[1024];
int len;
while ((len = is.read(buf)) != -1){
System.out.println(new String(buf,0,len));
}
}
}
输出结果:
2.从服务器下载图片
准备好一张图片(命名为1.jpg)放到Apache\Apache24\htdocs路径下,模拟服务器的数据,将其下载到桌面
public class MyClass {
public static void main(String[]args) throws IOException {
//url
URL url = new URL("http://127.0.0.1/1.jpg");
// 获取与服务器连接的对象
URLConnection connection = url.openConnection();
// 获取输入流
InputStream is = connection.getInputStream();
// 创建文件保存位置
FileOutputStream fos = new FileOutputStream("C:\\Users\\Inuyasha\\Desktop\\1.jpg");
byte[]data = new byte[1024];
int len;
while ((len = is.read(data)) != -1){
fos.write(data,0,len);
}
}
}
结果:返回桌面,会多出一张1.jpg的图片