技术这个玩意就是要不断的去使用,才能够熟能生巧。今天我记录的使用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. linux内核分析第五次实验

    给MenuOS增加time和time-asm命令 上周是从用户态的观点来理解系统调用,这周从内核态出发研究系统调用,通过跟踪调试,首先把上周的两个命令加到MenuOS中: rm menu -rf 强制 ...

  2. 北京大学信息科学技术学院本科生课程体系课程大纲选登——计算机网络与WEB技术

  3. SQLserver 进程被死锁问题解决

    事务(进程ID xx)与另一个进程被死锁在 锁|通信缓冲区 资源上,并且已被选座死锁牺牲品.请重新运行该事务.Sqlserver 当出现这个错误时,如下图: 解决办法:更改数据库事务隔离级别 alte ...

  4. 圆桌的项目Alpha冲刺(团队)

    (a) 项目课堂演示 (b) 10篇冲刺随笔 冲刺之一 冲刺之二 冲刺之三 冲刺之四 冲刺之五 冲刺之六 冲刺之七 冲刺之八 冲刺之⑨ 冲刺之十 (c) 1篇测试随笔 测试随笔 (d) 1篇冲刺总结随 ...

  5. 链表数据结构(C/C++语言实现)

    注意:没有使用malloc和free:加了一个头文件,用于清屏和暂停:还有就是一个错误特别容易被忽略,那就是主函数中声明了LinkList p,然后就直接创建链表,忘了给p分配空间.一定要先初始化链表 ...

  6. Kitematic when login show Error:Tunning socket could not be established

    https://cn.bing.com/search?q=tunning+socket+could+not+be+established&qs=n&form=QBRE&sp=- ...

  7. 【转帖】M1、M2增速

    M1.M2增速的背离与广义财政的资金滞留有关 作者: 万钊 2016-07-19 17:20 近期M1.M2增速的背离,引起了各方的极大关注.我们知道,M1以活期存款为主,具有高波动性,其增速与M2背 ...

  8. Babel安装在本地并用webstrom由ES6转Es5

    1进入到根目录 2安装babel npm install babel-cli --save-dev 3安装其他库 npm install --save-dev  babel-preset-env 4创 ...

  9. cmd常用

    npm install -g npm              npm就自动为我们更新到最新版本 npm install -g cnpm --registry=https://registry.npm ...

  10. remove()与empty()的区别

    1.empty() - 从被选元素中删除子元素: 2.remove() - 删除被选元素(及其子元素): 3.remove() 方法也可接受一个参数,允许您对被删元素进行过滤.