登录  /  注册
博主信息
博文 47
粉丝 3
评论 0
访问量 36691
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
php开发环境、网站静态到动态的发展历史、写一个页面
原创
543人浏览过

1. php开发环境

windows(集成): phpstudy, wampserver, xampp,upupw…
window(原生版本):iis + php +mysql 或者 apache + php +mysql 或者 nginx+ php +mysql
macos: xampp, mamp pro / free…

  • 以下测试以phpstudy为例


2. 网站静态到动态的发展历史

.txt纯文本,不带格式
.html 格式化文本,但内容固定
.php 由服务器端动态改变内容,产生输出到html,更具多样化,从格式到内容都是可变的

3. 写一个页面

  • index.php 主体代码
  1. <!-- 公共头部 -->
  2. <?php
  3. require __DIR__.'/inc/header.php';
  4. ?>
  5. <!-- 主体 -->
  6. <h2><?=$navs[0]?></h2>
  7. <ol>
  8. <?php foreach ($movies as $movie) :?>
  9. <li><a href=""><?=$movie?></a></li>
  10. <?php endforeach ?>
  11. </ol>
  12. <!-- 公共页脚 -->
  13. <?php
  14. require __DIR__.'/inc/footer.php';
  15. ?>
  • /inc/config.php代码
  1. <?php
  2. $title = "天蓬影视";
  3. $desc = "为你搜集全网最新最快的影视资源";
  4. $keywords = "国产、港片、大陆、欧美、日韩";
  5. $copyright = "天蓬大人";
  • /inc/header.php 公共头部php代码
  1. <?php
  2. require 'config.php';
  3. $movies = ["老九门","沙海","盗墓笔记"];
  4. // 导航
  5. $navs = ["国产好剧","香港地区","欧洲地区","纪录片"];
  6. ?>
  7. <!DOCTYPE html>
  8. <html lang="en">
  9. <head>
  10. <meta charset="UTF-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <meta name="keywords" content="<?=$keywords?>">
  13. <meta name="description" content="<?=$desc?>">
  14. <title><?=$title?></title>
  15. <style>
  16. * {
  17. padding: 0;
  18. margin: 0;
  19. box-sizing: border-box;
  20. text-decoration: none;
  21. list-style: none;
  22. }
  23. .header {
  24. background-color: pink;
  25. padding: 10px;
  26. line-height: 40px;
  27. border-bottom: 5px solid red;
  28. }
  29. .header ul {
  30. display: grid;
  31. grid-template-columns: repeat(5, 1fr);
  32. grid-template-rows: 40px;
  33. gap: 5px;
  34. text-align: center;
  35. }
  36. .header ul li {
  37. background-color: lightcyan;
  38. color: white;
  39. }
  40. .header ul li:hover {
  41. background-color: violet;
  42. }
  43. .footer {
  44. height: 30px;
  45. background-color: #999;
  46. color: white;
  47. text-align: center;
  48. line-height: 30px;
  49. }
  50. </style>
  51. </head>
  52. <body>
  53. <div class="header">
  54. <ul class="header-nav">
  55. <li><a href="">首页</a></li>
  56. <?php foreach ($navs as $nav) :?>
  57. <li><a href=""><?=$nav?></a></li>
  58. <?php endforeach ?>
  59. </ul>
  60. </div>
  • /inc/footer.php 公共页脚php代码
  1. <div class="footer">
  2. <p> <?=$copyright?> copy&copy; 版权所有</p>
  3. </div>
  4. </body>
  5. </html>
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学