前端技术栈
Vue.js 3 - 现代化的前端框架
使用 Composition API
Vue Router 4 进行路由管理
单页面应用(SPA)架构
UI 框架
Element Plus - 基于 Vue 3 的组件库
提供丰富的 UI 组件和样式
构建工具
Vite - 快速的构建工具和开发服务器
支持热模块替换(HMR)
配置了代理服务器,前端端口 5173,后端端口 3000
特效库
tsparticles - 粒子效果库
vue3-particles - Vue 3 的粒子效果组件
后端技术栈
Node.js + Express.js
RESTful API 设计
中间件:CORS 跨域处理、JSON 解析
数据库
MySQL - 关系型数据库
mysql2 - Node.js MySQL 驱动
用户管理系统,包含角色权限控制
静态页面技术
传统 Web 技术
HTML5 + CSS3 + JavaScript
响应式设计
Google Fonts 字体库
CSS 特性
CSS 变量
Flexbox 布局
现代 CSS 动画和过渡效果
深色主题设计
项目结构特点
双架构并存
Vue.js SPA 应用
传统静态页面
功能模块
用户认证系统
管理员后台
溯源平台展示页面
多行业解决方案页面
安全特性