网站建设作业

我的网站建设作业全记录

当老师在课堂上布置"网站建设作业"时，我最初以为这只是简单的页面拼接，直到真正从需求分析开始一步步推进，才明白这背后涉及用户思维、技术逻辑与设计美学的多重碰撞，这场为期两个月的作业挑战，不仅让我掌握了网站开发的全流程，更让我理解了数字产品背后"以用户为中心"的深刻内涵。

需求分析：在迷宫中寻找北极星

网站建设的起点并非代码编辑器，而是需求调研文档，我选择为校园二手书交易开发平台作为主题，通过问卷星收集了327份有效问卷，发现68%的同学希望有"教材精准匹配"功能，52%担忧"交易安全性"，这些数据像一把钥匙，打开了设计思路——不仅要解决信息不对称问题,更要建立信任机制。

在绘制用户画像时，我特别关注了"李同学"这个典型用户：大三学生，每学期教材支出约800元，希望低价出售闲置专业书，但担心线上交易的欺诈风险，基于这个画像，我确定了平台的核心功能：教材分类检索、信用评价体系、线下交易担保，这个阶段让我明白,所有技术实现都应服务于真实用户的痛点。

原型设计：用线条构建用户体验

借助Figma工具，我开始将抽象需求转化为可视化原型，最初的导航栏设计采用了传统的"首页-分类-发布-我的"结构，但在用户测试中，多位同学反馈"找教材"入口太深，经过三次迭代，最终将"教材搜索"升级为独立导航模块,并在首页加入热门教材推荐轮播图。

交互细节的打磨最能体现用户体验思维，在商品详情页，我设计了"教材版本对比"功能，用户可输入ISBN号自动比对不同版本差异；交易流程中嵌入"校园地图导航"，直接对接校内快递点位置，这些细节在原型评审时获得了老师的高度评价，也让我认识到优秀的设计应当是"润物细无声"的引导。

技术实现：在代码世界中搭建架构

前端开发阶段，我选择了Vue.js框架配合Element UI组件库，在实现教材搜索功能时，遇到了关键词匹配效率低下的问题，通过学习Elasticsearch搜索引擎技术，最终实现了按书名、作者、ISBN的多字段模糊查询，响应时间从原来的1.2秒优化至0.3秒，这个技术攻坚过程让我深刻体会到,性能优化往往比功能实现更具挑战性。

后端采用Node.js + Express架构，设计MySQL数据库时特别注重数据冗余控制，在用户表设计中，通过将信用评分单独建表并与交易记录关联，既保证了数据一致性，又提升了查询效率，开发过程中遇到的跨域问题，通过配置CORS中间件得到解决,这些技术细节的处理培养了严谨的工程思维。

测试部署：从可用到可靠的蜕变

功能测试阶段，我制作了包含28个测试用例的测试矩阵，覆盖了从用户注册到交易完成的完整流程，特别设计了"压力测试"场景，模拟100人同时在线抢购教材的情况，发现服务器并发处理能力不足，通过优化数据库索引和启用Redis缓存,最终将服务器承载能力提升至500并发用户。

部署过程教会了我运维思维的重要性，选择阿里云ECS服务器后，通过Nginx配置负载均衡，使用PM2管理Node.js进程，并设置SSL证书实现HTTPS加密，上线前夜，我盯着监控面板直到凌晨三点，看着服务器稳定运行的各种指标，突然理解了"工匠精神"在数字时代的含义——对每个细节的极致追求。

项目复盘：在迭代中生长的数字作品

这个网站建设作业最终获得了课程优秀作品，但比成绩更珍贵的是过程中的成长，从最初只会写静态HTML，到能独立完成全栈开发；从仅关注页面美观，到理解用户体验的底层逻辑，更重要的是，我学会了用产品思维思考问题：在校园实地调研时，发现同学们更倾向线下验货，于是临时增加了"自习室交易点标注"功能,这种快速响应需求的能力是课堂上学不到的。

如今回看这个作品，仍有诸多改进空间：缺少智能推荐算法、移动端适配不够完善、支付功能尚未接入，但这些遗憾恰恰成为持续学习的动力，网站建设作业就像一扇窗，让我窥见了互联网产品开发的广阔天地，也让我明白真正的技术能力，永远生长在解决问题的土壤里，当看到平台上已有127位同学成功完成教材交易时，我突然意识到，代码的温度,就藏在这些真实连接的瞬间。