2023-10-29 分类: 网站建设
介绍如何通过html+css++php快速创建动态网页,让我们出发去探索不为人知的奥秘! ! !
一、开发环境搭建
(1)+php+ 环境设置
因为是作为服务器,作为数据库来存储数据,而pHp是用来写代码实现网页和数据库之间数据交互的,所以需要下载以上软件,但是安装环境和配置以上软件都比较麻烦,所以这里我用了一个功能强大的建站集成软件包---,
(2)数据库客户端软件
直接在cmd命令控制台操作数据库不方便,不直接。当然也可以直接使用。开放),但操作不便。这里我们使用的是公司的数据库客户端
点击,输入连接名称,(这里我直接取了Ip地址的名称127.0.0.1),主机名和端口号不需要改,这里用户名和密码,如果是使用的话,那么用户名是root,密码为空;如果不是安装使用,可以根据你设置的用户名和密码登录。填写,点击连接测试,没问题就可以直接连接数据库了。
另外,如果你想掌握数据库,简单来说,对数据库的任何操作都必须操作SQL语句。一般来说,有四种操作:添加、删除、修改和检查。
①增加:向数据库写入数据
声明:进入(``,``)('name','')
(pS新人一定要注意``这个符号是tab键上面的引号,后面是单引号)
②删除:删除现有数据
声明:来自 id='3'
③:修改数据
声明:set='new ',='new ' id=3
④检查:从数据库中读取数据
声明:* from id>1 by id desc 0,2
(3)html 网页制作工具文字
Text 是一个代码编辑器(Text 2 是付费软件,但可以无限期试用),同时也是 HTML 和散文的高级文本编辑器。 Text拥有漂亮的用户界面和强大的功能,非常适合写代码的程序员。
用文本写网页代码,可以掌握这么一个小技巧,先新建一个文件,保存格式为html网页格式,然后用文本打开,输入html:4s按tab键生成一个一般框架。当然,如果你想使用这个快捷方式,你必须按照我上面给出的链接,按照步骤安装插件才能使用。
(4)网站域名配置
一般来说,如果你在浏览器中打开 URL 127.0.0.1 ,它会转到默认目录中的一个 URL。这里我将其修改为我制作项目的目录。 ,E:\pHp\\\conf,打开.conf文件,修改里面的路径到你存放网站的目录,这里我修改为
"E:/php//"
这里请注意根据自己下载的路径修改为自己的目录。其次,我也再次修改了这个URL 127.0.0.1 使虚拟域名为,,修改后重启浏览器中输入,出现如下场景:
这里发现我修改的DNS配置,不知道什么时候之前加了注释,打不开。大家要注意按照我给的连接配置。如果打不开,看一下配置。文件是否有错误。
总之,配置环境和工具已经基本搭建成功,接下来我就开始讲解这个博客项目了。
二、blog 网站写作
1.整体框架
首先介绍一下我的整体框架,解释一下,让大家先熟悉一下。
blog为项目名称,文件夹存放后台登录文件,core文件夹存放core文件动态网站制作教程php,文件夹存放网页的样式文件动态网站制作教程php,文件夹存放图片信息从本地上传到服务器,然后.php文件是整个博客网站的配置文件,.inc.php加载的是页面样式信息,.php文件是网站首页,阅读.php 文件是网站首页文章的具体链接。
这里给出数据库表的设计,供大家参考学习。这里我主要设置了三个表,用于存储后端管理员注册登录的数据,即账号和密码:
页表主要用于存储博客信息,这里也给出图片,方便安装图片建表:
最后给出这张表,主要用于存放博客的系统设置:
2.网站后台撰写
(1)登录界面(.php)
关于这个页面,我会在这里给出源代码。登录页面其实就是一个从数据库中读取数据的过程。这个登录页面的设计主要是我自己设计的。不明白的可以百度一下。
里面包含了多种样式、组件和插件,可以说是非常好用。
我这里的使用方法是下载,然后给文件加压,复制到这个文件夹。调用方法见下方源代码。我在源代码中已经给出了详细的解释。
源代码:
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("账户或密码错误"); } } ?>星空体育app最新版本(2024已更新)
管理员登录
版权所有,盗版必究
(2)注册界面(.php)
注册接口其实就是一个向数据库添加数据的过程。
还是给出了源码,我在源码里有详细的说明。
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 "注册失败"; } } ?>星空体育app最新版本(2024已更新)
管理员注册
版权所有,盗版必究
(3)后台管理页面(home.php)
源代码中,将上述网站的标题部分单独拿出来制作了一个文件(nav.inc.php),这里也给出了源代码供大家参考。
home.php 源代码
星空体育app最新版本(2024已更新)
nav.inc.php
(4)博客管理界面(blog.php)
这里有三个功能,修改、删除、添加博客界面。下面我将单独列出添加博客的接口
(5)添加博客界面(.php)
这里,如果这个编辑器需要图片上传功能,需要在文件中设置,这个文件设置为(.php)
.php 源代码
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 "执行失败"; } } ?>星空体育app最新版本(2024已更新) 博客管理 返回
.php 源代码
true, 'msg' => '', 'file_path'=>$urlName ); echo json_encode($json); } } ?>
(6) (.php)
这里还是三个功能,修改,删除,添加。这里我就不一一列举了。详情请参考文末给出的源代码。
(7)系统管理界面
系统管理可以在这里设置博客的标题、简介和每页展示次数
3.主界面(.php)
这里是游客访问的主界面。这是供您参考的源代码。
阅读界面(read.php)
想阅读文章时,可以点击标题进入阅读页面,阅读,同时给出源码供参考
推荐学习:《pHp视频教程》
以上就是通过html+css++php快速制作动态网页的详细内容。更多内容请关注php中文网其他相关文章!
声明:本文转载于:CSDN,如有侵权,请联系删除
当前名称:如何通过html+css+php来快速的制作动态网页
标题URL:/news12/291312.html
成都网站建设公司_创新互联,为您提供定制网站、网站内链、服务器托管、App设计、Google、响应式网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容