海南五指山猪产品系统

五指山猪信息共享平台PC门户，采用前后端分离架构，使用SpringBoot提供数据接口，Vue3开发PC端展示页面。平台围绕五指山猪种质保护产业，实现新闻资讯、GEF专项活动、养殖基地展示、市场价格行情可视化、美食餐饮门店、养殖技术科普等功能。后台管理系统负责业务数据维护，PC端作为对外公开访问门户，完成数据查询、信息浏览、产业宣传，助力海南特色畜禽产业数字化推广。

1.前端技术栈（PC端）
• 开发框架：Vue3 + Vite，轻量高效、启动速度快、工程化结构规范
• UI组件库：Element Plus，统一页面按钮、弹窗、表格、分页、卡片样式
• 网络请求：Axios 统一封装请求、拦截器，规范接口调用
• 数据可视化：ECharts 实现价格走势、数据图表渲染
• 路由管理：Vue Router 实现单页面无刷新跳转
• 样式处理：SCSS + 弹性布局，适配多分辨率PC端屏幕
• 工程规范：ESLint代码规范、静态资源压缩、图片懒加载、路由懒加载，提升网站加载速度与体验

2.后端技术栈
• 核心框架：SpringBoot 快速构建稳定接口服务
• 持久层框架：MyBatis-Plus 实现数据库高效CRUD
• 数据库：MySQL 存储全站业务图文、资讯、资源、行情数据
• 缓存中间件：Redis 对首页高频数据做缓存，提升访问速度、降低数据库压力
• 文件存储：OSS对象存储统一管理图片、素材资源
3.部署与服务端技术
• 服务器环境：Linux
• Web服务：Nginx 部署前端静态资源、反向代理接口、开启gzip压缩优化访问速度

前端采用Vue3+Vite+Element‑Plus开发PC门户页面，ECharts实现行情图表可视化；后端基于SpringBoot + MyBatis‑Plus搭建服务接口，MySQL存储业务数据，Redis实现热点数据缓存，Nginx进行静态资源部署与反向代理，整体采用前后端分离架构，保障平台稳定、流畅访问。