网站建设实验报告

从需求分析到上线运维的全流程实践

本报告详细记录了一个综合性网站建设的完整实验过程，涵盖需求分析、系统设计、技术选型、开发实现、测试优化及运维部署等关键环节，实验以“校园二手书交易平台”为案例，采用前后端分离架构，前端基于Vue.js框架实现响应式界面，后端采用Spring Boot框架构建RESTful API，数据库选用MySQL，并使用Nginx进行反向代理与负载均衡，通过本次实验，系统性地掌握了网站开发的核心技术流程，验证了模块化开发、数据库优化、安全防护等实践方案的可行性，最终实现了功能完整、性能稳定、用户体验良好的Web应用，报告还对实验过程中遇到的问题及解决方案进行了总结,为同类网站建设项目提供了参考。

实验目的与意义

1 实验目的

• 掌握网站建设从需求分析到上线的全流程开发方法；
• 熟练运用前端（Vue.js）、后端（Spring Boot）、数据库（MySQL）等主流技术栈；
• 实践模块化开发、接口设计、数据库优化及安全防护等关键技术；
• 提升问题分析与解决能力，积累实际项目开发经验。

2 实验意义

随着互联网技术的快速发展，网站已成为信息传递、商业运营的核心载体，本实验通过模拟真实项目场景，将理论知识与工程实践相结合，不仅巩固了Web开发相关技术，还培养了系统设计、团队协作及项目管理能力，实验成果“校园二手书交易平台”解决了高校学生二手书交易效率低、信息不对称等问题,具有实际应用价值。

需求分析

1 项目背景

高校学生群体每年产生大量二手教材、课外读物，传统线下交易模式存在信息分散、匹配效率低、交易成本高等问题，为解决这一痛点，本实验旨在开发一个在线二手书交易平台，实现书籍信息发布、搜索、交易、支付及评价等功能，为校园用户提供便捷、安全的交易环境。

2 功能需求

2.1 用户模块

• 注册登录：支持手机号/邮箱注册，密码加密存储，集成第三方登录（微信、QQ）；
• 个人中心：用户信息管理、发布书籍管理、订单记录、收藏夹、评价管理。

2.2 书籍模块

• 书籍发布：用户可上传书籍信息（名称、作者、出版社、价格、图片、描述等）；
• 书籍搜索：支持按书名、作者、分类关键词搜索，提供筛选功能（价格区间、成色、出版年份）；
• 书籍详情：展示书籍完整信息、卖家信息、交易方式（线上支付/线下自提）。

2.3 交易模块

• 下单支付：用户选择交易方式，生成订单，集成微信支付/支付宝接口；
• 订单管理：卖家可确认订单、发货，买家可确认收货、申请退款；
• 评价系统：交易完成后，双方可互相评价（星级+文字）。

2.4 后台管理模块

• 用户管理：查看用户列表、禁用/启用账号、处理投诉；
• 书籍管理：审核书籍信息、下架违规内容；
• 订单管理：查看订单统计、处理异常订单；
• 数据统计：生成用户增长、交易量、热门书籍等报表。

3 非功能需求

• 性能：页面加载时间≤3s，支持1000+并发用户；
• 安全：防范SQL注入、XSS攻击，用户数据加密传输；
• 兼容性：支持主流浏览器（Chrome、Firefox、Edge）及移动端适配；
• 可维护性：代码模块化，注释完整,便于后续扩展。

系统设计

1 系统架构设计

本实验采用前后端分离架构，前端负责界面展示与用户交互，后端负责业务逻辑与数据处理，通过RESTful API进行通信，架构如图1所示：

┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│   前端      │    │   后端      │    │   数据库    │
│ (Vue.js)    │◄──►│ (Spring Boot)│◄──►│  (MySQL)    │
└─────────────┘    └─────────────┘    └─────────────┘
        │                   │                   │
        ▼                   ▼                   ▼
┌─────────────┐    ┌─────────────┐    ┌─────────────┐
│  Nginx      │    │  Redis      │    │  文件存储   │
│ (反向代理)  │    │ (缓存)      │    │ (OSS/本地)  │
└─────────────┘    └─────────────┘    └─────────────┘
架构说明：
前端：Vue.js框架实现SPA（单页应用），使用Vue Router管理路由，Vuex进行状态管理，Element UI组件库构建界面；
后端：Spring Boot框架简化开发，MyBatis-Plus操作数据库，Spring Security实现权限控制，Redis缓存热点数据；
数据库：MySQL存储用户、书籍、订单等核心数据，采用主从分离提升读性能；
中间件：Nginx作为反向代理，实现负载均衡与静态资源托管；Redis缓存书籍列表、热门搜索等高频访问数据，减轻数据库压力。
2 数据库设计
2.1 概念结构设计（E-R图）
核心实体包括：用户（User）、书籍（Book）、订单（Order）、评价（Comment），实体间关系如下：
一个用户可发布多本书籍（1:N）；
一个用户可下多个订单（1:N）；
一个订单可包含多本书籍（1:N），一本书籍可属于多个订单（M:N）；
一个订单对应一条评价（1:1）。
2.2 逻辑结构设计（表结构）
用户表（user）：
字段名   | 类型         | 描述           | 约束
----------|--------------|----------------|----------------
id       | bigint       | 用户ID         | 主键，自增
username | varchar(50)  | 用户名         | 唯一，非空
password | varchar(100) | 密码（MD5加密）| 非空
email    | varchar(100) | 邮箱           | 唯一
phone    | varchar(20)  | 手机号         | 唯一
role     | tinyint      | 角色（0/1）    | 0-用户，1-管理员
书籍表（book）：
字段名     | 类型         | 描述           | 约束
------------|--------------|----------------|----------------
id         | bigint       | 书籍ID         | 主键，自增     |       | varchar(100) | 书名           | 非空
author     | varchar(50)  | 作者           | 非空
press      | varchar(100) | 出版社         | 非空
price      | decimal(10,2)| 价格           | 非空
image_url  | varchar(200) | 图片路径       | 非空
description| text         | 描述
user_id    | bigint       | 发布者ID       | 外键，关联user表
status     | tinyint      | 状态（0/1/2）  | 0-在售，1-已售，2-下架
订单表（order）：
字段名     | 类型         | 描述           | 约束
------------|--------------|----------------|----------------
id         | bigint       | 订单ID         | 主键，自增
order_no   | varchar(50)  | 订单号         | 唯一
user_id    | bigint       | 买家ID         | 外键，关联user表
seller_id  | bigint       | 卖家ID         | 外键，关联user表
total_price| decimal(10,2)| 总价           | 非空
status     | tinyint      | 状态（0-5）    | 0-待付款，1-已付款，2-已发货，3-已完成，4-已退款