驴友网网站设计与开发

摘  要：驴友网使更多的人们可以通过网站来组队旅行，并能从人们的分享和讨论中了解到自己想要去游玩的地方。随着社会的不断进步，人们对精神上的享受的需求更多更高了。而“驴友”这个词正是这几年网络上新兴的网络用语。驴友网为人们出行旅游提供了更多的信息，让人们有更多的选择。网站开发采用了div+css开发技术，有网站首页、登录页、对美景美食等的分享页、讨论页、用户中心、网站公告、后台管理等页面，界面设计以绿色为主，极强的表现了人们对户外活动的需求。网站版块多以方框的形状基础设计，不以规矩不成方圆的思想，而圆弧和不规则的边缘又表达了自由，设计的紧贴网站主题。布局清爽大方，符合交互要求。网站结合Sqlserver数据库的使用完成了注册登录、搜索、评论、发表文章、讨论、后台管理等功能。

关键词：div+css  驴友网网站  SQL数据库 

目 录

1 引言 1

1.1 驴友网网站的开发背景 1

1.2 驴友网网站的意义与设计目的 1

2 开发工具及环境介绍 2

2.1 驴友网的开发环境 2

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

2.2.1 Microsoft SQL Server 2008 2

2.2.2 Adobe Photoshop CS6 3

2.2.3 Dreamweaver CS5 4

2.2.4 Microsoft Visual Studio 2013 4

2.2.5 动软 5

2.2.6 PowerDesigner 6

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

2.3.1 C# 语言 6

2.3.2 DIV+CSS 7

3 项目概述 8

3.1 项目概述 8

3.2 项目风险 8

3.3 项目进度计划 9

4 项目需求分析 10

4.1 业务分析 10

4.1.1 业务工作角色分析 10

4.2 概要设计 11

4.2.1 网站结构 11

4.2.2 网站概要设计说明 13

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

5 数据库设计 19

5.1 数据库结构 19

5.2 数据库表 20

5.3 数据库表关系图 23

5.4 数据库设计命名规范 24

6 网站实现 25

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

6.1.1 后台登入界面 25

6.1.2 信息管理界面 26

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

6.2.1 首页 27

6.2.2 前台登录界面 29

6.2.3 内容页 30

6.3 说明 32

6.3.1 项目文件命名规范 32

6.3.2 项目文件结构说明 32

6.4 动软生成解决方案 33

6.5 Web.Config 文件配置 34

7 测试 36

7.1 测试 36

7.2 测试例子及其结果 37

7.2.1 页面效果测试 37

7.2.2 后台添加测试 37

8 总结与展望 39

致谢 40

参考文献 41