网络之前台与后台

简介

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


image.png

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

目录

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>
        密&nbsp&nbsp 码:<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/ + 第一步的文件名
结果如下:


image.png

2.搭建php后台

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

<?php 
     // 获取提交的用户名
     $name = $_GET["user_name"];
     $password = $_GET["user_password"];

     // 查询数据库

     // 返回结果
     //echo "success";
     echo "用户名:".$name."密码:".$password;
 ?>

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,125评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,293评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,054评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,077评论 1 291
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,096评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,062评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,988评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,817评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,266评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,486评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,646评论 1 347
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,375评论 5 342
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,974评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,621评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,642评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,538评论 2 352

推荐阅读更多精彩内容