1、开发环境搭建
(1)+php+mysql环境搭建
因为是作为服务器,所以使用MySQL作为数据库来存储数据,使用PHP编写代码来实现网页与数据库之间的数据交互。 因此需要下载上述软件,但上述软件的安装环境和配置都非常麻烦,所以这里使用。 一款功能强大的建站集成软件包---XAMPP,具体安装方法可以在链接中找到(点击打开链接)。
当然,启动过程中也可能出现错误。 这是一个链接(点击打开链接)。 如果启动过程中出现错误,可以参考上面的链接解决问题。
(2)数据库客户端软件
直接在cmd命令控制台操作数据库并不方便和直接。 当然也可以直接使用(安装上面的xampp软件包后,在浏览器中输入127.0.0.1/打开),但是操作起来不太方便。 这里使用的是公司出品的数据库客户端。 这里给出了链接(点击打开链接),大家可以根据需要下载。
点击连接,输入连接名称(这里我直接取了IP地址127.0.0.1的名称),主机名和端口号不需要改,这里是用户名和密码。 如果您使用的是xampp,则用户名是root,密码为空; 如果您不是使用xampp安装,只需根据您设置的用户名和密码登录即可。 填写完毕后,点击连接测试。 如果没有问题就可以直接连接数据库了。
另外,想要掌握数据库,简单来说,对数据库的任何操作都必须操作SQL语句。 一般来说分为添加、删除、修改、查询四种操作。
①Add:将数据写入数据库
语句:进入users(``,``)('名字','')
(PS新手一定要注意users数据表后面的``符号,是tab键上面的引号,后面的是单引号)
②删除:删除现有数据
声明:来自用户 WHERE id='3'
③修改:修改数据
语句:set users ='新值', ='新值' WHERE id=3
④检查:从数据库读取数据
语句:* from users where id>1 order by id desc limit 0,2
如果你想了解更多关于MySQL语句的知识,请看这里的连接。 (点击打开链接)连线对这四个操作的具体参数进行了详细的解释。 如果要使用数据库,就必须掌握这四个操作。
(3) HTML网页书写工具文本
Text 是一个代码编辑器(Text 2 是一个付费软件,但可以无限期试用)以及一个用于 HTML 和散文的高级文本编辑器。 text具有漂亮的用户界面和强大的功能,非常适合编写代码的程序员。 这里我们仍然给出文字的安装方法以及常用插件的注册码和安装步骤。 只需点击链接即可下载。 (点击打开链接)
用文字来写网页代码,掌握这个小技巧就可以了。 首先新建一个文件,保存格式为html网页格式,然后以文本方式打开,输入html:4s按tab键生成大体框架。 当然,如果你想使用这个快捷键,你必须按照我上面给出的链接,按照步骤安装Emmet插件才可以使用。
(4)网站域名的配置
一般来说,当你在浏览器中打开URL 127.0.0.1时,它会转到默认目录中的一个URL。 这里我修改为我正在做项目的目录,E:\PHP\xampp\\conf。 打开httpd.conf文件并将其中的路径更改为您存储网站的目录。 这里我把它改成了
“E:/php/xampp/”
这里要注意根据自己下载的情况修改自己目录的路径。 其次,我还再次修改了127.0.0.1 URL,使其成为虚拟域名。 具体配置和修改见链接(点击打开链接),修改后重启,在浏览器中输入,会出现以下场景:
这里我发现我修改了DNS配置。 前面不知道什么时候加了评论,所以打不开。 大家还要注意按照我给的连接来配置连接。 如果打不开,请检查配置文件是否有。 错误。
总之,配置环境和工具已经基本搭建成功。 接下来我开始讲解博客项目。
2.博客网站的写作
1.总体框架
首先我在这里介绍一下我的整体框架,并进行解释,以便大家能够熟悉。
博客是项目的名称。 admin文件夹存放后台登录文件。 core文件夹存放核心文件。 theme文件夹存放的是网页的样式文件。 该文件夹存放从本地上传到服务器的图片信息。 之后.php文件是整个博客网站的配置文件,.inc.php加载了一个页面样式信息,index.php文件是网站的首页,read.php文件是具体的链接到网站主页上的文章。
我这里给出数据库表的设计,供大家参考和学习。 这里我主要创建三个表。 admin表用于存储后台管理员的注册和登录数据,即账号和密码:
页表主要用来存储博客信息。 这里还提供了图片,方便安装图片建表:
最后给出这张表,主要用来存储博客的系统设置:
2.网站后台管理的编写
(1)登录接口(login.php)
关于这个页面,我会在这里给出源代码。 登录页面实际上是一个从数据库读取的过程。 我主要使用了这个登录页面的设计。 如果不懂的话可以百度搜索一下。 你可以参考我的链接。 我们来看看(点击打开链接)
里面包含了各种样式、组件和插件,可以说非常好用。
我这里的使用方法是下载下来,然后压缩文件,复制到主题文件夹中。 调用方法见下面源码。 我在源码中已经给出了详细的解释。
源代码:
<?php /* 后台管理员登录窗口 */ /*启动session服务,记录账号登录的cookies*/ session_start(); /*包含一个配置文件*/ include('../config.php'); if($input->get('do')=='check'){ /*获取页面提交的用户名和密码数据*/ $ausername=$input->post('ausername'); $apassword=$input->post('apassword'); /*查询页面提交的数据是否在数据库提供的数据存在的sql语句*/ $sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' "; /*数据库查询语句返回结果*/ $mysqli_result=$db->query($sql); /*以数组形式存储数据库查询语句的返回结果*/ $row=$mysqli_result->fetch_array( MYSQLI_ASSOC); /*如果row确实返回了结果,则将结果的aid存储在session里,并转向home.php文件*/ if(is_array($row)){ $_SESSION['aid']=$row['aid']; header("location:home.php"); }else{ echo("账户或密码错误"); } } ?> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">管理员登录界面 <?php include(PATH . '/header.inc.php');?> <body>
管理员登录
版权所有,盗版必究
<script type="text/javascript"> window.onload = function() { var config = { vx : 4, vy : 4, height : 2, width : 2, count : 100, color : "121, 162, 185", stroke : "100, 200, 180", dist : 6000, e_dist : 20000, max_conn : 10 } CanvasParticle(config); } </script> <script type="text/javascript" src="../theme/js/canvas-particle.js"></script> </script>