博客列表 >PHP快速入门与常用语法

PHP快速入门与常用语法

残破的蛋蛋
残破的蛋蛋原创
2021年01月22日 17:22:32778浏览

PHP快速入门与常用语法

一、PHP环境搭建

常用的 php 集成环境有哪些

  • windows: phpstudy,wampserver, xampp,upupw…

  • macos: xampp, mamp pro(收费)

二、网站从静态到动态的发展历史

1.Web技术发展的第一阶段——静态文档

第一阶段的Web,主要是静态Web页面的浏览。用户使用客户端访问Web页面,每一个页面都有一个入口,里面包含一些超文本链接,图片资源等等。

2.Web技术发展的第一阶段——动态页面

为了解决静态页面的不足,通过编程技术在静态页面中加入了各种程序控制和逻辑,是用户可以动态的加载网页上的内容,并且有了数据库的支持,网站可以实现非常多的功能,比如用户注册、登录、历史记录、用户管理等等。动态页面并不是真正存在于服务器上的真实文件,而是通过用户请求,服务器处理才返回的一个用户需要的页面。

3.现在Web技术已经进入了Web2.0

Web2.0中出现了更多的技术,比如手机端的页面,同时也增加前后端分离的开发,响应式等等。

三、使用PHP与HTML混编写一个小网站

采用代码分离的方式,将网站的头部(header),主体部分(main)以及页脚(footer)分别放入单独的文件当中。

  • header部分代码:
  1. <?php
  2. include "./data/posts.php";
  3. ?>
  4. <!DOCTYPE html>
  5. <html lang="en">
  6. <head>
  7. <meta charset="UTF-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <title>使用PHP与HTML混编写一个小网站</title>
  10. <link rel="stylesheet" href="./static/css/header.css">
  11. <link rel="stylesheet" href="./static/css/main.css">
  12. <link rel="stylesheet" href="./static/css/footer.css">
  13. </head>
  14. <body>
  15. <header>
  16. <nav>
  17. <ul class="nav">
  18. <li><a href="">首页</a></li>
  19. <?php foreach ($data["navs"] as $nav) : ?>
  20. <li><a href=""><?=$nav?></a></li>
  21. <?php endforeach ?>
  22. </ul>
  23. </nav>
  24. </header>
  • footer部分代码:
  1. <hr>
  2. <footer>
  3. Copyright © 2021 PHP中文网 All Rights Reserved
  4. </footer>
  5. </body>
  6. </html>
  • main主体部分代码:
  1. <main>
  2. <div class="container">
  3. <ul class="articles">
  4. <?php foreach ($data["articles"] as $article) : ?>
  5. <li class="article">
  6. <a href="<?=$article["link"]?>" class="img-info"><img src="<?=$article["img"]?>" alt="<?=$article["title"]?>"></a>
  7. <div class="article-info">
  8. <h3><a href=""><?=$article["title"]?></a></h3>
  9. <p class="author">作者:<?=$article["author"]?></p>
  10. <p class="desc"><?=$article["desc"]?></p>
  11. <p class="next"><a href=""><?=$article["new"]?></a></p>
  12. </div>
  13. </li>
  14. <?php endforeach ?>
  15. </ul>
  16. </div>
  17. </main>
  • 首页index代码:
  1. include __DIR__ . '/layout/header.php';
  2. include __DIR__ . '/layout/main.php';
  3. include __DIR__ . '/layout/footer.php';
  • 效果图:

小网站

点击线上访问: 使用PHP与HTML混编写一个小网站

作业案例demo源码:

链接:https://pan.baidu.com/s/1ylyv0lXvmO5XJ7AyfbblEw 提取码:wq9u

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议