开发环境的搭建+php+mysql环境搭建

 2024-01-08 01:01:33  阅读 0

1、开发环境搭建

(1)+php+mysql环境搭建

因为是作为服务器,所以使用MySQL作为数据库来存储数据,使用PHP编写代码来实现网页与数据库之间的数据交互。 因此需要下载上述软件,但上述软件的安装环境和配置都非常麻烦,所以这里使用。 一款功能强大的建站集成软件包---XAMPP,具体安装方法可以在链接中找到(点击打开链接)。

php mysql动态网站开发与全程实例_动态网站开发案例教程_php mysql动态网站开发与全程实例

当然,启动过程中也可能出现错误。 这是一个链接(点击打开链接)。 如果启动过程中出现错误,可以参考上面的链接解决问题。

(2)数据库客户端软件

直接在cmd命令控制台操作数据库并不方便和直接。 当然也可以直接使用(安装上面的xampp软件包后,在浏览器中输入127.0.0.1/打开),但是操作起来不太方便。 这里使用的是公司出品的数据库客户端。 这里给出了链接(点击打开链接),大家可以根据需要下载。

点击连接,输入连接名称(这里我直接取了IP地址127.0.0.1的名称),主机名和端口号不需要改,这里是用户名和密码。 如果您使用的是xampp,则用户名是root,密码为空; 如果您不是使用xampp安装,只需根据您设置的用户名和密码登录即可。 填写完毕后,点击连接测试。 如果没有问题就可以直接连接数据库了。

php mysql动态网站开发与全程实例_php mysql动态网站开发与全程实例_动态网站开发案例教程

另外,想要掌握数据库,简单来说,对数据库的任何操作都必须操作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.总体框架

首先我在这里介绍一下我的整体框架,并进行解释,以便大家能够熟悉。

php mysql动态网站开发与全程实例_php mysql动态网站开发与全程实例_动态网站开发案例教程

博客是项目的名称。 admin文件夹存放后台登录文件。 core文件夹存放核心文件。 theme文件夹存放的是网页的样式文件。 该文件夹存放从本地上传到服务器的图片信息。 之后.php文件是整个博客网站的配置文件,.inc.php加载了一个页面样式信息,index.php文件是网站的首页,read.php文件是具体的链接到网站主页上的文章。

我这里给出数据库表的设计,供大家参考和学习。 这里我主要创建三个表。 admin表用于存储后台管理员的注册和登录数据,即账号和密码:

页表主要用来存储博客信息。 这里还提供了图片,方便安装图片建表:

最后给出这张表,主要用来存储博客的系统设置:

2.网站后台管理的编写

(1)登录接口(login.php)

关于这个页面,我会在这里给出源代码。 登录页面实际上是一个从数据库读取的过程。 我主要使用了这个登录页面的设计。 如果不懂的话可以百度搜索一下。 你可以参考我的链接。 我们来看看(点击打开链接)

php mysql动态网站开发与全程实例_php mysql动态网站开发与全程实例_动态网站开发案例教程

里面包含了各种样式、组件和插件,可以说非常好用。

php mysql动态网站开发与全程实例_动态网站开发案例教程_php mysql动态网站开发与全程实例

我这里的使用方法是下载下来,然后压缩文件,复制到主题文件夹中。 调用方法见下面源码。 我在源码中已经给出了详细的解释。

源代码:

<?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>

(2)注册接口(.php)

注册接口实际上就是向数据库添加数据的过程。

php mysql动态网站开发与全程实例_动态网站开发案例教程_php mysql动态网站开发与全程实例

还是给出源码,我在源码中给出了详细的解释。

<?php
	/*包含一个配置文件*/
	include('../config.php');
	
	if($input->get('do')=='check'){
		/*获取用户页面注册传来的用户名和密码数据*/
		$ausername=$input->post('ausername');
		$apassword=$input->post('apassword');
		$aconfirmpassword=$input->post('aconfirmpassword');
		/*注册时的处理*/
		if($apassword!=$aconfirmpassword){
			echo "前后两次输入的密码不一致";
			exit;
		}
		/*将用户填入的数据插入到数据库的sql语句*/
		$sql="INSERT INTO admin(`ausername`,`apassword`) values('$ausername','$apassword')";
		/*提交sql语句到数据库处理*/
		$is=$db->query($sql);
		/*判断是否注册成功*/
		if($is){
			echo "注册成功";
			header("Location:login.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>

(3)后台管理页面(home.php)

源代码中将上述网站的标题部分单独取出来,做成一个文件(nav.inc.php)。 这里还给出了源码,供大家学习和参考。

home.php 源代码

<?php
/*
后台管理员登录之后php控制端
 */ 	
	include ('check.php');
?>



	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
	管理员登录
	<?php include(PATH . '/header.inc.php');?>  

<body>
	<?php include('nav.inc.php');?>  

nav.inc.php


	  
	    
	    
	      
	        Toggle navigation
	        
	        
	        
	      
	      ADMIN
	    

                         博客管理 (current)         
  • 管理员管理
  •          
  • 系统管理
  •                                                 <?php echo $session_user['ausername'];?>                           
  • 退出
  •                                            

      

    (4)博客管理接口(blog.php)

    这里有三个功能,修改、删除、添加博客界面。 下面我单独列出添加博客接口。

    动态网站开发案例教程_php mysql动态网站开发与全程实例_php mysql动态网站开发与全程实例

    (5)添加博客接口(.php)

    为什么添加博客的界面单独列出来? 因为添加博客的界面就加载了一个编辑器,一个强大的在线编辑器。 以下是下载和使用链接。 您可以将其作为参考来了解它(点击打开链接)。 如果需要上传图片到这个编辑器,如果需要该功能,需要在文件中设置。 该文件设置为 (.php)

    .php 源代码

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include ('check.php');
    	/*取出传来的pid从而判断是添加还是修改操作*/
    	$pid=$input->get('pid');
    	/*初始化page,为了区别添加还是修改操作*/
    	$page=array(
    			'title'   => '',
    			'author'  => '',
    			'content' => '',
    		);
    	/*如果pid大于0,可以得出并不是添加操作,而是修改操作*/
    	 if($pid>0){
    	 	$sql="select * from page where pid ='{$pid}' ";
    	 	$res=$db->query($sql);
    	 	$page=$res->fetch_array(MYSQLI_ASSOC);
    	 }
    	 /*对于添加操作操作而言,账户或密码不能为空*/
    	if($input->get('do')=='add'){
    		$title=$input->post('title');
    		$author=$input->post('author');
    		$content=$input->post('content');
    		if(empty($title)||empty($author)||empty($content)){
    			echo("数据不能为空");
    		}
    		/*如果aid大于1,则得出更新操作,否则执行添加操作*/
    		if($pid>0){
    			$uptime=time();
    			$sqlTpl="UPDATE page set title='%s',author='%s',content='%s',uptime='%d' where pid='%d' ";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$uptime,$pid);
    		}
    		else{
    			$intime=time();
    			$sqlTpl="INSERT INTO page(`title`,`author`,`content`,`intime`,`uptime`) values('%s','%s','%s','%d','%d')";
    			$sql=sprintf($sqlTpl,$title,$author,$content,$intime,0);
    			
    		}			
    		/*判断是否有结果*/
    		$is=$db->query($sql);
    		if($is){
    			header("location:blog.php");
    		}else{
    			echo "执行失败";
    		}
    	}
    ?>
    
    
    
    	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    	添加博客
    	<?php include(PATH . '/header.inc.php');?>
    	
    	<link rel="stylesheet" type="text/css" href="../theme/simditor/styles/simditor.css" />
    	<script type="text/javascript" src="../theme/simditor/scripts/module.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/hotkeys.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/uploader.js"></script>
    	<script type="text/javascript" src="../theme/simditor/scripts/simditor.js"></script>
    
    <body>
    	<?php include('nav.inc.php');?>
    	
    	

     博客管理 返回


    " method="post">        标题            '>     

      

           作者            ' >     

      

           正文            <?php echo $page['content'];?>       <script> var editor = new Simditor({   textarea: $('#content'),   upload:{    url:'blog_upload.php',    fileKey:'file1'   }   //optional options }); </script>           

      

                     提交     

      

    .php 源代码

    <?php
    	/*后台除去管理员登录界面,均需加载这个文件,来验证该页面管理员是否登录*/ 
    	include('check.php');
    	/*将文件上传到服务器的目录里*/
    	$key='file1';
    	$dir='../upfiles/';
    	if(isset($_FILES[$key])){
    		$file=$_FILES[$key];
    		if($file['error']==0){
    			/*文件所处服务器的目录*/
    			$pathName=$dir . $file['name'];
    			/*文件所在服务器的网址*/
    			$urlName='http://blog.com/blog/upfiles' . $file['name'];
    			$is=move_uploaded_file($file['tmp_name'], $pathName);
    			/*判断是否移动成功*/
    			if(!$is){
    				die("上传失败");
    			}
    			/*编辑器来判断是否成功上传图片*/
    			$json=array(
    				'success' => true,
    				'msg'     => '',
    				'file_path'=>$urlName
    				);
    			echo json_encode($json);
    		}
    	}
    ?>

    (6)管理员管理界面(auser.php)

    这里还是三个功能,修改、删除、添加。 这里我就不一一列举了。 详细内容请参考文末给出的源码。

    (7)系统管理界面

    系统管理员可以在这里设置每个博客页面的标题、简介和显示数量。

    3.主界面(index.php)

    这是供访客访问的主界面。 这里给出源代码供大家参考。

    php mysql动态网站开发与全程实例_动态网站开发案例教程_php mysql动态网站开发与全程实例

    读取接口(read.php)

    当您想阅读文章时,可以点击标题进入阅读页面并阅读。 还给出了源代码作为参考。

    这篇关于《如何通过html+css+mysql+php快速创建动态网页》的文章就分享到这里。 希望以上内容能够对大家有所帮助,让大家能够学到更多的知识。 如果您觉得这篇文章很棒,请转发,让更多人看到。

    标签: 源码 博客 操作

    如本站内容信息有侵犯到您的权益请联系我们删除,谢谢!!


    Copyright © 2020 All Rights Reserved 京ICP5741267-1号 统计代码