宠物网站设计与开发

摘  要：随着社会的高速发展，生活水平已有很大提高，人们已不再只是追求物质上的享受，也逐渐看重精神上的享受。对此进行了调查发现人们都对养宠物非常热衷。但大多数在这方面有很多不足，因此设计开发一个宠物网站面向广大需求者，不仅有利于减少环境的污染，还减低资源的浪费。网站开发采用了div+css开发技术，有网站首页、登录页、宠物介绍、常见问题、用户留言、后台管理等页面，界面设计以粉色系为主，极强的表现了现代人生活以及对萌宠的喜爱程度。网站版块多以简单的布局作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合Sql server数据库的使用完成了注册登录、新闻发布、留言板、后台管理等功能。

关键词：div+css 宠物网站 SQL数据库 

目 录

1 引言 1

1.1 宠物网站的开发背景 1

1.2 宠物网站的意义与设计目的 1

2 开发工具及环境介绍 3

2.1 宠物网站的开发环境 3

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

2.2.1 Microsoft SQL Server 2008 3

2.2.2 Adobe Photoshop CS6 4

2.2.3 Dreamweaver cs6 5

2.2.4 Microsoft Visual Studio 2013 5

2.2.5 动软 5

2.2.6 360安全浏览器 6

2.2.7 IE Tester 6

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

2.3.1 C# 语言 6

2.3.2 DIV+CSS 7

2.3.3 ASP.NET 7

3 项目概述 9

3.1 项目概述 9

3.2 项目风险 9

3.3 项目进度计划 10

4 项目需求分析 11

4.1 业务分析 11

4.2 概要设计 12

4.2.1 网站结构图 12

4.2.2 网站概要设计说明 14

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

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 前台登录界面 24

6.2.3 内容页 26

6.3 说明 30

6.3.1 项目文件命名规范 30

6.3.2 项目文件结构说明 30

6.4 动软生成解决方案 32

6.5 Web.Config 文件配置 32

7测试 34

7.1测试 34

7.2测试例子及其结果 35

7.2.1页面效果测试 35

7.2.2后台添加测试 35

8总结与展望 38

致谢 40

参考文献 41