今天跟大家唠唠我最近搞的一个小项目：普通网站设计。也没啥高深的技术，就是纯粹的练手，把自己的一些想法实现一下。

我寻思着做一个啥样的网站？不能太复杂，毕竟时间有限，也不能太简单，那样没意思。我决定做一个展示个人作品的网站，就类似于个人博客那种，但是更偏重于作品展示。

第一步：需求分析

我得明确自己想要

首页：展示最新的作品，简单介绍一下自己。

作品页面：详细展示每一个作品，可以放图片、文字、视频啥的。

关于我：简单介绍自己的经历、技能啥的。

联系方式：方便别人联系我，放个邮箱、微信啥的。

第二步：技术选型

前端：HTML + CSS + JavaScript。没啥好说的，最基础的。

后端：本来想用*，但是想想还是用PHP，简单粗暴，毕竟搞得快。

数据库：MySQL，这个也用熟。

服务器：买个阿里云的ECS，一年几百块钱，够用。

第三步：开始动手

1. 搭建环境：在服务器上装好PHP、MySQL，配置好Nginx。这一步挺烦的，各种配置，各种坑，不过还网上教程很多，照着一步一步来就行。

2. 数据库设计：设计几个表，比如作品表、文章表、用户表啥的。表结构也没啥特别的，就是一些字段，比如作品标题、内容、图片链接、发布时间等等。

3. 前端页面：先用HTML把页面结构搭起来，然后用CSS美化一下。我的CSS水平也就那样，只能凑合着用。JavaScript主要用来做一些简单的交互，比如图片轮播、表单验证啥的。

4. 后端代码：用PHP写一些接口，比如获取作品列表、获取作品详情、发布作品、登录注册等等。PHP这玩意儿，写起来是挺快的，但是代码质量就不好说，能跑就行。

5. 前后端联调：这一步是最痛苦的，各种bug，各种兼容性问题。前端说后端接口有问题，后端说前端传参不对，反正就是互相甩锅。不过最终还是解决，毕竟是我自己写的代码，赖不掉。

第四步：上线部署

把代码上传到服务器，配置好域名，申请SSL证书，网站就能访问。

踩坑记录

CSS样式问题：不同的浏览器对CSS的解析不一样，导致页面在不同的浏览器上显示效果不一样。解决方法：多测试，多调试，针对不同的浏览器写不同的CSS样式。

SQL注入问题：PHP代码没有对用户输入进行过滤，导致SQL注入漏洞。解决方法：使用预处理语句，对用户输入进行过滤。

服务器配置问题：Nginx配置不正确，导致网站访问不。解决方法：仔细阅读Nginx文档，配置好虚拟主机。

总结

这回实践虽然是个小项目，但是还是学到不少东西。

熟悉网站开发的流程。

巩固前端和后端的知识。

积累一些解决问题的经验。

虽然网站现在还很简陋，但是我会不断完善它，把它打造成一个真正的个人作品展示平台。