康复之家网站毕业论文
晋中学院
本科毕业论文（设计）
题目基于.NET的山西康复之家网站的
设计与实现
院系信息技术与工程学院
专业计算机科学与技术
姓名张梦洁
学号1211112240
学习年限2012年9月至2016年7月
指导教师何淑贤职称导师
申请学位理学学士学位
2016年3月26日
基于.NET的山西康复之家的网站的设计与实现学生姓名:张梦洁指导老师:何淑贤
摘要：伴随着科学的发展和社会的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的商业网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。利用创建属于自己公司的网站来大范围的宣传自己的公司，越来越成为商家们的首选。
本论文通过自己在某家医疗器械销售公司的工作经验，制作出一个集与管理员进行实时对话、库存管理和公司产品和公司信息浏览于一体的商业网站。利用网站的投入成本小、获利时间长、宣传范围广的优点，帮助公司扩大宣传。
关键词：网页；浏览；数据管理
Design and Implementation of The Website of Shanxi
Rehabilitation Home Based https://www.wendangku.net/doc/ce9540469.html,
Author’s Name: ZHANG Meng -Jie Tutor: He Shu-Xian
ABSTRACT：Along with the progress of the development of science and society, Internet has become more and more people's choice. With the rapid development of the Internet, network technology also emerge in an endless stream. Now commercial web sites on the Internet have mushroomed like flourish, colorful home everywhere. Used to create belongs to own company website to a wide range of publicize his company has become more and more businesses are preferred.
This paper is about the development of the web site which combined with the actual needs of a medical device sales company. The web site could meet the requirement of inventory management and company products’ display. It also could realize a real-time dialogue with the administrator when the consumers browse the business website. The system consists of two parts, the foreground and the background. The main use of the front page is to browse the web page, and the background database is used to realize the management based on the small management system. The cost of the development of the web site is small, but it can help the company to expand its publicity.
KEYWORDS:web page;browse;data management
目录
1 引言 (1)
2 需求分析 (1)
2.1 功能需求 (1)
2.2 技术可行性 (1)
3 系统设计与实现 (2)
3.2 数据库设计 (3)
4 系统实现 (8)
4.1 前台功能 (8)
4.2 后台功能 (17)
5 系统测试 (13)
5.1 测试中遇到的问题 (13)
6 结束语 (15)
致谢 (17)
参考文献 (18)
1 引言
Internet飞速发展使得网站不再仅仅为大型公司所有，互联网成为人们快速获取、发布信息的重要渠道，它在人们政治、经济、生活等各个方面都发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，任何一个小型公司都可以拥有自己的网站。[1]
网站实际上是一个文件，它存放在世界的某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件就会被传送到你的计算机，然后通过浏览器来解释网页的内容，再展示到你的眼前。[2]文字与图片是构成一个网页的两个最基本因素，可以简单的理解为：文字就是网页的内容，图片使网页更美观。
本论文的主要目的在于设计一款符合公司现有情况和要求的商业网站，帮助公司在互联网平台上推广公司产品和企业文化。该网站中展览出了本公司的实际经营产品，以及对公司的简单介绍，并且增加了与浏览网站的潜在用户的对话功能，可以进一步锁定用户，浏览网站的用户还可以在网站里留下对该公司的想法和意见，网站管理者可以以管理员的身份登录网站后台，查看留言信息和对库存信息进行管理。
2 需求分析
2.1 功能需求
经过详细的调差，山西康复之家有限公司网站所需要的主要功能有：
(1)网页的浏览功能：主要用于客户浏览公司的基本信息、产品基本信息等。
(2) 互动功能：有需求的客户可以根据需要，与网站管理员进行信息交流，如客户可以利用“在线留言”界面，留下自己对公司或对公司产品的意见。
(3) 数据管理功能：经理和网站管理员可以根据权限的不同，对存储公司信息的数据库进行不同的管理。
2.2 技术可行性
要实现本系统的正常运行，需用到的技术和搭建环境分别有：
(1) https://www.wendangku.net/doc/ce9540469.html,技术
https://www.wendangku.net/doc/ce9540469.html,是.NET Framework的一部分，是一项微软公司的技术，是一种使嵌入网页中的脚本可由因特网服务器执行的服务器端脚本技术，它可以在通过HTTP请求文档时再在Web服务器上动态创建它们。[3]设计中使用asp net的内置控件HTML控件(HTML control) 和用户控件(User control) 以及外置控件来完成功能。在使用外置控件前，需要将其添加到Visual https://www.wendangku.net/doc/ce9540469.html,环境中。然后就可以通过启动一个新项目来使用新的控件。
https://www.wendangku.net/doc/ce9540469.html,采用https://www.wendangku.net/doc/ce9540469.html, 技术实现对数据库的访问使用https://www.wendangku.net/doc/ce9540469.html,作为数据库访问的工具, 实现了.NET程序员方便实现对后台数据库表的增、删、改、查操作。可以用数据集代替传统的ADO中无连接的记录集。并提供了丰富的数据绑定控件，操作起来简单便捷。
(2) C#语言
选用C#作为.NET开发的语言，VS环境中可以使用的脚本语言有C#，VBT和C#是微软公司专门为.NET量身定做的面向对向的编程语言。具备面向对象程序设计语言的一切特性，如封装，继承，多态等。[5]
(3) Sql Sever
在网站的开发中，动态网页体现于系统对用户要求的灵活处理。[6]用户对数据处理的要求必然要经过系统对数据库的访问，因此页面对数据库的操作尤为重要，是整个系统的核心处理单元。
本网站采用SQL Sever 2005存储数据。SQL Sever 2005是一个全面的数据库平台，使用集成的商业智能(BI)工具提供了企业级的数据管理。SQL Sever 2005数据库引擎为关系型数据和结构化数据提供了更安全可靠的存储功能。此外，SQL Sever 2005结合了分析、报表、集成和通知功能。SQL Sever 2005有助于简化企业数据与分析应用的创建、部署和管理；并在解决方案伸缩性、可用性和安全性方面实现重大改进。
3 系统设计与实现
3.1 设计思想
本网站是为了满足山西康复之家有限公司的需要而建立。网站的主要功能是满足用户浏览公司产品、浏览公司具体信息、查看公司的库存信息以及和公司的网站管理员进行互动交流的需要。
在本网站中将实现一个基于浏览的网站管理系统，所以需要有查看公司产品和公司的具体信息的网页。为了实现公司的网站管理员与用户之间的互动，需要有支持留言功能的网页、管理员查看留言的网页和实时对话的功能。为了实现管理员对产品的库存管理，需要有编辑产品的网页。并将产品信息以及留言信息储存在数据库中。 3.1.1 网站的用例图设计
该网站主要的页面9个，用于使浏览者了解公司产品，了解公司的企业文化，以 及对公司提出自己的意见，查看公司的具体地址，和网站管理员进行实时对话。 网站的用例图描述了本网站的主要页面，主要有首页、公司简介、健康常识、新闻中心、人才招聘、联系我们、在线留言、产品展示、管理员登录等。此外，该用例图还描述了网站浏览者、管理员与各网页之间的联系。网站的用例图如图3-1所示。
浏览者
网站管理员
图3-1 网站用例图
3.2 数据库设计
公司简介
首页
健康常识
新闻中心
产品展示
人才招聘
联系我们
在线留言
管理员登录
管理库存 查看留言
经理登录
产品管理
员工管理
3.2.1 数据表的设计
本网站采用SQL Sever2005存储数据。主要用到7个数据表，分别介绍如下：
(1) 产品数据表。包括产品名称、库存、本月已售出、进价、售价、备注6个属性。如表3-1所示。
表3-1产品数据表
序号字段名称字段类型大小允许为空备注
1 产品名称nchar 10 否主键
2 库存numeric 18 否
3 本月已售出money 10 否
4 进价money 10 否
5 售价money 10 否
6 备注ntext 18 是
(2)管理员数据表。包括用户名和密码两个属性。如表3-2所示。
表3-2用户数据表
序号字段名称字段类型大小允许为空备注
1 用户名nchar10否主键
2 密码nchar10否
3权限varchar 50 否
(3)留言数据表。包括姓名、联系方式、QQ、留言内容4个属性。如表3-3所示。
表3-3留言数据表
序号字段名称字段类型大小允许为空备注
1 姓名nchar10否主键
2 联系方式numeric18否
3 QQ numeric 18 是
4 留言内容varchar 50 否
(4) 员工数据表。包括姓名、年龄、身份证号、职务、全勤工资。如表3-4所示。
表3-4员工数据表
序号字段名称字段类型大小允许为空备注
1 姓名nchar10否主键
2 年龄nchar10否
3 身份证号numeric 18 否
4 职务nchar 10 否
5 全勤工资money 10 否
(5) 供货商数据表。包括：供货商、地址、联系电话、本月进货数量、备注。如表3-5所示。
表3-5供货商数据表
序号字段名称字段类型大小允许为空备注
1 供货商nchar10否主键
2 地址numeric18否
3 联系电话numeric 18 否
4 本月进货量varchar 50 否
5 备注ntext 18 是
(6) 员工到勤表。包括：姓名、到勤天数、无故缺勤天数、请假天数、本月销售额、本月实际工资、备注。如表3-6所示。
表3-6员工到勤数据表
序号字段名称字段类型大小允许为空备注
1 姓名nchar10否主键
2 无故缺勤天数nvarcha50否
3 请假天数nvarcha 50 否
4 本月销售额nvarchar 50 否
5 本月实际工资money 10 否
6 备注ntext 18 是
(7)销售渠道数据表。包括：销售点、地址、联系电话、销售量、备注。如表3-7所示。
表3-7销售渠道数据表
序号字段名称字段类型大小允许为空备注
1 销售点ntext18否主键
2 地址ntext18否
3 联系电话numeric 18 否
4 销售量varchar 50 否
5 备注ntext 18 是
3.3.2 数据库实体图
实体图是是指以实体、关系、属性三个基本概念概括数据的基本结构，从而描述静态数据结构的概念模式，用来形象的表示实体之间的联系。[5]本系统用到7个实体图。
(1)产品实体图。它描述了产品实体的6个属性，分别是：名称、库存、进价、售价、本月已售、备注。如图3-2所示。
图3-2产品实体图
(2) 留言人实体图。它描述了留言人实体的4个属性，分别是：姓名、联系方式、QQ、留言内容。如图3-3所示。
图3-3留言人实体图
(3)员工实体图。它描述了员工实体的5个属性，分别是：姓名、年龄、身份证号、职务、全勤工资。如图3-4所示。
图3-4员工实体图
(4) 供货商实体图。它描述了供货商实体的5个属性，分别是：供货商、地址、联系电话、本月进货量、备注。如图3-5所示。
图3-5供货商实体图
(5) 员工到勤实体图。它描述了员工到勤这一行为的6个属性，分别是：姓名、到勤天数、无故缺勤天数、请假天数、本月销售额、备注。如图3-6所示。
图3-6员工到勤实体图
（6）销售渠道实体图。它描述了销售点实体的5个属性，分别是：销售点、销售量、地址、联系电话、备注。如图3-7所示。
图3-7销售点实体图
4 系统实现
系统分为前台和后台两个部分，前台的功能有：浏览公司产品、浏览公司信息、浏览企业文化、在线留言、与公司网站管理员实时对话。后台的功能有：管理员对留言以及产品库存的查看和编辑、与浏览者进行实时对话。
4.1 前台功能
4.1.1 主页
网站主页可显示公司的联系电话和地址，以及公司的主要经营产品。如图4-1所示。
图4-1首页展示图
4.1.2 产品展示页面
产品展示页面可以展示公司的热卖产品和特价产品。如图4-2所示。
图4-2产品展示图
4.1.3 公司简介页面
公司简介页面用于介绍公司的基本信息。如图4-3所示。
图4-3公司简介图
4.1.4 在线留言页面
在线留言页面用于客户在网站中留下自己关于公司的意见。如图4-4所示。
图4-4留言图
4.2 后台功能
后台主要由管理员访问，进行网站的日常管理，如对留言进行查看和编辑、对产品库存进行编辑。
4.2.1 管理员登录界面
管理员登录界面用于管理员的登录。如图4-6所示。
图4-6管理员登录图
4.2.2 留言查看网页
留言查看页面用于管理员查看网站浏览者对公司的留言。如图4-2所示。
图4-7查看留言图
4.2.2 产品编辑网页
产品编辑页面用于管理者查看和编辑产品。如图4-8所示。
图4-8产品编辑图
4.2.3 产品添加网页
产品添加页面用于管理员向数据库中添加产品信息。如图4-9所示。
4.2.4 高级权限登录后的页面
图4-10高级权限登录图
4.2.4 数据库数据输出
该功能采用GridView控件，控件外形编辑好后，对控件进行连接数据库设置，并选定需要展现的数据库中的某个表，这样在前台浏览时，跳转到该页面就可以看到数据库
中该表的信息，并且可以对数据进行编辑和删除。如产品输出图4-11所示.
图4-11产品输出图
5 系统测试
该网站使用360安全浏览器8.1运行网站，并对网站运行效果进行测试。
5.1 测试中遇到的问题
5.1.1 版面显示问题
在测试过程中经常会有在运行时前台显示的页面布局与后台所编辑的不同，例如后台编辑时，将所有版块大体分为3个层次，且均居中放置，但是当在浏览器中运行时，格局第一层偏左；第二层高度偏大，导致图片内容溢出；第三层总体偏右。
根据以前台显示为主的原则，在调整后台布局设置时，将第一层整体设置为居中显示；第二层的高度一致设置为56px；第三层整体设置为偏左显示。最终显示结果如图5-1所示。
图5-1层次展示图
5.1.2 图片显示问题
在浏览器中有时会因图片尺寸大小与后台表格大小不符，而出现的前台图片显示不完全或者重复显示的问题。解决办法是：
(1) 在需要使用背景填充，以免影响其他内容的分布时，先填充好其他内容，确定表格最终的尺寸，然后使用修图工具，对图片尺寸进行修改，使图片大小与表格大小相同，并且不影响其他的内容布局；
(2) 在本表格中无其他内容，或者其他内容的格局不受图片位置的影响，可以使用Image控件来展示图片。该控件可以使图片的大小根据控件的大小的改变而改变，不会使图片产生短缺或重复显示的问题。
5.1.3 网站链接稳定性测试
超链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。[4]网站能够正确运行首先要保证链接能够连贯运行。网站的运行中整个系统是否运行正常，主要采用将网站长时间运转的方式进行测试，派生出执行所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个页面都出现的很多链接，所以每个版块要先进行单独测试，单独测试完成后，根据每个版块之间的连接结构在进行总体测试，从而测试出网站的整体的运行都可以顺利的进行。
5.1.4 数据库测试
对数据库的测试主要是测试在“在线留言”网页和“产品添加”网页中，是否可以顺利的将留言信息和产品信息添加入数据库中；以及在“查看留言”网页和“产品编辑”网页中能否正常的将数据库中留言表和产片表中的数据显示出来。测试的方法主要是多次通过“在线留言”网页和“产品添加”网页向数据库中输入数据，并通过“查看留言”网页和“产品编辑”网页查看数据的输入情况。
(1) 在“在线留言”页面输入以下数据，如输入留言表5-1所示。
表5-1输入留言表
姓名联系方式QQ 留言内容
王丽134******** 2145675479测试3
在运行中的网页里输入以上数据时，如输入留言图5-2所示。
图5-2输入留言图
(2) 在“产品添加”页面输入以下数据，如添加产品表5-2所示。
表5-2添加产品表
在运行中的网页里输入以上数据时，如添加产品图5-3所示。
图5-3添加产品图
6 结束语
该系统包括对网页的浏览、各网页间的跳转、对产品信息的查看和编辑、对留言信息的查看、以及客户与网站管理员之间的实时对话功能，充分利用了网站的及时性、广泛性、方便性和交互性。本网站的浏览功能和实时对话功能可以帮助该公司树立在科
产品名称 库存 本月已售出
进价 售价 备注 制氧机A1
12
3
3400
4000
测试1
技信息时代的完美形象，增加公司知名度，宣传企业经营的所有产品和企业文化，加强与客户之间的沟通，同时也丰富了公司的营销手段，扩大了产品的销售渠道。公司还可以利用留言板和实时对话的功能，了解顾客的意见，进而改善服务，提高企业服务质量。本网站的产品查看以及编辑功能可以帮助公司管理者更快捷方便的了解公司的产品的销售情况以及现有的库存量。
在本次设计的全过程中，我对四年所学的知识有了一个比较系统的认识和理解，巩固了我的知识基础，大大扩展了我的知识面，同时我也学会了如何运用所学的知识去解决一些实际的问题。