AppServe、phpMyAdmin，下载、安装、使用教程

最新推荐文章于 2025-03-14 16:43:13 发布

小西瓜吖

最新推荐文章于 2025-03-14 16:43:13 发布

阅读量2.3k

点赞数 4

分类专栏： AppServe phpmyadmin 文章标签：数据库 php html5 css

本文链接：https://blog.csdn.net/qq_45711481/article/details/117607803

版权

AppServe phpmyadmin 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何下载、安装和测试AppServe与phpMyAdmin，包括安装步骤、端口号设置、数据库创建与操作。此外，还提供了PHP数据库连接和登录验证的代码示例，以及网站设计效果图和福利资源下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.安装教程：

1.解压 “AppServe安装及测试.rar” 文件。
在这里插入图片描述

2.双击 “appserv-x64-9.3.0.exe” 文件。

在这里插入图片描述

3.点击 “Next（下一步）”。

在这里插入图片描述

4.同意服务条款。

在这里插入图片描述

5.填写安装路径。可以点击 “Browse…” 预览安装位置。

在这里插入图片描述
6.全选复选框，进行下一步。

在这里插入图片描述

7.基本信息填写。建议更改端口号，可以增加数据库的安全性。

在这里插入图片描述

8.填写数据库密码，并且把编码方式调为 “ UTF-8 Unicode ”。

在这里插入图片描述

9.同时开启 “Apache” 和 “MySQL”。点击 “Install（完成）”。

在这里插入图片描述

安装完成

2.测试是否安装成功：

1.打开浏览器，在网址栏输入 “ http://localhost ”（安装时未更改端口号） http://localhost（等同于 http://localhost/80）

在这里插入图片描述
作者的端口号是 “ 8080 ” ，所以在地址栏输入的是 “ http://localhost:8080/ ”

网址栏输入 **http://localhost:** + 安装时的**端口号**

AppServe 安装成功！！！

2.点击 “ phpMyAdmin Database Manager Version 4.9.1 ” 上图已经标出位置。

3.填写安装时的密码。用户名均为系统默认 “ root ”

在这里插入图片描述

4.phpAyAdmin数据库页面。

在这里插入图片描述

phpMyAdmin安装成功！

提示：

1、拷贝出 **" ...\AppServ\www "** 目录下的 **“ index.php ”** 和 **“ phpinfo.php ”**文件。 2、后期想进入数据库 **http://localhost: + 端口号 + /phpmyadmin** 。
作者路径为： http://localhost:8080/phpmyadmin

3.解决安装不成功的问题：

1，解压 “ DirectX Repair(V3.9.6特别版).rar ” 文件。

在这里插入图片描述

2.双击打开 “ DirectX Repair.exe ” 程序。

在这里插入图片描述
3.运行程序，修复文件。

在这里插入图片描述

4.当所有文件全部修复后，重新安装（具体步骤，详见 1.安装教程）

5.解决软件使用问题或不问C++文件修复不成功。

该软件使用问题，请阅读 DirectX Repair(V3.9.6特别版) 中的 测试版使用说明.txt 。

4.phpMyAdmin数据库使用

1.创建数据库

在这里插入图片描述

2.创建表

在这里插入图片描述
点击执行创建表

3.表内字段创建

在这里插入图片描述
点击保存完成字段创建

4.数据库其他操作

在这里插入图片描述

5.PHP代码：

1.数据库连接

在这里插入图片描述

2. 判断用户是否登录

在这里插入图片描述

3.登录后跳转到历史浏览页面

在这里插入图片描述

6.PHP+数据库课程设计效果图展示

1. 网站主页

在这里插入图片描述

2.子页——仁

在这里插入图片描述

3.子页——仁 -->《唐太宗仁爱治国》

在这里插入图片描述

4.留言板展示

在这里插入图片描述

5. VIP与SVIP留言效果展示

在这里插入图片描述

7.福利！！！网站主页轮播图

1.HTML代码

<div id="carousel">
	<ul>
	    <li><img src="image/index/t_1.jpg"></li>
	    <li><img src="image/index/t_2.jpg"></li>
	  	<li><img src="image/index/t_3.jpg"></li>
	  	<li><img src="image/index/t_4.jpg"></li>
		<li><img src="image/index/t_5.jpg"></li>
	  	<li><img src="image/index/t_6.jpg"></li>
	  	<li><img src="image/index/t_7.jpg"></li>
	</ul>
</div>

2. css 样式代码。

/*轮播图*/
<style type="text/css">
	#carousel{
		width: 301px;
		overflow: hidden; /* 超出隐藏 */
		margin: 10px auto 0;
	}
	#carousel > ul {
	    display: flex; /* 图片处理为一行 */
	    position: relative; 
	    
	}
	#carousel > ul,
	#carousel > ul > li{
	    padding: 0;
	    margin: 0;
	    list-style:none; 
	}
	#carousel > ul{
	    animation: tory 10.5s linear 0.5s infinite alternate; /* 设定动画播放 */
	    /*animation-name: move;动画名称
		animation-duration: 10s; 持续时间
		animation-iteration-count:3 ; 动画执行次数 无数次：infinite
		animation-direction: alternate;动画方向 normal 正常,alternate 反向
		animation-delay: 1s;动画延迟
		animation-fill-mode: forwards;设置动画结束后盒子的状态 forwards:动画结束后的状态 backwards:保持动画开始前的状态
		animation-timing-function: steps(3);运动曲线 linear线性 ease减速 ease-in 加速 ease-in-out先加速后减速 帧动画 steps()*/
	}
	#carousel > ul:hover{
		animation-play-state: paused; /* 暂停动画 */
	}
	@keyframes tory{ /* 制定动画规则 */
		0%,8%{
			left: 0;
		}
		15%,22%{
			left: -301px;
		}
		29%,36%{
			left: -602px;
		}
		43%,50% {
			left: -903px;
		}
		57%,64%{
			left: -1204px;
		}
		71%,85%{
			left: -1505px;
		}
		91%,100%{
			left: -1806px;
		}
	}
</style>