关于蘑菇的小站
网站说明指南
蘑菇的小站是一个年糕专为李晓琪(蘑菇)设计的个人网站,包含了以下功能模块:
- 主页:网站的入口,展示最新动态和重要信息
- 日记:记录日常生活的点滴和感悟
- 心情墙:分享即时心情和感受
- 照片墙:展示珍贵的照片回忆
- 留言板:访客可以留下祝福和建议
- 可爱涂鸦板:发挥创意,绘制涂鸦作品
- 星座运势:查看每日星座运势
照片上传指南
本网站使用MONSTA FTP服务器存储照片,上传流程如下:
- 准备好你要上传的照片,确保格式为JPG、PNG或WEBP
- 将照片上传到MONSTA FTP服务器
- 上传完成后,照片会显示在照片墙页面
注意:FTP账号密码等信息保存在配置文件config.php中,请勿泄露。由于服务器空间有限,请合理控制照片大小和数量。
网站制作历程
这个网站是年糕为蘑菇(李晓琪)18岁生日精心制作的礼物,制作历程如下:
- 2024年5月:确定网站主题和功能模块
- 2024年6月:完成网站基本结构和UI设计
- 2024年7月:实现核心功能,包括日记、心情墙和照片墙
- 2024年8月:添加互动功能,如涂鸦板和星座运势
- 2024年9月:进行网站测试和优化
- 2025年3月:网站正式上线,作为送给蘑菇18岁的生日礼物
网站使用了HTML、CSS、JavaScript等前端技术,并通过MONSTA FTP提供的空间进行部署。
网站原理
本网站采用前后端分离的架构,主要由以下部分组成:
前端技术栈
- HTML5:用于构建网站的基本结构和内容
- CSS3:负责网站的样式和视觉效果,包括响应式设计
- JavaScript:实现网站的交互功能和动态效果
后端技术
- PHP:用于编写服务器端API,处理数据请求和业务逻辑
- MySQL:用于存储网站数据,如日记、心情和留言等
数据存储与获取
网站数据存储在MySQL数据库中,通过PHP编写的API接口进行数据的增删改查操作。前端页面通过JavaScript发送AJAX请求与后端API通信,获取或提交数据。
工作流程
- 用户访问网站页面(如日记、心情墙等)
- 前端JavaScript发送请求到后端API
- PHP处理请求,从MySQL数据库中查询数据
- PHP将查询结果以JSON格式返回给前端
- 前端JavaScript解析JSON数据,并动态渲染到页面上
- 用户与页面交互(如提交表单、点击按钮等)时,重复上述流程
部署与 hosting
网站部署在MONSTA FTP提供的服务器上,通过其提供的MySQL数据库服务存储数据。网站文件通过FTP上传到服务器,并通过域名访问。