吃客网站设计与开发

摘  要：吃客网让用户更容易找到自己心仪的菜谱,不仅让用户减少了搜索的时间,更让用户增加了选择的类型。跟传统的教学书籍相比较，吃客网更为便捷，更符合大众心理--只要有手机有电脑，便可免费又快捷的进入拥有丰富资源和大的发展空间的吃客网，并对各类菜谱进行搜索查看。网站开发采用了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 CS5 3

2.2.3 Dreamweaver CS6 3

2.2.4 Microsoft Visual Studio 2013 4

2.2.5 动软 4

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

2.3.1 C# 语言 5

2.3.2 DIV+CSS 5

3 项目概述 7

3.1 项目概述 7

3.2 项目进度计划 7

4 项目需求分析 8

4.1 业务分析 8

4.1.1 业务工作角色分析 8

4.2 概要设计 9

4.2.1 业务组织结构图 9

4.2.2 网站概要设计说明 10

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

5 数据库设计 14

5.1 数据库结构 14

5.2 数据库表 14

5.3 数据库设计命名规范 15

5.3.1 数据库的设计的命名规则 15

6 网站实现 16

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

6.1.1 后台登入界面 16

6.1.2 后台主界面 16

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

6.2.1 首页 17

6.2.2 前台登录界面 19

6.2.3 列表页 19

6.2.4 搜索页 19

6.2.5 详情页 20

6.3 说明 20

6.3.1 项目文件命名规范 20

6.3.2 项目文件结构说明 20

6.4 动软生成解决方案 21

6.5 Web.Config 文件配置 21

7 测试 23

7.1 测试方法 23

7.2 测试策略 23

7.3 测试例子及其结果 25

7.3.1 菜品添加测试 25

7.3.2 添加评论测试 25

7.3.3 用户注册测试 25

7.3.4 菜品添加测试 25

8 总结与展望 26

致谢 27

参考文献 28