技术这个玩意就是要不断的去使用,才能够熟能生巧。今天我记录的使用php与mysql构建我们的网站,其实是我两年前的时候写的项目。
现在看看自己以前写的个人项目,也会感叹时间究竟带走了什么?好记性不如烂笔头,常写常练,才能够真正的有收获。这个项目当初也是为了公司的项目
能够做的更好,自己又喜欢足球,所以才模仿的懂球帝官网所做的一个项目。
先看看全貌,是不是和懂球帝现在的官网不同?

接下来我们来看看是如何完成我们的网站的吧
首先见我们的头部

再见我们的footer

我们如何将footer和heade和footer渲染到页面呢?
先看看我在html文件中的内容吧
这个是header的

这个是footer的

接下来我们要做的就是将header和footer中的内容渲染到页面

除了头部和尾部,我还有做一个标题的闪烁功能

我们查看官网的时候,会发现,当点击新闻类型的时候,下面就会切换出不同的新闻,这个我们是如何做呢?
我用的办法可能有些死板

先看看我的js是怎么写的
点击头条的时候,页面会给服务器发送一个请求,这个请求会从后端数据库中取出数据,按照每一页传入条数,
根据新闻时间新闻内容的不同在我们的数据也通过不同的方式拼接出来。

接下来我们看看中的数据

我们看到里面有个Init.php

其实这个就是连接我们的数据库
说到数据库,就不得不提如何创建数据库,以及对数据的基本操作了,里面也会涉及到增删改查。

项目是借鉴的官网本身做的,其实就是还有轮播,以及table显示比分等。这些其实和上面使用的方法没有更多的区别甚至还简单了一些,毕竟是没有
分页等功能只需要展示数据即可。

后记:做好自己,做好技术,很重要。珍惜时间,快速进步。多写博客。才会有收获。相信自己不断尝试。
彼时的我想说,我对不起时间********(我还差远了)**************

使用php与mysql构建我们的网站的更多相关文章

  1. Flask 构建微电影视频网站(一)

    Flask构建电影视频网站 Python MTV模型 Flask微内核 Flask扩展插件配置及使用方法 根据业务开发网站前后台功能 Flask结合MySQL数据库 你将可以独立开发网站 独立部署运维 ...

  2. Python flask 构建微电影视频网站☝☝☝

    Python flask 构建微电影视频网站☝☝☝ 1.安装数据库连接依赖包 pip install flask-sqlalchemy 2.创建movie数据库 在CentOS虚拟机,进入MaridD ...

  3. Maven+JSP+SSM+Mysql实现的音乐网站

    项目简介 项目来源于:https://gitee.com/coder_ze/iMusic 本系统基于Maven+JSP+SSM+Mysql实现的音乐网站.主要实现的功能有音乐播放.下载.上传等几个模块 ...

  4. 一个基于mysql构建的队列表

    通常大家都会使用redis作为应用的任务队列表,redis的List结构,在一段进行任务的插入,在另一端进行任务的提取. 任务的插入 $redis->lPush("key:task:l ...

  5. Skeljs – 用于构建响应式网站的前端开发框架

    skelJS 是一个轻量级的前端框架,用于构建响应式站点和应用程序.让设计人员和开发人员可能够使用四个强大的组件:CSS 网格系统,响应式处理程序,CSS 的快捷方式和插件系统. 您可能感兴趣的相关文 ...

  6. 构建ASP.NET网站十大必备工具(2)

    正常运行时间 当一个网站发布以后,你肯定希望你的网站不会遇到任何问题,一直处在正常运行状态之中.现在,我使用下面这些工具来监控“Superexpert.com”网站,确保它一直处在正常运行状态之中. ...

  7. 构建ASP.NET网站十大必备工具(1)

    最近使用ASP.NET为公司构建了一个简单的公共网站(该网站的地址:http://superexpert.com/).在这个过程中,我们使用了数量很多的免费工具,如果把构建ASP.NET网站的必备工具 ...

  8. 使用 Responsive Elements 快速构建响应式网站

    Responsive Elements 可以使任何元素来适应和应对他们所占据的区域.这是一个轻量的 JavaScript 库,你可以轻松嵌入到你的项目.元素会更具自己的宽度,自动响应和适应空间的增加或 ...

  9. MySql计数器,如网站点击数,如何实现高性能高并发的计数器功能

    MySql计数器,如网站点击数,如何实现高性能高并发的计数器功能 Clicks: Date: -- :: Power By 李轩Lane TagMysql计数器高性能 现在有很多的项目,对计数器的实现 ...

随机推荐

  1. Ubuntu16.04下安装破解secureCRT和secureFX的操作记录

    本地电脑之前安装的是win10,疲于win10频繁的更新和各种兼容问题,果断放弃win10系统,安装了Ubuntu 16.04系统,现在微信.QQ.钉钉.WPS等都已支持linux版本,所以在Ubun ...

  2. 磁盘挂载问题:Fdisk最大只能创建2T分区的盘,超过2T使用parted

    需求说明:云服务器上买了一块8T的磁盘,准备挂载到服务器上的/data目录下. ===================================parted命令说明=============== ...

  3. 个人作业week7——前端开发感想总结

    个人作业week7——前端开发感想总结 1. 反思 首先要谈谈在这次团队项目的工作中,我这边出现过的较为严重的一个问题:我和HoerWing (后端担当)合作时,最初因为我没有使用github(始终连 ...

  4. android开发之图表

    在这里使用的插件为Mpchart,只以折线图为例.首先需要导入

  5. java_web—JSP+Servlet+JavaBean

    JSP -> Java Server Page  后端 jsp -> JavaScript  前端 JSP语法 1.JSP插入Java代码 三种形式: (1)<%!  %> ( ...

  6. 第三个Sprint冲刺第七天(燃尽图)

  7. Android Studio中的Gradle是干什么的

    作者:ghui链接:https://www.zhihu.com/question/30432152/answer/48239946来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注 ...

  8. .NET 使用 RabbitMQ 图文简介

    前言 最近项目要使用RabbitMQ,园里里面已经有很多优秀的文章,Rabbitmq官网也有.net实例.这里我尝试下图文并茂之形式记录下使用的过程. 安装 RabbitMQ是建立在erlang OT ...

  9. HTML DOM 学习笔记

    一.HTML DOM定义了所有HTML元素的对象和属性,以及访问他们的方法即:HTML DOM是关于如何获取,修改,添加,删除HTML元素的标准二.DOM节点1.分类整个文档是一个文档节点每个HTML ...

  10. 堆排序获取TopN

    package com.zjl.tool.sort; /** * 求前面的最大K个 解决方案:小根堆 (数据量比较大(特别是大到内存不可以容纳)时,偏向于采用堆) * @author 张恩备 * @d ...