基于asp的企业网站的设计_毕业论文(编辑修改稿)

基于asp的企业网站的设计_毕业论文(编辑修改稿)内容摘要：

在测试期间以及后期维护和修改。 因为绝大多数数据和过程对于用户来说都是隐蔽的，从而由疏忽引入的错误就很少可能传播到系统的其他部分。 逐步求精的模块化概念。 逐步求精和模块化的抽象是密切相关的。 软件结构每一层中模块表示对系统抽象层次的细化。 模块的独立性。 模块的划分要使模块间尽可能的相互独立，独立模块较容易维护。 度量模块的独立程度有两个标准：内聚和耦合。 耦合是对一个系统结构内不同模块间互连程度的 度量。 耦合强弱取决于模块间接口的复杂程度，进入或访问一个模块的点，以及通过接口的数。 在设计中应追求尽可能松散的耦合。 内聚标志一个模块内各个元素彼此结合的紧密程度，他是信息隐藏和局部化概念的自然扩展，理想内聚的模块只做一件事情。 在设计上应力求做到高内聚。 毕业设计（论文） 9 企业网站系统框架 本系统可以分为前台和后台，前台主要包括：关于我们模块、新闻资讯模块、产品中心模块、联系我们模块、心育在线模块。 后台主要包括：后台管理员信息管理模块、首页幻灯片展示图片管理模块、前台菜单栏管理模块、留言板信息管理模块、产品信息管理模块 、新闻信息管理模块。 如图 31 所示 海 尔 企 业 管 理 系 统用户登录在线留言联系我们产品中心新闻资讯关于我们后 台 管 理在线留言添加留言信息在线互动查看联系信息查看新闻删除新闻修改新闻新建新闻进入后台管理留言的增删改查幻灯片的增删改查菜单栏的增删改查查看产品大类查看产品信息查看留言信息 图 31 系统框架图 1)新闻发布模块包括 : (1)添加新闻 :主要作用为更新企业网站内容。 (2)删除新闻 :主要删除网站中过时的内容。 2)留言板模块包括 : (1)留言展示 :为其他的留言者作为参考。 (2)我要留言 :在网站上进行留言。 (3)删除留言 :对已有留言进行的管理 ,并显现在网页中。 3)产品展示模块包括 : (1)添加产品 :主要作用为更新企业网站产品内容。 (2)删除产品 :主要删除网站中过时的产品内容。 (3)产品管理 :主要作用为对网站中的内容进行编辑。 4)后台登录模块包括 : 毕业设计（论文） 10 (1)登录成功 :当管理者输入正确的用户名和密码的时候会转到后台管理页面 ,进行网站内容的管理。 (2)登录失败 :当管理者输入不正确的用户名和密码的时候会转到登录失败的页面。 在本系统中当管理员在后台进行产品和新闻的添加后，在前台浏览页面就会生成相应的信息。 而浏览者正好可以点击相关链接进行查看相关信息。 毕业设计（论文） 11 第 4 章 数据库设计 数据库设计是建立在数据库及其应用系统基础之上的技术，是现代软件开发和建设中的核心。 一个结构最优的数据库模型能使整个网站满足各种用户的需要。 因此 ，设计开发一个好的网站既在于程序本身的可用性，更在于对整个网站的数据库的全面分析。 数据库的需求分析 数据库的需求分析是整个开发过程当中非常重要的一步。 作为数据库设计的基础，需求分析直接影响到数据库设计的合理性，乃至整个网站的优劣。 它是开发人员弄清实际情况、制定合理方案、开发网站的基础。 需求分析 首先，根据网站需求，确定主要的关系。 其次，对国内外现有的网站进行研究学习，并发觉其存在的问题争取加以改进。 然后，考虑目前开发者的综合因素限制，如时间，技术等等，最终确定系统的功能与目标。 需求分析的主要任务是：了解和掌握数据库应用网站开发对象（用户）的使用流程和每个页面的功能，了解和掌握数据从开始产生或建立，到最后输出、存档或消亡所经过的传递和转换过程，对数据（信息）的安全性（保密性）和完整性各有什么要求等等。 数据库的选择 根据网站的规模和用户需求可能的规模确定是选用一个大型的数据库管理系统还是一个小型的数据库管理系统。 因为本网站是一个小型的数据库管理系统。 因此我选择操作简单易于连接的 Microsoft Access 2020 作为本网站的数据库。 数据库表的结构设计 总体 ER 图设计 产品分类和产品信息之间是一对多的关系，一个产品分类可以有多个产品，一个产品只能归一个产品分类所有。 管理员实体和新闻管理之间是多对多的关系，一个管理员可以管理多个新闻信息，一个新闻信息可以被多个管理员管理。 管理员实体和产品实体之间是多对多的关系，一个管理员可以管理多个产品，一个产品可以被多个管理员管理。 如图 41 所示： 毕业设计（论文） 12 1N管 理 员 管 理新 闻 管 理管 理管 理N MMN用 户密 码编 号产 品 信 息 产 品 分 类产 品 大 类产 品 小 类包 含管 理地址图 片标题产 品 内 容标 题新 闻分 类新 闻 内 容管 理MN 图 41 总体 ER 图 在本系统中，为了提高系统的安全性，每个用户都要有正确的用户名和密码才能进入后台，为了能够记录正确的用户名和密码，应在数据库中创 建了登录表。 登录表的实体 ER图如图 42 所示： 图 42 登录用户 ER 图 为了能够与用户及时沟通，我在系统中添加了留言系统，每个用户填写相关的内容后，就可以在粘贴板中进行留言了。 为了能够记录留言内容，因此应该在数据库中创建一个留言信息表。 留言信息的实体 ER 图如图 43 所示： 毕业设计（论文） 13 留 言 管 理留 言 者 I D留 言 者姓 名电 子 邮 箱联 系 电 话联 系 人 手 机留 言 内 容留 言 时 间 图 43 留言信息 ER 图 数据表详细设计 我们的网站采用 Microsoft Access 2020 作为数据库，使用 连接数据库。 在建立数据模型的时候首先考虑是要避免重复数据。 整个数据库共有 cms_about、cms_admin、 cms_class、 cms_config、 cms_flash、 cms_link、 cms_menu、 cms_news 等表格。 以下根据模块功能划分，分别介绍本系统所需要的表。 1) cms_about 该表用来存储单页显示的页面， “ 关于我们 ” 和 “ 联系我们 ” 就在这个表中。 如表 41 所示： 表 41 cms_about 表 字段名称 字段名 数据类型 长度 备注 id ID 自动编号 32 该字段设为主键 title 标题 备注 50 keys 关键字 备注 32 des 描述 备注 500 cont 链接 备注 500 2) cms_admin 表显示管理员信息的相关存储，主要用来记录用户登录后台的用户名、密码、登录时间等信息。 如表 42 所示： 表 42 cms_admin 表 字段名称 字段名 数据类型 长度 备注 id ID 自动编号 32 该字段设为主键 admin_name 用户名 备注 50 admin_pass 密码 备注 32 ci 登陆次数 数字 500 times 登陆时间 备注 3) cms_books 该表主要用来记录留言者的留言内容和相关信息，该内容可以在在线留毕业设计（论文） 14 言的模块中可以查询的到。 如表 43 所示： 表 43 cms_books 表 字段名称 字段名 数据类型 长度 备注 id ID 自动编号 32 该字段设为主键 mingz 留言者 姓名 文本 50 mail 留言者电子信箱 文本 32 dianhua 留言者联系电话 文本 50 shouji 留言者手机 文本 50 neirong 留言内容 备注 1000 shijian 留言时间 文本 work 留言者工作单位 文本 200 毕业设计（论文） 15 第 5 章 界面设计 本系统界面使用了 Swing 构建的图形用户界面（ GUI），应用程序运行在不同的平台上时的显示效果一致。 Swing 基于 AWT 架构之上，提供了更强大的用户界面组件， Swing 拥有丰富、便捷的用户界面元素组合，对底层的依赖更少，与平台相关的 bug 更少。 我的设计背景为浅灰色，然后配以深蓝色的色调。 我进行这种色调的搭配主要目的是为了迎合海尔官网和海尔服务平台，与它们保持一致。 同时，由于近水楼台，我的同事也都是海尔官网的开发人员和维护人员，我可以请教到海尔网站的一些的设计理念，同时一些海尔的经典的框架结构和图片也为我所用，并将这些融入到我的设计中去。 在此我要感谢我的同事们。 主界面全屏显示，提示信息以对话框形式居中，使界面更加整齐划一。 其中，查询界面的查询结果以表格形式显示使界面变得更加清晰、操作简单。 登录窗体是整个后台的入口，我们必须拥有正确的登录名和密码我们才能登录到海尔企业管理系统中，登录模块也就保证了程序的安全性。 登录窗体设计十分简单，由一个用户名文本框、一个密码文本框、一个验证码对话框和一个登录按钮组成，为了窗体的美观，我还添加了一个海尔企业网站的 logo。 为了使窗体中的各个组件摆放得更加随意美观，项目采用了绝对布局方式。 各个功能已经通过树形导航进行相关的分类，能 够帮助用户尽快选择需要的功能。 界面的设置中，提示 信息清楚明白，符合我们的一般的操作流程，用户在登录系统之后能够根据提示信息完成相关的操作。 系统前台界面设计 海尔企业网站 logo 是我利用 photoshop 工具制造完成的，海尔企业本身就很注重自身形象的建设，大型动画片《海尔兄弟》更是人们耳熟能详的。 因此，我参考了现有的海尔企业网站的 logo 进行了稍加修改。 在头部的模板的下部就是菜单栏了，在菜单栏中的选项都是和后台管理中的 “ 首页菜单管理 ” 模块是紧密联系的。 在后台通过 id 将要添加的字段送入数据库中，而 前台利用数据库中的 select 语句将数据库中是字段查询出来， id 为 menu。 如果后台数据库中没有数据的话，就利用 if 语句进行判断，然后弹出 “ 暂无菜单 !请登录后台添加 ” 的对话框。 前台头部模块具体如下表 51 所示： 表 51 头部模块示意图 海尔企业网站 logo 设为首页 加入收藏 用户登录 菜单栏 毕业设计（论文） 16 菜单栏主要分为 6 个模块，分别是：关于我们、新闻资讯、产品中心、联系我们、在线留言、心育在线。 网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏 览，还要有丰富的内容。 所以我们在首页就首页聚集了大量的信息。 关于我们这个模块中，主要是进行海尔集团的总体描述，讲述了海尔的过去和现在。 通过简短的文字让客户能够大体的了解海尔。 新闻资讯这个模块，主要是将海尔的每日新闻进行及时的更新，有重要的通告能够及时发布。 这个是与后台中的 “ 产品管理 ” 模块是关联的。 只要管理员在后台将信息录入，在前台就可以查看到了。 产品中心这个模块，主要是推广海尔的产品，将海尔的 174 个产品大类依次罗列出来，可以让客户能够清晰的查看相关的信息。 而且我们还附有贴图和相关的文字描述，让客户能 够在购买前充分的了解到产品的性能，选择出最适合自己的产品。 联系我们这个模块，主要是为了客户与销售人员或工程师进行互动，海尔有一句口号：不是每卖出一件产品，我们就拥有了一个客户。 近年来，海尔越来越重视售后的服务，努力提高服务质量。 因此，设计联系我们这个模块就十分有必要了。 通过 “ 联系我们 ” 这个模块，客户可以随时通过电话、邮件甚至是 联系到相关工程师，诉说自己在使用产品中遇到的问题，及时解决相应的麻烦。 在线留言这个模块，主要是客户对产品和服务的一种反馈形式。 客户可以将自己的感受或者遭遇通过留言的形式进行反馈。 通过我在设计网站的过程，设计了一个专门留言查看页面，所有的评价都可以在这个页面中查看出来。 通过留言不仅能够及时将批评和建议及时的反馈，而且起到了监督的作用，让我们的服务的更好。 心育在线这个模块，当初设计的目的主要是针对海尔内部的员工。 虽然我在海尔工作的时间不长，但是我发现海尔内部员工普遍的压力很大，而且海尔没有明显的心理辅导部门。 我在工作时，就有亲身感受，感觉压力无处排遣，在我身边的同事也有因为压力大而辞职的现象。 因此，我想到了用心育在线测试的方法来进行心理辅导，疏导员工的压力。 尾部模块就很简单了，主 要是进行版权。