SlotherCui / GameDataManagement

一个基于Vue+elementUI的游戏数据Web前端管理项目

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GameDataManagement

一个基于Vue+elementUI的游戏数据Web前端管理项目. 采用Vue-cli脚手架工具搭建的项目,并使用elment-ui作为UI框架进行实现,可以实现游戏数据的查询和展示,界面美观操作方便。是山东大学软件学院Web数据管理课程的一部分。

运行配置

1. 基础环境配置

1.1 安装Node.js环境

1.2 安装Vue, vue-cli环境

2. 配置运行

2.1 运行npm install 安装依赖

2.2 运行npm run dev 启动项目

可能汇报Errors:3 http://eslint.org/docs/rules/no-eval 错误请忽略并访问http://localhost:8081/

2.3 运行npm run build 进行项目打包

本项目没有数据mock 请搭配后端项目进行测试运行

界面展示

1. 登录界面

登录界面

2. 游戏展示界面

游戏展示界面

3. 详情界面

详情界面

4. 数据查询

数据查询

完整Web数据管理项目

本项目是山东大学软件学院Web数据管理课程设计完整项目的一部分,整体项目包含游戏数据爬取项目,游戏数据前端web项目,以及游戏数据后端项目。本项目有很好的学习价值运用,主要技术特色和应用:

1.GameDataSpider:

Scrapy+selenium+PhantomJS构建出动态页面爬虫程序,爬取了游民星空,Steam,3DM网站的游戏数据并进行星系和集成。https://github.com/SlotherCui/GameDataSpider

2.GameDataManagement:

采用Vue+ Elementui 搭建出游戏数据web前端展示界面,界面美观操作简洁 https://github.com/SlotherCui/GameDataManagement

3.GameDataWeb:

采用Spring-boot+ mysql搭建游戏数据管理后端程序,可以实现多种字段的组合检索 https://github.com/SlotherCui/GameDataWeb

说明

  • 本项目采用真实爬取的数据,您可以随意使用,修改和扩展
  • 本项目包含了简单的Spring-boot后端框架的使用,Vue前端Web框架的使用,MongoDB/Mysql数据库的使用,以及通过python构建爬虫轻松祝您成为技术小佬
  • 我敢保证只要掌握了本项目,至少对于山东大学软件学院软件工程专业的所有课程设计/实验都都可以轻松快速完成(完全可以套模板),A+在想你召唤(剩下全靠您实验报告中的吹B)。
  • 期待你的star

About

一个基于Vue+elementUI的游戏数据Web前端管理项目


Languages

Language:Vue 53.1%Language:JavaScript 42.7%Language:CSS 3.6%Language:HTML 0.7%