毕业论文-人科公司工资管理系统的设计与实现.doc

学科分类号：_ 520.6070_湖南人文科技学院本科生毕业设计题 目： 人科公司工资管理系统的设计与实现 学生姓名： 学号 系 部： 信息科学与工程系 专业年级： 计算机科学与技术2011级 指导教师： 职 称： 讲师 湖南人文科技学院教务处制湖南人文科技学院毕业论文目录目录i摘要：iabstract:ii第一章 系统概述11.1前言11.2课题背景11.3研究动态及开发意义1第2章 开发环境与开发技术简介32.1开发环境32.2 开发技术简介32.2.1 php32.2.2 xampp42.2.3 my sql6第3章 可行性与需求分析83.1可行性分析83.1.1 技术可行性83.1.2 经济可行性83.2 需求分析83.2.1 用户需求83.2.2 功能需求93.2.3 技术需求93.4数据流图93.5数据字典10第4章 概要设计114.1 系统的技术要求114.3 系统的人机交互界面设计114.3.1 人机交互界面114.3.2 人机交互界面的设计原则124.4 总体设计134.4.1系统框架134.4.2系统功能模块设计134.5 数据库的设计144.5.1 数据库设计分析144.5.2 系统e-r图设计154.5.3 系统逻辑设计164.5.4 系统数据表设计16第5章 详细设计175.1应用程序设计185.2 系统功能界面设计185.2.1 用户登录185.2.2 主菜单界面225.2.3 用户管理子系统235.2.4 用户登录模块31第6章 系统测试366.1打包说明366.2 系统测试366.2.1 测试方案366.2.2 测试项目36第7章 结束语387.1 总结387.2设计体会38参考文献39致谢40人科公司工资管理系统的设计与实现摘要：随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机对人事，工资信息进行管理,具有手工管理所无法比拟优点。例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极地提高人事，工资管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。本系统选择目前常用的、技术已较成熟的b/s架构作为系统的总体架构，以xampp为开发平台，采用my sql数据库管理系统。所开发的系统提供了用户添加、查询信息、修改信息、删除用户等功能，为企业人员提供了一个功能强大的平台，通过这个平台管理人员可以根据实际工资情况来发放相应的工资，并轻松的管理人员，在实际应用中可以有效减轻管理人员的工作量。关键词：b/s结构；数据库设计；php；my sql；design and implementation of hominids company salary management systemabstract: with the continuous improvement of science and technology, computer science increasingly mature, its powerful features have deep understanding for the people, it entered the human society each domain and is playing an increasingly important role. as a part of computer application, use the computer to the personnel, wages information management, has advantages of crafts incomparable. for example: retrieves, the search rapidly convenient, the reliability high, thereserves big, the secrecy good, the long life and low cost. these merits can enhance the personnel, the polar salary management efficiency, also is enterprises scientific and standardization management, and the important condition of the world. this system choice at present commonly used, the technology has been more mature b/s architecture as the systems overall architecture, with xampp development platform, using my sql database management system. developed by the system to provide the users to add, query, modify information, delete users, and other functions, personnel for the enterprise provides a powerful platform, through this platform management personnel can according to actual situation to make corresponding wage wages, and easy management personnel, in the actual application can effectively reduce the workload of management personnel. key words: b/s structure; database design; php; my sql; ii第一章 系统概述1.1前言随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机应用的一部分,使用计算机对人事，工资信息进行管理,具有手工管理所无法比拟优点。例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极地提高人事，工资管理的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。因此， 本人开发了这套人事工资管理系统，这是一款专业的人事档案管理软件，人事工资管理软件，人事管理软件界面设计简洁，美观，其人性化的软件流程，使普通用户不需培训也能快速掌握软件操作使用方法，上手极易。强大的报表统计功能更是能让您完整的掌握企业，公司内部的人事，工资，档案的详细情况。企业人事管理软件广泛适用于企业,公司的人事管理，档案管理，是您企业进行人力资源管理的强大工具1.2课题背景随着经济的发展，企业正向着大型化、规模化发展，而对于大中型企业，员工、职称等跟工资管理有关的信息随之急剧增加。在这种情况下单靠人工来处理员工的工资不但显得力不从心，而且极容易出错。如何设计一个小型企业工资的数据库管理系统，由计算机代替人工执行一系列诸如增加新员工，删除旧员工，工资查询，统计等操作。这样就使办公人员可以轻松快捷地完成工资管理的任务。1.3研究动态及开发意义随着计算机技术的发展，各行各业中计算机都已经普及，尤其是在企业，一个好的工资系统能基本满足现有中小型企业工资管理需求的通用信息管理系统，开发这个系统的目的就是帮助企业的财务主管部门提高工作效率，实现企业工资信息管理的系统化、规范化和自动化，真正实现企业高效、科学、现代化的员工管理。第2章 开发环境与开发技术简介2.1开发环境本次系统设计采用xampp 、和my sql数据库软件作为主要的开发工具。运用编程语言php完成了程序的界面设计及主要功能的具体实现；用my sql完成了数据库的具体设计。2.1.1硬件环境(1)pentium处理器：2ghz(2)ram内存：2g(3)硬盘空间：500g(4)屏幕分辨率：1080*800真彩色2.1.2软件环境(1) 开发工具：xampp(2)数据库：my sql(3)操作系统：microsoft windows 72.2 开发技术简介2.2.1 phpphp（外文名:php: hypertext preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了c语言、java和perl的特点，利于学习，使用广泛，主要适用于web开发领域。php 独特的语法混合了c、java、perl以及php自创的语法。它可以比cgi或者perl更快速地执行动态网页。用php做出的动态页面与其他的编程语言相比，php是将程序嵌入到html（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成html标记的cgi要高许多；php还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。下面列举了一些php的优点。开放源代码所有的php源代码事实上都可以得到。免费性和其它技术相比，php本身免费且是开源代码。快捷性程序开发快，运行快，技术本身学习快。嵌入于html：因为php可以被嵌入于html语言，它相对于其他语言。编辑简单，实用性强，更适合初学者。跨平台性强由于php是运行在服务器端的脚本，可以运行在unix、linux、windows、mac os、android等平台效率高php消耗相当少的系统资源。图像处理用php动态创建图像,php图像处理默认使用gd2。且也可以配置为使用image magick进行图像处理。面向对象在php4,php5 中，面向对象方面都有了很大的改进，php完全可以用来开发大型商业程序。专业专注php支持脚本语言为主，同为类c语言。2.2.2 xamppxampp（apache+mysql+php+perl）是一个功能强大的建 xampp 软件站集成软件包。这个软件包原来的名字是 lampp，但是为了避免误解，最新的几个版本就改名为 xampp 了。它可以在windows、linux、solaris、mac os x 等多种操作系统下安装使用，支持多语言：英文、简体中文、繁体中文、韩文、俄文、日文等。许多人通过他们自己的经验认识到安装 apache 服务器是件不容易的事儿。如果您想添加 mysql、php 和 perl，那就更难了。xampp 是一个易于安装且包含 mysql、php 和 perl 的 apache 发行版。xampp 的确非常容易安装和使用：只需下载，解压缩，启动即可。配置只需要修改虚拟主机配置文件：xamppapacheconfextrahttpd-vhosts.conf。这里只说明基于域名（服务器只有单ip）的虚拟主机配置方法，基于ip（服务器多ip，可以每个虚拟主机一个ip）等的配置方法请参考apache官方手册。(1)请将“#namevirtualhost *:80”这里的“#”去掉，即改为“namevirtualhost *:80”，如果使用的非80端口，将这里和下面虚拟主机配置文件中的“80改为实际端口即可。(2)我们看看这个配置文件下面的“virtualhost example:”这部分，为了便于本机操作，我们先建立起“localhost”这个虚拟主机，否则一旦启用虚拟主机会导致本地的xampp无法进入web管理界面。配置文件自带了两个配置好但没启用的例子，我们建好的“localhost”的虚拟主机应该是这样的：1234567#serveradmindocumentroot/xampp/htdocsservernamelocalhost#errorlogrel_logfiledir/dummy-host2.error_log#customlogrel_logfiledir/dummy-host2.access_logcommon其中，没有注释符的几项是必需的，有注释符的项目是可选的，当然，您也可以根据apache官方文档设定更多的项目。1“documentroot”：必需。这个是虚拟主机站点的根目录，可以是相对路径或绝对路径、路径不能包含空格等特殊字符。使用相对路径时路径是相对环境所在的分区，我的环境放在d盘的根目录，所以示例中写作“/xampp/htdocs”、也可以写作“d:/xampp/htdocs”（后面不加/），如果环境放在d盘的www目录，那么这里的路径就要写作“/www/xampp/htdocs”、也可以写作“d:/www/xampp/htdocs”（后面不加/）。配置虚拟主机失败多数都是路径设置的不对。“servername”：必需。这个是配置虚拟主机的域名。可以是“localhost”、“cmsware”、等。虚拟主机配置常见问题：如果配置后apache通过管理面板启动不了，启动或关闭apache，这时能看到具体的报错信息。如果虚拟主机配置后没生效，看看apache报错日志（xamppapachelogserror.log）一般就能知道原因所在。1提醒1,skype与xampp的apache有冲突，因为 skype 缺省情况下把80端口和443端口作为接入设备的备用端口，也就是所谓的防火墙穿透了。解决方法：重新设置 skype 菜单 工具-选项-连接 项，去掉 “把80端口和443端口作为接入设备的备用端口” 前面的复选框。副作用：如果你的 skype 处于防火墙/代理之下，将没法正常使用 skype ，只有正确设置了防火墙/代理的端口重定向才行。2,正在使用迅雷时也会导致xampp套件中的apache无法启动，可以先停掉迅雷。启动后再使用迅雷没问题。3,如果通过管理面板启动或关闭apache、mysql，请直接运行环境根目录下的apache_start.bat、apache_stop.bat或mysql_start.bat、mysql_stop.bat启动或关闭apache、mysql，这时能看到具体的报错信息4,如果您启用了组件中的ftp但远程连接时却根本连不上也没任何报错，这时请检查一下您服务器上是否设置了防火墙2.2.3 my sqlmysql是一个精巧的sql数据库管理系统，而且是开源的数据管理系统。由于它的强大功能、灵活性、丰富的应用编程接口（api）以及精巧的系统结构，受到了广大自由软件爱好者甚至是商业软件用户的青睐，特别是与apache和php/perl结合，为建立基于数据库的动态网站提供了强大动力。 mysql是一个真正的多用户、多线程sql数据库服务器。sql（结构化查询语言）是世界上最流行的和标准化的数据库语言。mysql是以一个客户机/服务器结构的实现，它由一个服务器守护程序mysqld和很多不同的客户程序和库组成。 sql是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用sql语言为一个网站检索产品信息及存储顾客信息，同时mysql也足够快和灵活以允许你存储记录文件和图像。 mysql 主要目标是快速、健壮和易用。最初是因为我们需要这样一个sql服务器，它能处理与任何可不昂贵硬件平台上提供数据库的厂家在一个数量级上的大型数据库，但速度更快，mysql就开发出来。自1996年以来，我们一直都在使用mysql，其环境有超过 40 个数据库，包含 10,000个表，其中500多个表超过7百万行，这大约有100 个吉字节(gb)的关键应用数据。 mysql建立的基础是业已用在高要求的生产环境多年的一套实用例程。尽管mysql仍在开发中，但它已经提供一个丰富和极其有用的功能集。第3章 可行性与需求分析3.1可行性分析可行性分析的目的是用最小的代价在尽可能短的时间内确定问题是否能够解决。下面从技术可行性、经济可行性和操作可行性三个方面对系统进行可行性分析。3.1.1 技术可行性随着计算机应用的日益普及和深化，网上办公已经成为一种趋势。本项目要开发的是基于互联网的工资管理系统。由于公司人员多，每天人工记录工资的工作量大，原来的人工工作方式不仅会造成办理时间的延误和人力资源的浪费，而且存在着各种信息不易存放、易丢失、难以备份和查询等缺点。因此，实现一个工资管理功能和员工信息管理系统集成起来的工资管理系统就显得十分必要，既可以节省资源，又可以有效存储、更新、查询信息，提高工作和服务效率3.1.2 经济可行性本课题采用b/s模式的结构，系统开发采用软件工程中系统开发的方法，结构比较简单。所以投入资本不需要太多的投入。本课题能够在个人电脑上实现，因此在系统的开发阶段不需要很大的资金投入。以长远来看，本系统中用于项目开发的投资将远远小于所获得的收益。使用该系统不仅增加了收益，而且还节约了投资。所以，该系统的开发在经济方面是完全可行的。3.2 需求分析3.2.1 用户需求本系统用于对工资的操作，有两类用户：管理员用户和普通员工。对于管理员，能添对用户进行管理。对于普通员工，能查询信息。3.2.2 功能需求根据工资管理的主要工作内容，工资管理系统的用户是系统管理人员和普通员工，普通员工的功能包括信息查询；系统管理员的功能为：用户的管理。具体功能如下: 普通员工：（1）查询信息。系统管理员：（1） 用户信息的添加、删除、修改和查询。3.2.3 技术需求 本系统是一个b/s模式的数据库管理信息系统，而开发数据库管理信息系统需要掌握如下技术：（1）所选开发工具的基本编程方法。（2）基本的后台数据库管理方法，例如创建数据库、创建表、创建视图、创建触发器等。（3）常用sql语句的使用。3.4数据流图数据流图：简称dfd，就是采用图形方式来表达系统的逻辑功能、数据在系统内部的逻辑流向和逻辑变换过程，是结构化系统分析方法的主要表达工具及用于表示软件模型的一种图示方法。根据系统的功能需求，设计出本系统的数据流图如下所示：图3-3顶层dfd3.5数据字典数据字典（data dictionary）是一种用户可以访问的记录数据库和应用程序元数据的目录。数据字典是一个预留空间，用来储存信息数据库本身。本系统是一个数据库管理系统。通过对系统进行数据库分析，系统由如下3个数据表组成。(1)管理用户信息表：保存系统用户的详细信息，内容包括用户名称、用户密码。(2)工资表：工资、普通员工的用户名，密码等。(3)具体工资：包括用户名，工资和其他工资等。第4章 概要设计4.1 系统的技术要求1、数据的显示包括文本、电子表格、数据表的内容显示，以及实时追踪统计等显示方式。2、数据的打印包括文本内容显示(纯文本式文本显示)，电子表格、单据、报表等打印输出格式.3、系统的扩展性系统采用模块化设计方案，要具有良好的扩展性。4.3 系统的人机交互界面设计用户界面(user interface)是应用软件系统的“门面”，它是软件与用户交互的最直接层面，界面的好坏决定用户对软件的第一印象。设计良好的界面不仅能够完成各项基本交互要求，而且还可以引导用户自己完成相应的操作，起到向导的作用。软件的用户界面是人机之间的信息界面，从某种意义上讲，它比硬件和工作环境更为重要。企业售后服务管理系统的使用者是广大未受过计算机专门训练的普通用户，因此良好的用户界面在系统设计和软件开发中的具有很重要的地位，它可以帮助用户快速的理解和掌握系统的使用，更好的运用此管理系统。4.3.1 人机交互界面计算机系统可视为由计算机硬件、软件和人共同构成的人机系统。人与硬件、软件的交叉部分构成用户界面一个人机交互系统的工作流程一般由以下几部分组成:通过系统提供的用户界面，使用户对系统有基本的认识;用户应用知识与经验以及感知、思维、判断来获取用户界面上的信息并进行相应的操作;用户使用某种交互设备完成人机交互、即输入查询命令及数据等;计算机处理用户提交的查询命令和数据等，并向用户回送响应信息和输出结果。用户界面是介于用户与计算机系统之间的媒介，是用户使用计算机系统的综合操作系统。它集中体现了计算机系统的输入输出功能以及用户对系统各个部分操作的控制功能。人机交互界面是评价计算机应用性能优劣的一个很重要的方面。电子计算机的发展历史证明了这一点。计算机的发展历史也是界面发展的历史，从指示灯到文字，从文字到图像，再到多媒体。界面由低级到高级，由抽象到具体，由单一到多元，由静态到动态，从非智能到有智能。人机交互界面设计主要包含两大因素:一是如何将用户所提供的信息传送到计算机以及如何将计算机的信息呈现给用户;二是用户界面透过界面设计的暗示或隐喻，进而达到人机交互。4.3.2 人机交互界面的设计原则人机交互界面的设计应该具有现实的隐喻，使用户能在计算机环境具有熟悉的预期;应该能够产生即刻的回馈，带给使用者似乎直接操纵现实世界物体的感觉，提供使用者有价值的事实资讯;应该具有直观的效果，让使用者直观地感觉到操作效果，获得使用者的信任。(1)表现主题界面设计是否有固定的描述主题，倘若有描述，必须一致清晰。(2)界面熟悉度界面的使用应该依据使用者预期的类型经验所推导的文字或观念进行设计。(3)设计的一致性界面设计应该一致地在类似的动作上有相同的活动方式。减少过分的冲击惊吓，避免所设计的界面让使用者过分的惊讶冲击，影响其他相关界面功能的操作使用。(4)界面设计的回复性界面设计应该有回复的功能，允许使用者因过失导致操作错误。(5)界面设计的使用者引导界面设计应该整合某些型式的内容，适当配合相关的用户引导与协助。(6)亲和性界面设计必须能亲切地邀请使用者进一步探索该系统。(7)简明性使用者能够迅速了解界面的架构，开始使用它。避免菜单过杂，隐喻过多，或是使用难懂的设计隐喻。(8)使用界面的认知性界面的设计在这一部份是较难掌握的，取决于设计者的设计功力、及整体的视觉感受、按键设计及色彩的运用等。4.4 总体设计总体设计主要涉及两个方面的内容:一个是总体布局设计，另一个是总体结构设计。布局设计是指某一页面画面中各个单元(如文字、按钮、图象、输入框等)的设计，主要考虑如何综合利用整个屏幕，如何将屏幕划分为合理的区域。布局设计是总体设计的基础，一旦布局设计方案确定下来之后其他各个页面都要按照确定的布局设计方案来设计。结构设计是指系统的每个页面屏幕画面间的相关联系和总体结构的设计，主要解决如何组织页面和页面之间的关系、菜单、控件的放置的设计。4.4.1系统框架本系统开发时使用的系统只是普通的pc机，操作系统为windows7版本。数据库的建立使用的是my sql。此系统总体的功能是实现工资管理的系统化、规范化和自动化。系统总体框架图如下：图4-1系统总体框架图4.4.2系统功能模块设计基于对工资管理系统的需求分析，可以按照其功能划分为以下1个子系统: 用户管理。其中用户管理子系统包括用户添加、用户查询、用户修改、用户删除。整个系统的功能模块图如图4-2所示。图4-2系统功能模块图通过以上系统功能结构图，可以清晰的看到的系统的情况，了解系统的全部功能，工资管理系统的建立，极大的方便了管理人员管理工资，减少理人力，物力的浪费。可以说，这个系统的作用，远远超过了系统本身的作用。4.5 数据库的设计4.5.1 数据库设计分析数据库设计是指对于一个给定的应用环境，构造最优的数据库模式，建立数据库及其应用系统，使之能够有效地存储数据，满足各种用户的应用需求(信息要求和处理要求)在数据库领域内，常常把使用数据库的各类系统统称为数据库应用系统。数据库设计分为四步:1、需求分析:首先必须确认数据库的用户和用途。由于数据库是一个单位的模拟，数据库设计者必须对一个单位的基本情况有所了解.收集和分析这些资料的过程称为需求分析。主要有以下步骤:l) 收集资料收集资料是数据库设计人员和用户共同完成的任务。确定企业组织的目标，从这些目标导出对数据库的总体要求.通过调研，确定由计算机完成的功能。2) 分析整理分析的过程是对收集到的数据进行抽象的过程，产生解的模型。3) 数据流图采用数据流图来描述系统的功能。数据流图可以形象地描述事务处理与所需数据的关联，便于用结构化系统方法，自顶向下，逐层分解，步步细化。4) 数据字典对数据流图中的数据流和加工等进一步定义，从而完整地反映系统需求。5) 用户确认需求分析得到的数据流图和数据字典要返回给用户，通过反复完善，最终取得用户的认可。2、概念设计：用概念数据模型，例如e-r模型，表示数据及其相互间的联系，产生反映用户信息需求和处理需求的数据库概念模式。数据库概念模式是独立于任何数据库管理系统，面向现实世界的数据模型。3、逻辑设计：在逻辑设计阶段，将第二步所得到的数据库概念模式，转换成以dbms的逻辑数据模型表示的逻辑模式。4、数据表设计：对系统数据库中所要用到的数据表进行具体的设置。4.5.2 系统e-r图设计信息系统的主要任务是通过大量的数据获得管理所需要的信息，这就必须存储和管理大量的数据。因此建立一个良好的数据组织结构和数据库，使整个系统都可以迅速、方便、准确地调用和管理所需的数据，是衡量信息系统开发工作好坏的主要指标之一。这一设计阶段是在分析的基础上，设计出满足系统的各种实体。主要有：管理员、普通员工。用户实体记载使用本系统的用户的详细信息；查询用户、添加用户、删除用户、修改用户；它们之间的e-r图如图4-3所示：图4-3 系统e-r图4.5.3 系统逻辑设计 根据工资管理系统的需求分析和功能模块设计，通过数据库分析，得到系统需要的3个数据表。(1)系统用户表：用户名称、用户密码。(2)工资表：用户名称、用户称呼、用户密码、用户工资。(3)具体工资表：用户名称、用户工资、其他工资。4.5.4 系统数据表设计根据系统的逻辑设计，各个数据表的设计如下：（1）customer表（系统用户信息表）中包括用用户名称、用户密码字段，具体设置如表4-1所示。表4-1 customer表名称数据类型长度主键是否可为空用户名称varchar20否否用户密码varchar10否否（2）u_nol_customer表（工资表）中包括有用户名、用户称呼等字段，具体设置如表4-2所示。 表4-2 t_titletype表名称数据类型长度主键是否可为空用户名varchar20是否用户称呼varchar20否否用户密码varchar10否否工资int11否否（3）u_salary_con表（具体工资表）中包括用户名、工资等字段，具体设置如表4-3所示。表4-3 t_knowledge表名称数据类型长度主键是否可为空用户名varchar20是否工资int11否否其他工资int11否否第5章 详细设计根据系统的主要功能及上一章的总体设计，系统开发进入第二个阶段：详细设计。在这一阶段的工作中，主要任务有以下几项：（1）根据原型化的开发原则，为系统的每个模块功能进行界面设计，作为进一步优化的基础。（2）进行系统的流程分析，为模块的细化做好准备。（3）对每个模块进行详细的算法设计。 5.1应用程序设计本系统总体的功能是实工资库管理的系统化、规模化和自动化，具体包括如下功能模块：（1）用户管理：对用户信息的添加、删除、修改和查询；5.2 系统功能界面设计5.2.1 用户登录通过这个登录模块，只有经过认证的用户才能登录到系统中来，保证了系统使用的安全性，同时，系统的密码是加密存储的。是经过加密函数，实现了口令的加密存储，保证了非法用户利用后台数据库修改数据的情况的发生。最大化的保证了系统使用的安全。（1）用户在进入系统前，必须通过系统登录进入主程序界面，通过系统登录界面主要实现确认用户的身份。本系统用户登录界面如图5-1所示，根据选择的相应用户进入系统，进行相应的操作。图5-1 用户登录界面（2）在系统登录界面中，代码如下： 欢迎使用人科公司工资管理系统！请登录 .contain width: 100%; height:100%; .center /*将登录窗口放置指定的位置*/ margin-top: 10%; /*与浏览器整个页面的上边距*/ margin-left: 39%; /*与浏览器整个页面的左边距*/ width: 300px; /*登录窗口的长*/ height: 200px; /*登录窗口的高*/ background-image: url(pic/bj2.png); body background-size: cover; /*整个浏览器背景大小，cover是覆盖*/ background-repeat:no-repeat; /*设置图片为不重复*/ background-image: url(pic/bj.png); .box /*登录窗口的位置调整*/ margin-top: 10%; margin-left:20%; h1 margin-top: 5%; .foot width: 100%; height:10%; 人科公司工资管理系统 用户名： 密码 ： ?php echo 普通员工登录; ? copyright 2015 adobe systems incorporated. all rights reserved. （3） 、普通员工登录界面代码 欢迎使用人科公司工资管理系统！请登录 .contain width: 100%; height:100%; .center /*将登录窗口放置指定的位置*/ margin-top: 10%; /*与浏览器整个页面的上边距*/ margin-left: 39%; /*与浏览器整个页面的左边距*/ width: 300px; /*登录窗口的长*/ height: 200px; /*登录窗口的高*/ background-image: url(pic/bj2.png); body background-size: cover; /*整个浏览器背景大小，cover是覆盖*/ background-repeat:no-repeat; /*设置图片为