网络之前台与后台

简介

上网时，只要输入网址，就能访问相应的网页，并接收或发送数据。而网络的工作，又包括两部分：前台和后台。
前台：前台就是指我们输入网址后展现在网民眼前的网页、界面、设计
   面向用户，如：每天看的新闻网站，手机app等
后台：指我们给网站加资料的地方
   是管理员用的，需要账号和密码登录

image.png

接下来，为大家演示简单搭建前台和后台。

目录

1.搭建html网页作为前台

2.搭建php后台

3.代码访问服务器端数据

详解

首先，想要搭建前台后台，就需要先安装好相应工具。
1.安装apache服务器
2.搭建php环境

1.搭建html网页作为前台

个人推荐再下载一个sublime text，这款软件十分好用

    





    

        
        用户名：

        密   码：

        
        

    

1.将以上内容以文档形式保存到Apache\Apache24\htdocs路径下（找到安装的apache路径）
2.再将文件后缀改为 .html
3.打开浏览器访问网址：127.0.0.1/ + 第一步的文件名
结果如下：

image.png

2.搭建php后台

搭建的后台用于接收前台传递 来的数据，即上一步网页传递来的数据，为了方便查看将其打印出来。

1.将文件名改为login.php，保存到Apache\Apache24\htdocs路径下
2.在浏览器中打开刚才搭建的html网页，输入用户名和密码，提交
结果如下：

image.png

注意：
php接收外部传递过来数据，客户端提交的数据
数据的提交又两种方式：
get/GET：
向服务器提交数据 并获取服务器返回的结果
特点：提交的数据都在url里面体现出来
不安全
当提交数据比较多时 无法使用
数据不是特别重要并且数据量少

get方式

post/POST：
向服务器提交数据 并获取服务器返回的结果
提交的数据不会展示在url里面
安全
可提交大量数据

post方式

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));
        }

    }
}

输出结果：

image.png

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的图片