动态网页设计

发布时间 2023-12-03 11:04:55作者: Varuxn

HUST 公选课 动态网页设计 大作业 指北

前言

好吧,我以前从来没有接触过网页设计,然后想学学干货就参加了这个公选课,一开始前两节课先学习静态网页设计,感觉还不错,基本都可以听懂,然后由于某些因素,上公选课的时候就不听了,感觉自己课下补习也可以学会,当我第二次去尝试听这个课的时候才发现已经进行到了动态网页,完了,不懂了。然后经过半个月旷日持久的战斗,终于,顺利完成并提交大作业(但其实这个时候我还不知道自己的作业算是什么水平)。在这里谈一谈我对这门课的理解和感受吧。

环境搭建

首先老师会给大家一堆文件,大概是这个样子的:

第一次课老师应该会教大家一步一步来搭建 apache 环境,基本跟上就可以(千万记得带电脑,鼠标,u盘去上课),哪怕没有跟上也可以按照 服务器及PHP系统安装配置指南.txt 这个文件的内容进行 apache 环境的安装。

然后就是 Mysql 的安装,这个可能在第一节课不会教大家(然后在后面某一节你没听的课,突然安装这个东西),光是这个的安装我就弄了好久。。。

参考了好多种方法, b 站大学,百度,知乎,爱选修上学长的建议(xampp,这个我不太会用)。最后发现好像是一开始用老师发的安装包安装失败后没有删掉,导致后面一系列的安装都出现了问题(比较严重的一个问题就是端口占用,好像所有的默认都是 3306 造成端口占用冲突,可是我安装的端口改成3336也不对,枯了)。总之就是安装之前最好把之前安装的 Mysql 先卸载了再说。

最后成功安装好 Mysql 是参考了下面这篇文章(尊嘟超级实用):

Mysql超详细安装配置教程(保姆级)

但其实老师给发的软件之类的东西大部分都是 32 位电脑适配的,可能有时候没办法开机自启动,只需要在Windows 的 service 里面手动启动就好了。

静态网页

静态网页部分就是 HTML 的学习,比较简单,一般的格式是这样的:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"><!--这里使用 UTF-8 是防止使用汉字造成乱码-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title><!--标题-->
</head>
<body>
    <!--这里进行内容的书写即可-->
</body>
</html>

基本上都是模板类的东西,记忆即可,不会的时候去翻找老师发的课件,或者百度,CSDN,知乎,都会有答案,不做过多赘述。

动态网页

这里就是我个人感觉难度系数比较高,并且较难完成的部分了,这个部分主要涉及两个东西:PHP 和 Mysql。

PHP 的某些输入,输出,循环,变量定义,等程序基础结构方面的东西类似于 C 语言等其他编程语言,可以类比去学习,课件上也有相应的内容。

这里主要介绍 Mysql 的使用

以下操作在终端进行,下面这句是 Mysql 的登入,root 为用户名,然后输入密码就好了

mysql -u root -p

有些作业需要的环境条件是 local-infile=1 ,那么在登入的时候我们就需要

mysql -u root -p --local-infile=1

登入后查看local是否开启

select @@local_infile;

如果没有开启的话,就开启

set global local_infile = 1;

开启后会显示:

以创建留言板的作业为例,大致的文件列表如下

creat_database_and_table.sql 为我们需要在 mysql 中输入的语句

-- 创建数据库
CREATE DATABASE IF NOT EXISTS my_guestbook;

-- 选择数据库
USE my_guestbook;

-- 创建留言表
CREATE TABLE IF NOT EXISTS messages (
    id INT AUTO_INCREMENT PRIMARY KEY,
    email VARCHAR(255) NOT NULL,
    username VARCHAR(255) NOT NULL,
    message TEXT NOT NULL,
    recipient VARCHAR(255) NOT NULL,
    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

也可以使用 source 语句直接从 sql 文件中读入命令(这里需要读者自行更改 sql 文件的路径)

source /path/to/create_database_and_table.sql;

创建数据库

CREATE DATABASE IF NOT EXISTS Basedata_name

删除数据库

DROP DATABASE IF EXISTS my_guestbook;

如果只想删除表而不删除整个数据库,可以使用以下 SQL 命令删除 messages 表:

DROP TABLE IF EXISTS messages;

以上就是关于数据库及数据库表的创建。

接下来是本文最最精华的部分,在了解了 PHP 和 Mysql 的基本流程工作原理之后,就可以使用 ChatGPT 来帮助我们书写 PHP 及 Mysql 代码了,我们可以根据它写的代码来了解这门语言的使用方法(顺便完成作业)。并可以根据自己的需求对代码的某个部分进行微调从而达到自己的预期。

本文只是提供基础的思路和方法,大作业的真正完成还是需要读者努力去学习的。

后记

ChatGPT 真的超级好用,去到处搜索怎么做都没有结果的时候真的很崩溃,但最后也是成功的完成了(水过去了)这个作业,学会了 Mysql 和 PHP 的基本使用方法。本文写的不是很详细,因为已经写完大作业一种才写的这篇 blog ,忘的有点多了,只能请xdm加油了。