第一个动态网页——留言板

最新推荐文章于 2024-08-15 13:06:34 发布

simplyxx

最新推荐文章于 2024-08-15 13:06:34 发布

阅读量4k

点赞数 4

文章标签： html php

本文链接：https://blog.csdn.net/simplyxx/article/details/122535373

版权

这篇博客介绍了如何使用PHP和HTML创建动态网页，实现一个简单的留言板功能。内容包括环境搭建（WAMP服务器和VSCode），数据库设计（创建messageboard数据库及数据表），以及注册、登录页面的实现。用户注册后，其信息将存储在数据库中，登录后可以查看和发布留言。源码可供下载。

摘要由CSDN通过智能技术生成

一.概述

使用php开发动态网页，实现注册、登录以及网页留言功能。

软件：wampserver、vscode

wampserver集成了Apache Web服务器，MySQL数据库和PHP，提供虚拟服务器环境，vscode用于代码编辑。

最终效果：

二.环境搭建

安装并运行wampserver后，桌面右下角图标为绿色即表示服务器启动成功。

点击Localhost或者浏览器直接输入Localhost即可打开wampserver的默认主页。

点击左下角“Add a Virtual Host”添加一个虚拟服务器，名称随便填，目录即为服务器指向的目录，后面编写网站的所有文件都要放在这个目录下。

三 .页面设计

1.创建数据库

依次点击右下角wampserver图标-->MySQL-->MySQL console即可在控制台打开数据库，初始用户名为root，密码为空。

创建数据库messageboard用于存放网页的所有数据。(名字任意)

CREATE DATABASE messageboard;

查看当前所有数据库

SHOW DATABASES;

选中messageboard数据库

USE messageboard

在messageboard数据库下创建两个数据表messages和userdata，分别用来存放用户信息和留言内容。

2.注册页面

在项目目录下创建signup.html和login.html，分别表示注册页面和登录页面，然后写入代码

<html>
	<head>
		<meta charset="UTF-8" />
		<title>注册</title>
	</head>

	<body>
		<h1>注册页面</h1>
		<form action="signup.html" method="POST">
			用户名:<input type="text" name="username" placehold="请输入用户名" /><br>
			密码:<input type="password" name="pas