ZETI教育培训网站的设计与实现

摘  要：ZETI教育培训网站让不同地方的人可以在不同的时间和空间获取信息，让更多的人不受地域的限制获取公平的受教育的机会，不只是学生，想要参加培训的人都可以通过这个平台进行学习，增加了老师与学生之间的互动交流，相比较传统的教育方式有着很好的优势。

    网站开发主要是用div+css布局，有首页，登录页，课程列表页，课程详细页，培训方案介绍页面以及优秀作品展示页面。该网站结合SQL Server数据库实现后台进行课程的增删改查以及课程详情页的展示，留言模块的功能。界面设计简洁明了，直观显示信息，极大的方便了浏览者对信息的阅读，紧贴主题，实现更好的交互。

关键词：div+css ZETI教育网站 SQLServer数据库 

目 录

1 引言 1

1.1 ZETI教育培训网站的开发背景 1

1.2 ZETI教育培训网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 ZETI教育培训网站的开发环境 2

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

2.2.1 Microsoft SQL Server 2008 2

2.2.2 Adobe Photoshop CC 2018 3

2.2.3 Sublime Text 3 3

2.2.4 Microsoft Visual Studio 2013 3

2.2.5 动软 3

2.2.6 Google Chrome 4

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

2.3.1 ASP.NET技术 4

2.3.2 java script+JQuery技术 5

2.3.3 DIV+CSS 5

3 项目概述 6

3.1 项目概述 6

3.2 项目风险 6

3.3 项目进度计划 7

4 项目需求分析 8

4.1 业务分析 8

4.1.1 业务组织结构 8

4.1.2 业务工作角色分析 8

4.2 概要设计 9

4.2.1 网站结构图 9

4.2.2 网站概要设计说明 9

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

5 数据库设计 17

5.1 数据库结构 17

5.2 数据库表 17

5.3 数据库表关系图 19

5.4 数据库设计命名规范 19

6 网站实现 20

6.1 网站后台界面设计与实现 20

6.1.1 课程信息管理界面 20

6.1.2 留言管理界面 21

6.2 网站前台界面设计与实现 22

6.2.1 首页 22

6.2.2 前台登录页 25

6.2.3 培训方案页 26

6.2.4 课程列表页 27

6.2.5 课程详情页 29

6.2.6 优秀作品页 31

6.3 说明 33

6.3.1 项目文件命名规范 33

6.3.2 项目文件结构说明 33

6.4 动软生成解决方案 34

6.5 Web.Config 文件配置 35

7 测试 36

7.1 测试 36

7.2 测试例子及其结果 37

7.2.1 页面效果测试 37

7.2.2 后台添加测试 38

8 总结与展望 40

致谢 41

参考文献 42