摘要：随着现在各个企业的开放性平台变多，掌握企业开放性平台网站的开发流程、技术、方式等等对于以后从事网站开发方向，尤其是注重前端方向发展有着重要的帮助。随着网络技术日益发展，人们对于方便直观的了解到企业的要求也会变高，而企业互联网开放平台展示性网站便给予了用户们一个机会，去了解一个企业的大致状况、实力等等。处在这样信息爆炸的社会，企业需要直观的把信息分享给大众，以方便大众快速简便的来了解自己的企业，来让更多的人关注企业，随之诞生的就是企业开放性平台展示网站。企业开放性平台展示网站，是一种企业与大众产生联系、让大众关注企业的解决方案，企业通过此网站建立了一个供大众浏览的平台，通过此平台了解到与企业合作的伙伴、企业在日常合作中提供的解决方案、企业的产品服务等内容。本网站的开发用到了几种前端技术，如：jQuery以及部分后台技术内容。jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库。本网站前端技术以jQuery为主，文章技术主线为jQuery + h5 + css3的前端开发模式，以及一部分后台内容。网站使用了一些较为新颖的技术，如：ajax、json等，使用了一些轻量级技术使得开发变得快速敏捷，并且前端的设计样式也属现在较为流行的扁平化界面，简洁清晰、整体风格一致。网站包括了企业互联网开放平台产品介绍、平台所提供服务简介、可供下载的组件控件等各方面直接展示性的内容。可以清晰的让客户了解到企业平台的基本信息、合作实力、平台实力等重要信息。同时提供了登录与社区交流的功能，以此来更好了解和解决大众的某些疑问。

关键词：企业平台展示；jQuery；扁平化; ajax；前端设计

目录

摘要

Abstract

1 企业互联网开放平台展示性网站概论-1

1.1 企业互联网开放平台展示性网站开发背景-1

1.2 企业互联网开放平台展示性网站概述-1

1.3 企业互联网开放平台展示性网站的发展-2

1.4 网站开发技术路线-2

1.5 网站设计目标与可行性分析-3

1.5.1 网站设计实现目标-3

1.5.2 网站可行性分析-3

2 网站开发的技术支持-4

2.1 jQuery框架介绍及其功能特色-4

2.1.1 jQuery简介-4

2.1.2 jQuery框架的功能及特色-4

2.2 ajax介绍说明-4

2.3 Handlebars与json简介-5

2.4 H5与css3简介-6

2.5 百度地图API简介-6

3 网站分析和网站整体的设计-7

3.1 网站的需求分析-7

3.2 网站的总体设计-7

3.3 网站各模块介绍-8

3.3.1 平台产品服务模块-8

3.3.2 平台提供解决方案及合作伙伴模块-9

3.3.3 网站服务与支持和下载模块模块-9

3.3.4 网站的注册登录和社区模块-9

4 网站各模块的实现-10

4.1 网站项目的结构简述-10

4.2 网站部分文件简介-10

4.3 网站各个模块的设计实现详解-10

4.3.1网站的首页-10

4.3.2 网站的产品与服务模块-12

4.3.3 网站的解决方案和伙伴模块-12

4.3.4 服务支持和下载模块-13

4.3.5 登录与社区模块-14

4.4 网站细节部分实现分析-14

4.4.1 网站头部及尾部-14

4.4.2 网站右边栏部分-14

5 数据库设计-15

5.1 数据存储分析-15

5.2 网站的数据库表设计-15

5.3 数据库连接-16

结    论-17

参 考 文 献-18

致    谢-19