PHP设计网页有哪些技巧?轻松做出响应式网站的6个步骤

发布日期:2025-09-22 12:10浏览次数:

今天折腾了一下PHP设计网页,趁热乎赶紧把过程记下来。一开始真不知道从哪下手,纯粹是硬着头皮开干。

第一步:搭环境就给我整懵了

打开电脑先装XAMPP,这玩意儿包含Apache和MySQL。安装过程倒是点下一步就行,结果启动Apache的时候端口老冲突,查了半天发现是电脑上的迅雷占着80端口。关掉迅雷再启动,绿色小灯总算亮了。

接着在htdocs文件夹里新建个文件夹叫my_web,这就是我的地盘了。用记事本新建文件时差点手滑存成txt格式,赶紧重命名改成*,好歹算是把门面立起来了。

第二步:瞎写个登录页面

打开*直接敲代码:

  • 先整了个<form>标签,action属性填"*"(这文件还没创建)
  • 用户名输入框用<input type="text">,密码框改成password类型
  • 提交按钮随手写了value="登录"

保存完打开浏览器输localhost/my_web,看见白底黑字的输入框跳出来那刻,差点想拍桌子庆祝。

第三步:搞数据库差点翻车

打开phpMyAdmin新建数据库叫user_db,建表时:

  • 加了id字段设成自增主键
  • username和password都设成varchar(50)

顺手往表里插了条测试数据,账号test密码123456。重点来了!存密码时候犯傻直接明文存了,被朋友看见在微信里骂了五分钟,只好灰溜溜去改密码字段,用password_hash('123456', PASSWORD_DEFAULT)重新生成了一串乱码填进去。

第四步:写*写到抓狂

新建*文件时手抖多打了个空格,变成"login .php",结果提交表单一直报404错误。折腾二十分钟才发现文件名不对劲。

代码里先写$_POST获取用户名密码,连数据库用mysqli_connect,写查询语句"SELECT FROM users WHERE username=xxx"。跑起来死活查不到数据,发现是变量拼接字符串时忘了在SQL语句里加单引号,改成username='$username'才搞定。

最蠢的是验证成功直接echo "登录成功",整个页面就光秃秃四个字。又返工加了header跳转到*,还特意在*里写了"欢迎回来,".$_SESSION['username']。

成品像丐中丐

现在流程是能跑通了:

  • *输入账号密码
  • *查数据库验证
  • 成功就跳转到欢迎页

但页面丑得没法看,纯天然无CSS。Chrome调试页面时狂按F12改CSS,改完忘记复制回文件里,关了浏览器又打回原形。等下次再折腾样式,今天能实现功能已经用尽洪荒之力了。

搞完瘫在椅子上啃苹果,突然发现所有PHP文件里都混着HTML代码,改个页面头部得每个文件都打开改一遍。明天研究下怎么拆出公共部分,这堆重复代码看着就头疼。

顺便吐槽:PHP里判断变量是否存在老要写isset,少写一个就报undefined警告。还有等号双等号的区别,有次把==写成=,直接给变量赋了值,逻辑判断永远为真,找了半小时才揪出来这虫子。现在满脑子都是$符号在飘...

(看了眼电脑右下角已经晚上十点半,冰箱里剩的半碗卤肉饭在召唤我,今日份折腾到此结束)

泰州私家侦探 扬州侦探 湖州侦探公司 嘉兴私家侦探 温州侦探公司
如果您有什么问题,欢迎咨询技术员 点击QQ咨询