(中职）Web数据库与动态网页设计第7单元ppt课件.ppt

(中职）Web数据库与动态网页设计第7单元ppt课件第 2 页 共 50页单元七单元七 创建人事信息管理系统创建人事信息管理系统l 引言引言 人事信息管理是公司企业内部很重要的一个管理事项，目前大多数公司内部劳资人事的管理，基本上是手工操作，这样对信息的管理者有诸多不便。有的虽然是用FoxPro、VisualFoxPro开发，但由于开发工具本身的限制，对网络功能的支持程度不是很强，为以后软件升级到互联网带来了麻烦。因此，有必要开发一个基于网络的人事管理系统，能在网络环境下实现数据的录入、插入、删除、查询、统计、更新、打印等功能；同时，为了信息的保密与安全，系统还要提供一定的安全机制。第 3 页 共 50页l能力目标 能创建数据表的各种查询 能对数据库进行日常维护 能对数据库进行安全设置 单元七单元七 创建人事信息管理系统创建人事信息管理系统第 4 页 共 50页 任务一 为网站建立数据库和数据表 任务二 制作登录页面 任务三 制作员工信息输入页面 任务四 制作员工信息编辑页面 任务五 制作员工信息查询页面 项目实训 创建网上书店销售管理系统 单元七单元七 创建人事信息管理系统创建人事信息管理系统第 5 页 共 50页任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 对于人事信息管理系统数据库的设置、备份是一件很重要的工作，整个系统以SQL Server为后台数据库，是真正的客户机/服务器体系结构，它的特点是功能强大，安全可靠。返 回关 闭l 任务描述 第 6 页 共 50页 公司内部的员工信息管理，主要集中在公司员工的个人情况、所在部门、职务等。所以该系统主要是实现对数据的录入、插入、删除、查询、统计、更新、打印等功能。其次，为了信息的保密与安全，系统还要提供一定的安全机制。l 任务分析 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表第 7 页 共 50页 数据表的建立是应用程序开发过程中非常重要的一个环节，必须清楚每一模块要操纵的数据是哪些，以及数据间的相互关系，然后建立数据表。同时还要对系统设置安全机制，为实现以上要求，该系统应设置用户“注册表”、“员工基本情况表”两个数据表。l 任务分析 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表第 8 页 共 50页l 方法与步骤 创建文件夹和虚拟目录 创建数据库 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表第 9 页 共 50页l 相关知识与技能 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 附加数据库第 10 页 共 50页l 拓展与提高 返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 分离数据库第 11 页 共 50页l 思考与练习 在SQL Server中创建一个名为qygl（企业管理）的数据库，在其下再创建两个表，然后进行分离数据库的操作。返 回关 闭任务一任务一 为网站建立数据库和数据表为网站建立数据库和数据表 在SQL Server中对数据库rsgl进行附加数据库的操作。第 12 页 共 50页任务二任务二 制作登录页面制作登录页面 返 回关 闭l 任务描述 网站的登录页面是大部分网站的基本页面，对于人事信息管理系统是必不可少的一个进入页面。第 13 页 共 50页返 回关 闭l 任务分析 登录页面应根据不同的用户设置不同的权限，不同权限具有不同的界面，根据本系统的情况，设置三种权限，系统管理员权限为最高，人事管理员权限次之，普通用户权限最低。根据系统功能分析，整个系统的页面逻辑结构如图所示。任务二任务二 制作登录页面制作登录页面第 14 页 共 50页返 回关 闭任务二任务二 制作登录页面制作登录页面第 15 页 共 50页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作登录页面 登录页面的制作比较简单如图所示，文件名为index.asp，保存于ch05文件夹下。第 16 页 共 50页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作数据库连接文件econn.asp 在ch05文件夹下建立一个文件夹conne，然后在该文件夹下创建文件econn.asp。econn.asp文件的代码见教材。第 17 页 共 50页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作主页面 根据登录用户的级别显示不同的主页面，若是人事部门管理员应该具有员工信息输入、员工情况查询和员工信息修改的权限。其页面如图所示，文件名为index1.asp。第 18 页 共 50页返 回关 闭任务二任务二 制作登录页面制作登录页面 若是普通员工进入后只有查询的权限。其页面如图所示，文件名也是index1.asp。主页面index1.asp的源代码见教材。第 19 页 共 50页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作系统管理员登录主页面 系统管理员主要是编辑用户“注册表”，其登录后的页面如图所示，文件名为index2.asp。制作过程可参考index1.asp的制作。第 20 页 共 50页返 回关 闭l 方法与步骤 任务二任务二 制作登录页面制作登录页面 制作新用户注册页面和密码修改页面 在登录页面index.asp的下方有一个“新用户注册”超链接，单击后连接到新用户注册页面，如图所示。其制作过程可参考单元六任务三中的新生注册页面制作。第 21 页 共 50页返 回关 闭任务二任务二 制作登录页面制作登录页面 密码修改页面如图所示，其制作过程可参考单元六任务三中的密码修改页面制作，在此不在赘述。第 22 页 共 50页返 回关 闭l 相关知识与技能 用服务器端包含技术实现对文件的引用任务二任务二 制作登录页面制作登录页面第 23 页 共 50页返 回关 闭l 拓展与提高 如何防止表单被多次提交任务二任务二 制作登录页面制作登录页面第 24 页 共 50页返 回关 闭l 思考与练习 制作一张个人主页，在其上添加时间显示信息，显示当天的日期、时间及星期几。编写程序，去除字符“动态”和“网页”两边的空格，并连接成词。任务二任务二 制作登录页面制作登录页面编写程序，判断当天日期，如果24日，则显示“请注意，明天可能有病毒发作！”，否则显示“明天不是25日”。第 25 页 共 50页任务三任务三 制作员工信息输入页面制作员工信息输入页面 返 回关 闭l 任务描述 员工信息的输入是本系统最基本的功能，该页面为后面的查询等操作打下基础。第 26 页 共 50页返 回关 闭l 任务分析 员工信息输入的权限是人事部门管理员用户，所以在进入时要先判断权限，权限不对则自动返回。信息输入界面要尽量方便用户的输入，并且要在客户端先判断必要的信息是否为空。任务三任务三 制作员工信息输入页面制作员工信息输入页面第 27 页 共 50页返 回关 闭l 方法与步骤 任务三任务三 制作员工信息输入页面制作员工信息输入页面 制作员工信息输入页面 先在ch05文件夹下建立一个rsxxgl文件夹，员工信息输入页面文件名为xxsr.asp，保存在rsxxgl文件夹下，其页面布置如图所示。员工信息输入页面文件xxsr.asp的源代码见教材。第 28 页 共 50页返 回关 闭l 相关知识与技能 表单的客户端验证任务三任务三 制作员工信息输入页面制作员工信息输入页面第 29 页 共 50页返 回关 闭l 拓展与提高 如何过滤字符串中的单引号任务三任务三 制作员工信息输入页面制作员工信息输入页面第 30 页 共 50页返 回关 闭l 思考与练习 任务三任务三 制作员工信息输入页面制作员工信息输入页面 请编写一个用户注册页面，当用户进行注册时，首先由客户端来检查是否输入注册用的信息，如果没有则显示“请输入”，如果已输入，在页面上显示“某某某，欢迎您！”的信息。第 31 页 共 50页任务四任务四 制作员工信息编辑页面制作员工信息编辑页面 返 回关 闭l 任务描述 员工信息编辑页面是本系统的主要页面之一，数据输入后是免不了要进行修改、删除等操作。该页面也应尽量方便用户操作。第 32 页 共 50页返 回关 闭l 任务分析 员工信息编辑包括两部分“删除”和“修改”，页面先给出一个列表显示全部员工的编号和名单，人事部门管理员找到相应的员工后可选择“删除”或“修改”。也可以先单击姓名查看详细内容后再选择“删除”或“修改”。另外，当数据大于十条后可实现翻页查看。任务四任务四 制作员工信息编辑页面制作员工信息编辑页面第 33 页 共 50页返 回关 闭l 方法与步骤 任务四任务四 制作员工信息编辑页面制作员工信息编辑页面 制作员工信息编辑页面 页面布局显示如图所示。该页面的源代码见教材。第 34 页 共 50页返 回关 闭l 方法与步骤 任务四任务四 制作员工信息编辑页面制作员工信息编辑页面 制作员工信息修改页面 在员工信息编辑页面的相应记录后面单击“修改”按钮，将超链接到员工信息修改页面，其文件名为edit.asp，存放在rsxxgl文件夹下，页面布局如图所示。文件edit.asp与员工信息输入页面文件xxsr.asp的内容类似。修改页面文件edit.asp的源代码见教材。第 35 页 共 50页返 回关 闭l 方法与步骤 任务四任务四 制作员工信息编辑页面制作员工信息编辑页面 制作用户注册信息修改页面 系统管理员可以修改员工注册信息，在ch05文件夹下新建一个gly文件夹，在其下新建一个员工注册信息修改文件zcbxg.asp，该文件内容与员工信息修改类似，只是更加简单了，只有“用户名”、“密码”、“权限”三个文本类的数据需修改。对应数据表为“注册表”。第 36 页 共 50页返 回关 闭l 相关知识与技能 分页显示数据表记录 任务四任务四 制作员工信息编辑页面制作员工信息编辑页面第 37 页 共 50页返 回关 闭l 思考与练习 在动态网页中设置数据源后，如果移动了数据库的位置，动态网页还能正常工作吗？试通过调试来得出正确结论。任务四任务四 制作员工信息编辑页面制作员工信息编辑页面第 38 页 共 50页任务五任务五 制作员工信息查询页面制作员工信息查询页面 返 回关 闭l 任务描述 员工信息查询是本系统主要功能，也是最复杂的部分。第 39 页 共 50页返 回关 闭l 任务分析 员工情况查询可按各种情况分别查询。在技术处理上分两大类型，一类是先在文本框中输入查询信息或选择类型，然后单击对应查询按钮进行查询，如按“编号”、“姓名”、“职务”、“性别”分别查询；另一类是先选择类型，再从其下拉列表框中选择对应值，然后单击“提交”按钮进行查询。当然也可以直接查询全部信息。任务五任务五 制作员工信息查询页面制作员工信息查询页面第 40 页 共 50页返 回关 闭l 方法与步骤 任务五任务五 制作员工信息查询页面制作员工信息查询页面 制作员工情况查询页面 在ch05文件夹下新建文件夹szdw，按照上面的分析分两类情况制作查询页面，查询页面布局如图所示。该页面的文件名为ygqkcx.asp，保存在szdw文件夹下，其源代码见教材。第 41 页 共 50页返 回关 闭l 方法与步骤 任务五任务五 制作员工信息查询页面制作员工信息查询页面 制作查询结果页面 若在员工情况查询页面上选择“男”单选按钮，并单击右侧的“按性别查询”按钮则查询结果页面会显示全部男性员工的列表，如图所示。该页面的文件名为ygdw1.asp，保存在szdw文件夹下，其源代码见教材。第 42 页 共 50页返 回关 闭l 方法与步骤 任务五任务五 制作员工信息查询页面制作员工信息查询页面 制作员工详细信息页面 在查询结果页面中用户再单击姓名就可得到该员工的详细信息，如单击“林华近”则连接到对应“林华近”的详细情况表，如图所示。该页面的文件名为ygdw2.asp，保存在szdw文件夹下。其源代码见教材。第 43 页 共 50页返 回关 闭l 相关知识与技能 任务五任务五 制作员工信息查询页面制作员工信息查询页面 ADO查询数据库的基本步骤 用Where子句设置查询条件 第 44 页 共 50页返 回关 闭l 拓展与提高 任务五任务五 制作员工信息查询页面制作员工信息查询页面 Select语句的完整格式 模糊查询 第 45 页 共 50页返 回关 闭l 思考与练习 用sql=select*from员工基本情况数据表 where name like%&wname&%替换ygdw1.asp中“按姓名查询”语句sql=select*from 员工基本情况数据表 where name=&wname&，并运行调试。任务五任务五 制作员工信息查询页面制作员工信息查询页面 在SQL语句中应用Not Like再调试习题1中的查询语句。第 46 页 共 50页项目实训项目实训 创建网上书店销售管理系统创建网上书店销售管理系统 返 回关 闭l 项目描述 图书销售管理页面是网上书店网站最主要的部分，用户登录后查询图书、选择图书、付费购买，都在这部分完成。第 47 页 共 50页项目实训项目实训 创建网上书店销售管理系统创建网上书店销售管理系统返 回关 闭l 项目要求 制作一个图书查询页面，要求后台数据库用SQL Server 2000 制作一个选购图书页面，用户选购以后要有统计 题型可以使用单项选择题 制作一个付费购买图书页面 第 48 页 共 50页项目实训项目实训 创建网上书店销售管理系统创建网上书店销售管理系统返 回关 闭l 项目提示 先创建SQL Server数据库和对应的数据表 创建图书查询页面，查询可根据书名、作者、出版社等 用户查询到图书后可浏览该书的内容提要，可选择购买 统计累加用户购买的图书数量和金额 第 49 页 共 50页项目实训项目实训 创建网上书店销售管理系统创建网上书店销售管理系统返 回关 闭l 项目评价 第 50 页 共 50页内 容评 价 等 级能 力 目 标评 价 项 目321职业能力能创建数据表的查询了解表的SQL查询功能能正确地编写SQL查询语句能对数据库进行通常维护会导入、导出SQL Server数据表能正确的删除、修改、添加SQL Server数据表记录会附加和分离SQL Server数据库能制作简单的动态网页会编写身份验证程序会制作动态网页的交互功能会正确使用“引用”语句会编写统计程序并显示结果能在动态网页中正确连接SQL Server数据库通用能力创新能力独立构思能力解决问题的能力活动能力组织能力综合评价返 回关 闭第 51 页 共 50页