华冠智能家居购物网站设计与开发

摘  要：随着人们生活水平的提高人们越来越重视自己的生活质量，对生活质量以及生活环境要求越来越高，人们总是希望生活在更安全、更舒适的环境里。华冠智能家居购物网站致力于让豪宅更加优越。网站主要发布最新信息、产品等资讯，为人们的生活提供方便。网站开发采用了div+css开发技术，有网站首页、新闻页、产品页、在线留言、索取资料、后台管理等页面，界面设计以灰白色为主，在页面中搭配了显眼的红色能更加突出，吸引顾客的眼球。网站版块多以书的形状作为基础设计，紧贴网站主题。布局清爽大方，符合交互要求。网站结合Sql server数据库的使用完成了注册登录、搜索、个人书架、留言板、后台管理等功能。

    

关键词：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 CS4 3

2.2.3 Dreamweaver cs4 3

2.2.4 Microsoft Visual Studio 2012 4

2.2.5 动软 4

2.2.6 IE 7 4

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

2.3.1 C# 语言 5

2.3.2 DIV+CSS 6

3 项目概述 7

3.1 项目概述 7

3.2 项目风险 7

3.3 项目进度计划 7

4 项目需求分析 9

4.1 业务分析 9

4.1.1 业务工作角色分析 9

4.2 概要设计 10

4.2.1 网站结构图 10

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

5 数据库设计 12

5.1 数据库结构 12

5.2 数据库表 12

5.3 数据库设计命名规范 13

6 网站实现 15

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

6.1.1 后台登录界面 15

6.1.2 企业新闻管理界面 17

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

6.2.1 首页 17

6.2.2 新闻列表页面 19

6.2.3 案例赏析页 22

6.3 说明 24

6.3.1 项目文件命名规范 24

6.3.2 项目文件结构说明 24

6.4 动软生成解决方案 25

6.5 Web.Config 文件配置 26

7 测试 28

7.1 测试 28

7.2 测试例子及其结果 29

7.2.1 页面效果测试 29

7.2.2 后台添加测试 29

8 总结与展望 31

致谢 32

参考文献 33