健康知识网站设计与开发

摘  要：本文就是方便给人们提供一些对身体健康方面的常识，和日常需要补充的食物网站。网站开发是以div+css技术实现了界面设计，有网站首页，登录页、注册页、新闻页、图片页、留言页。网站的界面以绿色和灰色为主色，突出了健康绿色符合生活的要求，整体较为简洁。注册登录、查看新闻、查看图片、添加留言、后台管理结合了SQL Server数据库设计和动软软件生成与实现不仅降低了生产教材产生的污染，还为人们生活水平的提高做出了贡献。网站开发采用了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 Microsoft Visual Studio 2012 4

2.2.4 动软 4

2.2.5 IE Tester 4

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

2.3.1 C# 语言 5

2.3.2 DIV+CSS 5

2.3.3 Adobe Photoshop CS6 6

2.3.4 Asp.net 6

3 项目概述 7

3.1 项目概述 7

3.1.1 管理员管理: 7

3.1.2 用户管理： 7

3.2 项目风险 7

3.2.1 项目进度 7

3.2.2 项目需求不明确 8

3.2.3 技术水平不够 8

4 项目需求分析 9

4.1 业务工作角色分析 9

4.1.1 游客 9

4.1.2 注册用户 9

4.1.3 管理员 10

4.2 概要设计 11

4.2.1 网站结构图 11

4.2.2 网站概要设计说明 11

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

5 数据库设计 15

5.1 数据库结构 15

5.2 数据库表 15

5.3 数据库表关系图 17

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 说明 30

6.3.1 项目文件命名规范 30

6.3.2 项目文件结构说明 30

6.4 动软生成解决方案 31

6.5 Web.Config 文件配置 32

7 测试 33

7.1 测试 33

7.2 测试例子及其结果 34

7.2.1 页面效果测试 34

7.2.2 后台添加测试 34

8 总结与展望 37

致谢 38

参考文献 39