# OPVER-基于Vue和Express的车辆信息管理与推荐平台 **Repository Path**: yyy821695626/OPVER ## Basic Information - **Project Name**: OPVER-基于Vue和Express的车辆信息管理与推荐平台 - **Description**: OPVER:一个开源的车辆展示与推荐平台 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 1 - **Created**: 2024-07-13 - **Last Updated**: 2024-07-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 项目简介 OPVER是一个基于Vue3.x和Express的汽车推荐与展示平台。为应对汽车工业的快速发展和消费者的线上信息获取需求而制作。同时本系统基于用户历史行为信息建立了推荐算法。考虑到后期功能扩展需求,预留了部分冗余数据和接口。 本项目由学生制作完成,尚未达到商用标准,仅用作学习交流。项目中预留了用于扩展开发的数据和接口,作者希望通过本项目为开源做出一些贡献,欢迎大佬给出建议批评指正!喜欢的话star一下吧,十分感谢! # 项目特性 **技术特点**:前后端框架均基于Node.js,环境配置简单。前端使用Vue3.x,后端使用Express,数据库使用MongoDB,B/S架构。 **功能特点**:后台信息录入与管理、前台信息展示(含搜索功能和推荐算法) **功能扩展**:预留了冗余数据和接口 # 项目结构 | 一级文件夹名称 | 内容 | | :------------: | :----------------: | | admin | 信息管理系统前端 | | server | 后端 | | web | 展示与推荐系统前端 | | db | mongoDB数据库缓存 | # 安装说明 ### 开发环境 IDE:Microsoft Visual Studio Code 1.88 调试工具:Chrome 124.0.6367.92、Vue.js devtools 6.6.1 数据库可视化工具:Navicat Premium 15 前端框架:Vue 3.2.13 前端组件库:Element Plus 后端框架:Express 4.16.1 数据库:MongoDB 7.0.8 前端程序运行环境:Node.js 16.20.0 ### 环境安装 1. 使用git或下载zip([Xuan/OPVER-基于Vue和Express的车辆信息管理与推荐平台 (gitee.com)](https://gitee.com/Xuan_945/OPVER)) 2. 进入项目根目录 ``` cd admin npm install cd .. cd web npm install cd .. cd server npm install ``` # 项目启动 信息管理系统前端: ``` cd admin npm run serve ``` 使用浏览器访问8080端口(localhost:8080) 展示与推荐系统前端: ``` cd web npm run serve ``` 使用浏览器访问8081端口(localhost:8081) 后端: ``` cd server npm start ``` 对应端口为localhost:3000 # 项目展示 ### 信息管理系统 ![screencapture-localhost-8080-2024-06-20-18_50_40](./pictures/screencapture-localhost-8080-2024-06-20-18_50_40.png) ![screencapture-localhost-8080-2024-06-20-18_50_59](./pictures/screencapture-localhost-8080-2024-06-20-18_50_59.png) ![screencapture-localhost-8080-2024-06-20-18_51_22](./pictures/screencapture-localhost-8080-2024-06-20-18_51_22.png) ![screencapture-localhost-8080-2024-06-20-18_51_29](./pictures/screencapture-localhost-8080-2024-06-20-18_51_37.png) ![screencapture-localhost-8080-2024-06-20-18_51_37](./pictures/screencapture-localhost-8080-2024-06-20-18_51_57.png) ![screencapture-localhost-8080-2024-06-20-18_52_28](./pictures/screencapture-localhost-8080-2024-06-20-18_52_50.png) ![screencapture-localhost-8080-2024-06-20-18_53_00](./pictures/screencapture-localhost-8080-2024-06-20-18_53_00.png) ![screencapture-localhost-8080-2024-06-20-18_53_05](./pictures/screencapture-localhost-8080-2024-06-20-18_53_05.png) ![screencapture-localhost-8080-2024-06-20-18_53_12](./pictures/screencapture-localhost-8080-2024-06-20-18_53_12.png) ![screencapture-localhost-8080-2024-06-20-18_52_41](./pictures/screencapture-localhost-8080-2024-06-20-18_53_20.png) ### 展示推荐系统 ![screencapture-localhost-8081-2024-06-20-18_57_17](./pictures/screencapture-localhost-8081-2024-06-20-18_57_17.png) ![screencapture-localhost-8081-2024-06-20-18_57_34](./pictures/screencapture-localhost-8081-2024-06-20-18_57_34.png) ![screencapture-localhost-8081-2024-06-20-18_57_48](./pictures/screencapture-localhost-8081-2024-06-20-18_57_48.png) ![screencapture-localhost-8081-2024-06-20-18_57_17](./pictures/screencapture-localhost-8081-2024-06-20-18_57_58.png) ![screencapture-localhost-8081-2024-06-20-18_58_24](./pictures/screencapture-localhost-8081-2024-06-20-18_58_24.png) ![screencapture-localhost-8081-2024-06-20-18_58_35](./pictures/screencapture-localhost-8081-2024-06-20-18_58_35.png) ![screencapture-localhost-8081-2024-06-20-18_58_35](./pictures/screencapture-localhost-8081-2024-06-20-18_59_34.png) # 项目版本更新记录 bysj beta 0.5 上传author到数据库 bysj beta 1.0 上传author到数据库 bysj beta 2.0 新闻、产品权限系统已完成 bysj beta 2.1 新闻、产品权限已完成,添加车辆信息功能已完成 bysj beta 2.5 新增车辆crud模块(完整模块) bysj beta 3.0 release