单机游戏网站的设计与实现

摘  要：随着网络信息的迅速发展Internet成为大众普遍使用的信息传输工具。而游戏也随着人们对娱乐的追求应运而生。而单机游戏因无需互联网，一台主机即可运行、画面精致美观、剧情丰富生动、注重娱乐性等原因广受喜爱。单机游戏网站就满足了用户对单机游戏的需求。

    网站开发采用了DIV+CSS开发技术，有网站首页、登录页、游戏详情页、社区页、周边详情页、购物车等页面，界面设计以深蓝色为主，较好地保护了用户的双眼不受太大刺激。布局清爽大方，符合交互要求。

关键词：单机游戏网站 DIV+CSS 

目 录

1 引言 1

1.1 单机游戏网站的开发背景 1

1.2 单机游戏网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 人才招聘网站的开发环境 2

2.2 本项目应用的主要开发工具 2

2.2.1 Adobe Photoshop CS6 2

2.2.2 HBuilder 3

2.3 本项目应用的主要开发技术 4

2.3.1 C# 语言 4

2.3.2 DIV+CSS 5

2.3.3 Vue.js 5

3 项目概述 6

3.1 项目概述 6

3.2 项目进度计划 6

4 项目需求分析 7

4.1 业务工作角色分析 7

4.2 概要设计 8

4.2.1 网站结构图 8

4.2.2 网站概要设计说明 10

4.3 现行研究存在的问题及解决办法 10

5 网站实现 11

5.1 网站前台界面设计与布局 11

5.1.1 首页 11

5.1.2 登录界面 14

5.1.3 游戏详情界面 16

5.1.4 周边详情页 17

5.1.5 购物车界面 18

5.1.6 游戏页面 20

5.2 说明 22

5.2.1 .项目文件命名规范 23

5.2.2 .项目文件结构说明 23

6 测试 24

6.1 测试 24

6.2 测试例子及其结果 25

6.2.1 页面效果测试 25

6.2.2 购物车测试 25

7 总结与展望 27

致谢 28

参考文献 29