时间管理网站

摘  要：时间管理网站使得时间管理更加方便，不仅减少了人们对时间的浪费，还提高了人们的生活效率。较传统时间管理，适用于各个岗位的《宇航员》时间管理网站使管理时间更便捷，实时性强，信息充裕，发展空间巨大。

    网站开发采用了DIV+CSS开发技术，有网站首页、登录页、注册页、修改密码页、用户主页面等页面，界面设计以白色为主，极强的表现了网络化生活。布局清爽大方，符合交互要求。网站结合MySQL数据库的使用完成了注册登录等功能。

关键词：DIV+CSS 时间管理 MySQL数据库 

目 录

1 引言 1

1.1 时间管理网站的开发背景 1

1.2时间管理网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 时间管理网站的开发环境 2

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

2.2.1 Mysql 2

2.2.3 Sublime 4

2.2.4 WampServer 4

2.2.6 Google Chrome 4

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

2.3.1 java script 5

2.3.2 jQuery 5

2.3.3 Fullpage 5

2.3.3 PHP 5

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 8

4 项目需求分析 9

4.1 业务分析 9

4.1.1 业务组织结构 9

4.1.2 业务工作角色分析 9

4.2 概要设计 11

4.2.1 网站结构图 11

4.2.2 网站概要设计说明 12

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

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

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

5 数据库设计 16

5.1 数据库结构 16

5.2 数据库表 16

5.3 数据库表关系图 18

5.4 数据库设计命名规范 18

6 网站实现 19

6.1 网站后台界面设计与布局 19

6.1.1 后台登入界面 19

6.1.2 信息管理界面 20

6.2 网站前台界面设计与布局 21

6.2.1 首页 21

6.2.2 前台登录界面 24

6.2.3 内容页 26

6.3 说明 33

6.3.1 项目文件命名规范 33

6.3.2 项目文件结构说明 33

6.4 wampserve环境配置 33

6.5 wampserver配置过程 34

7 测试 35

7.1 测试 35

7.2 测试例子及其结果 36

7.2.1 页面效果测试 36

7.2.2 后台添加测试 36

8 总结与展望 38

致谢 39

参考文献 40