一、开发环境的搭建
(1)apache+php+mysql环境搭建
因为要用apache来做服务器,mysql作为数据库来存储数据,php来写代码以此实现网页与数据库的交互数据,所以需要下载上述软件,但上述软件的安装环境、配置很麻烦,所以在这里用了一个功能强大的建站集成软件包---XAMPP
当然,也有可能启动Apache时候出现错误。
(2)数据库客户端软件navigat
直接在cmd命令控制台操作数据库并不方便,不够直白,当然也可以直接用phpmyadmin来操作(上述xampp软件包安装之后在游览器输入127.0.0.1/phpmyadmin即可打开),但是phpmyadmin来操作也不方便,这里便采用Oracle公司出品的数据库客户端Navicat
点击连接,输入连接名,(这里我直接取了IP地址的名字127.0.0.1),主机名和端口号都不用变,这里的用户名和密码。如果是你用的是xampp,那么用户名是root,密码为空;如果不是用的是xampp安装的,按照你设置的用户名和密码登录即可。填写完毕之后点击连接测试,没有问题直接确定即可连接好数据库。
此外你要是想掌握数据库,简单来讲你想对数据库的任何操作,都必须操作sql语句,总的来说分为四个操作:增删改查。
①增:向数据库写入数据
语句:insert into users (`username`,`password`) values ('name','passwd')
(ps新手一定要注意这离users这个数据表后面的``这个符号是在tab键上方的引号,而values后面的就是个单引号)
②删:删除已有数据
语句:delete from users WHERE id='3'
③改:修改数据
语句:update set users username='新值', password='新值' WHERE id=3
④查:从数据库读取数据
语句:select * from users where id>1 order by id desc limit 0,2
(3)html网页的编写工具sublime text
Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器。Sublime text具有漂亮的用户界面和强大的功能,非常适合写代码的程序猿。
用sublime text来写网页代码,可以掌握这样一个小技巧,先新建一个文件,格式保存为html网页格式,然后在sublime text中打开,输入html:4s 然后按下tab键即可生成大体框架。当然这个快捷键要想使用是要按照我上述给的链接,按照步骤安装好Emmet这个插件,才能使用。
(4)网站域名的配置
一般来讲,你在游览器打开127.0.0.1这个网址,会转到apache默认目录下的一个网址,这里我对其进行修改,修改为我做项目的目录,E:PHPxamppapacheconf,打开httpd.conf文件,将里面的路径修改为你存储网站的目录,在这里我的修改为
DocumentRoot "E:/php/xampp/workplace"
这里要注意按照自己的下载按照路径来修改为自己的目录,其次我还对这个127.0.0.1这个网址再次做了修改,使其虚拟域名为blog.com,修改完之后重启之后,在游览器输入blog.com,便会出现下述场景:
在这里我发现我修改的DNS配置,不知道何时再前面加了一条注释,导致没法打开,大家也要注意按照我给的连接配置好之后,如果打不开再看一下配置文件有无错误。
总之,配置环境和工具基本上也搭建成功了,接下来我就开始讲解这个blog的项目。
二、博客网站的书写
1.总体框架
首先在这里我先介绍一下我的总体框架,讲解一下,让大家先熟悉一下。
blog是项目的名字,admin文件夹里面存储的是后台登录文件 core文件夹里面存储核心文件,theme文件夹存储网页的样式文件 upfiles文件夹是存储从本地上传到服务器的图片信息,之后config.php文件是整个博客网站的配置文件,header.inc.php是加载了一个页面样式信息,index.php文件是网站的首页,read.php文件是网站首页文章的具体链接。
数据库表中的设计在这里我给出,方便大家参考学习,这里我主要建立了三个表,admin这个表示用来存储后台管理员注册和登录的数据,即账户和密码:
page这个表主要是用来存储博客信息,在这里也给图片,方便安装图来建表:
最后给出setting这个表,主要是用来存储博客的系统设置:
2.网站后台admin的书写
(1)登录界面(login.php)
关于这个页面我会在这里给出源码,登录页面其实也就是个从数据库读取的过程,这个登录页面的设计我主要是采用了bootstrap来设计的,不明白的可以百度一下bootstrap
在这里面它包含了各式的样式、组件和JavaScript插件,可以说很好用。
在这里我的使用方法是将bootstrap下载下来,然后将文件加压,复制到theme这个文件夹下面,调用方法见下面的源码,在源码中我都给出了详细的解释。
源码:
1 php 2 /* 3 后台管理员登录窗口 4 */ 5 6 /*启动session服务,记录账号登录的cookies*/ 7 session_start(); 8 9 /*包含一个配置文件*/ 10 include('../config.php'); 11 12 13 if($input->get('do')=='check'){ 14 /*获取页面提交的用户名和密码数据*/ 15 $ausername=$input->post('ausername'); 16 $apassword=$input->post('apassword'); 17 18 /*查询页面提交的数据是否在数据库提供的数据存在的sql语句*/ 19 $sql="select * from admin where ausername='{$ausername}' and apassword='{$apassword}' "; 20 /*数据库查询语句返回结果*/ 21 $mysqli_result=$db->query($sql); 22 /*以数组形式存储数据库查询语句的返回结果*/ 23 $row=$mysqli_result->fetch_array( MYSQLI_ASSOC); 24 /*如果row确实返回了结果,则将结果的aid存储在session里,并转向home.php文件*/ 25 if(is_array($row)){ 26 $_SESSION['aid']=$row['aid']; 27 header("location:home.php"); 28 }else{ 29 echo("账户或密码错误"); 30 } 31 } 32 ?> 33 34 #gth#> 35 span style="color: #0000ff;">PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 36 37 38 39管理员登录界面 40 #gth#> 41 include(PATH . '/header.inc.php');?> 42 43 44 45 46 #gth#> 47class="container"> 48 #gth#> 49104 #gth#> 105 122 123 124 125class="row" style="margin-top:200px;"> 50 #gth#> 51103class="col-md-3">52 #gth#> 53class="col-md-6" "> 54 55100 #gth#> 101> 56 #gth#> 5798 99>管理员登录58 #gth#> 59> 60 61 91 92 93 9495 #gth#> 96 97>102
(2)注册界面(register.php)
注册界面其实也就是个往数据库增加数据的过程。
还是给出源码,源码中我给出了详解。
1 php 2 /*包含一个配置文件*/ 3 include('../config.php'); 4 5 if($input->get('do')=='check'){ 6 /*获取用户页面注册传来的用户名和密码数据*/ 7 $ausername=$input->post('ausername'); 8 $apassword=$input->post('apassword'); 9 $aconfirmpassword=$input->post('aconfirmpassword'); 10 /*注册时的处理*/ 11 if($apassword!=$aconfirmpassword){ 12 echo "前后两次输入的密码不一致"; 13 exit; 14 } 15 /*将用户填入的数据插入到数据库的sql语句*/ 16 $sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')"; 17 /*提交sql语句到数据库处理*/ 18 $is=$db->query($sql); 19 /*判断是否注册成功*/ 20 if($is){ 21 echo "注册成功"; 22 header("Location:login.php"); 23 }else{ 24 echo "注册失败"; 25 } 26 } 27 28 29 ?> 30 31 32 33 #gth#> 34 span style="color: #0000ff;">PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 35 36 37 38管理员注册界面 39 #gth#> 40 include(PATH . '/header.inc.php');?> 41 42 43 44 #gth#> 45class="container"> 46 #gth#> 47104 #gth#> 105 122 123 124 125class="row" style="margin-top:200px;"> 48 #gth#> 49103class="col-md-3">50 #gth#> 51class="col-md-6" "> 52 53100 #gth#> 101> 54 #gth#> 5598 99>管理员注册56 #gth#> 57> 58 59 91 92 93 9495 #gth#> 96 97>102
(3)后台管理页面(home.php)
在源码中将上述网站的标题那部分单独给拿出来做了一个文件(nav.inc.php),这里也是给出源码,供大家学习参考。
home.php源码
1 php 2 /* 3 后台管理员登录之后php控制端 4 */ 5 include ('check.php'); 6 ?> 7 8 /#gth#> 9 span style="color: #0000ff;">PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 10 11 12 13管理员登录 14 include(PATH . '/header.inc.php');?> #gth#> 15 16 17 include('nav.inc.php');?> #gth#> 18 19
nav.inc.php
1 #gth#> 2
参与评论
手机查看
返回顶部