目录
涉及知识: html css javaScript php mySQL
1.页面&功能展示
本项目共包含四个页面(人员信息页面,部门管理页面,添加员工页面,编辑员工页面)
人员信息页面:
部门管理页面:
添加员工页面:
编辑员工页面:
功能实机演示:
(包括人员信息展示,人员添加,人员编辑,人员查询,部门添加,部门编辑,数据删除等功能)
web项目人员信息管理系统实机演示
2.项目完整代码:
由于代码量有些多,这里直接上链接,解压出来就可以了
链接:https://pan.baidu.com/s/1VoMtl08eiTYBz4tWvYaTSg
提取码:glxt
--来自百度网盘超级会员V2的分享
包含的文件:
下载好后,可能会发现没法直接使用,因为需要在服务器环境下运行,还需要配套的数据库,下面将介绍如何搭建本地服务器环境,以及创建数据库
3.运行管理系统前的准备工作
3.1搭建本地服务器环境
如果你本地服务器环境已经配置好了,就可以直接进行下面数据库的搭建了
我使用的是phpStudy工具来配置服务器环境的(用的Apache和mySQL),关于如何搭建本地服务器环境,市面上有不少集成工具可以使用
这里介绍如何使用phpStudy来配置服务器环境的方法,点击下方链接可以查看具体步骤,这里就不赘述了。
链接:
3.2搭建数据库
3.2.1数据库中表的结构:
(1)员工信息表(表名:pre_emp)
(2)部门表(表名:pre_dept)
3.2.2搭建数据库的具体操作
你可以根据上面的信息手动搭建,也可以使用目录中的sql文件
这里演示如何在phpMyAdmin中导入sql文件来创建所需要的数据库(phpMyAdmin是一个mySQL数据库管理工具),其他mySQL管理工具因该也可以导入
这里我在phpStudy中打开phpMyAdmin
步骤一:进入phpMyAdmin点击“导入”
步骤二:点击“选择文件”
最后点击执行
会生成一个名为itcast的数据库,这样数据库就搭建完成了
data.sql中sql语句如下:
-- 创建数据库
create database itcast;
-- 切换连接到itcast数据库
use itcast;
-- 员工表
create table pre_emp(
emp_id int unsigned primary key auto_increment,
emp_dept_id int unsigned not null comment '所属部门 ID',
emp_name varchar(12) not null comment '姓名',
emp_birth timestamp default '1970-01-01 8:0:1' not null comment '出生日期',
emp_entry timestamp default '1970-01-01 8:0:1' not null comment '入职时间'
)charset=utf8;
-- 部门表
create table pre_dept(
dept_id int unsigned primary key auto_increment,
dept_name varchar(12) not null unique comment '部门名称'
)charset=utf8;
-- 在完成数据表的创建后,向数据库中插入几条测试数据:
-- 员工测试数据
insert into pre_emp values
(null,'1','张三','1990-02-03','2015-08-08'),
(null,'2','李四','1991-05-02','2015-07-02'),
(null,'3','王五','1989-07-12','2015-09-01'),
(null,'4','赵六','1989-12-03','2014-04-12');
-- 部门测试数据
insert into pre_dept values
(null,'市场部'),
(null,'开发部'),
(null,'媒体部'),
(null,'销售部'),
(null,'人事部');
4.运行管理系统
做完上面的准备工作后,还需要修改一下所有php文件中有关数据库用户名和密码的部分
打开每个php文件,根据自己数据库的用户名和密码来修改(这个用户名和密码也就是你登录phpMyAdmin用的用户名和密码,在phpStudy的数据库选项中也可以查看到)
下面就是如何打开管理系统页面了
首先你要确保把下载好的文件放在你所下载的php开发工具的www目录下,这个目录下的网页文件才可以访问到本地服务器
用浏览器打开index.php文件,输入127.0.0.1+www目录后面的文件路径,打开php目录下的index.php文件