1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。
3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。
4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。
5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。
6、在浏览器打开test.html文件,点击按钮,查看实现的效果。
第1章运行设计1.1运行模块组合
Eclipse、MySQL
1.2运行控制
第2章程序设计说明
2.1管理员登录设计说明
管理员登录模块设计
2.1.1程序描述
2.1.2输入项
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
admin_name
登录用户
varchar(50)
不超过50字符
Null
传参
admin_pwd
登录密码
Varchar(8)
8个字符,支持特殊字符与下划线
88888888
传参
验证码
Varchar(4)
4个字符,仅由数字和字母组成。
传参
2.1.3输出项
编号
参数名称
数据类型
有效范围
输出形式
备注
emp_id
员工工号
Integer
00001-99999
参数返回
stu_name
员工姓名
Varchar(50)
不超过50字符
参数返回
stu_gender
员工性别
Varchar(10)
男或女
参数返回
stu_age
员工年龄
Integer
18-60
参数返回
stu_tel
联系方式
Varchar(50)
11位纯数字
参数返回
post_name
职位名称
Varchar(50)
不超过50字符
参数返回
Class_name
班级名称
Varchar(50)
不超过50字符
参数返回
2.1.4流程逻辑
2.1.5错误处理
登录失败
2.2添加学员设计说明
添加学员模块设计
2.2.1程序描述
图表8添加学员时序图
2.2.2输入项
表格5添加学员输入表
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
emp_id
员工工号
Integer
00001-99999
00001
传参
stu_name
员工姓名
Varchar(50)
不超过50字符
佚名
传参
stu_gender
员工性别
Varchar(10)
男或女
男
传参
stu_age
员工年龄
Integer
18-60
18
传参
stu_tel
联系方式
Varchar(50)
11位纯数字
null
传参
post_name
职位名称
Varchar(50)
不超过50字符
Null
传参
Class_name
班级名称
Varchar(50)
不超过50字符
null
传参
stu_pwd
默认密码
Varchar(8)
8个字符,支持特殊字符与下划线
88888888
传参
2.2.3输出项
添加成功
添加失败
2.2.4流程逻辑
图表9添加学员流程图
2.3查询学员设计说明
查询学员信息模块设计
2.3.1程序描述
图表10查询学员
2.3.2输入项
表格6查询学员输入表
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
stu_name
员工姓名
Varchar(50)
不超过50个字符
Null
传参
2.3.3输出项
表格7查询学员输出表
编号
参数名称
数据类型
有效范围
输出形式
备注
emp_id
员工工号
Integer
00001-99999
参数返回
stu_name
学员姓名
Varchar(50)
不超过50字符
参数返回
stu_gender
学员性别
Varchar(10)
男或女
参数返回
stu_age
学员年龄
Integer
18-60
参数返回
stu_tel
联系方式
Varchar(50)
11位纯数字
参数返回
post_name
职位
Varchar(50)
不超过50字符
参数返回
Class_name
所在班级
Varchar(50)
不超过50字符
2.3.4流程逻辑
图表11查询学员流程图
2.4修改学员设计说明
修改学员信息模块设计
2.4.1程序描述
图表12修改学员
2.4.2输入项
表格8修改学员输入表
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
stu_id
员工工号
Integer
00000-99999
00000
传参
stu_name
员工姓名
Varchar(50)
不超过50个字符
Null
传参
2.4.3输出项
表格9修改学员输出表
编号
参数名称
数据类型
有效范围
输出形式
备注
emp_id
员工工号
Integer
00001-99999
参数返回
stu_name
学员姓名
Varchar(50)
不超过50字符
参数返回
stu_gender
学员性别
Varchar(10)
男或女
参数返回
stu_age
学员年龄
Integer
18-60
参数返回
stu_tel
联系方式
Varchar(50)
11位纯数字
参数返回
post_name
职位
Varchar(50)
不超过50字符
参数返回
Class_name
所在班级
Varchar(50)
不超过50字符
参数返回
2.4.4流程逻辑
图表13修改学员流程图
2.5删除学员设计说明
删除学员信息模块设计
2.5.1程序描述
图表14删除学员
2.5.2输入项
表格10删除学员输入表
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
stu_id
员工工号
Integer
00000-99999
00000
传参
stu_name
员工姓名
Varchar(50)
不超过50个字符
佚名
传参
2.5.3流程逻辑
图表15删除学员流程图
2.6查看指定时间缺席的学员设计说明
查看缺席学员的模块设计
2.6.1程序描述
图表16查看缺席学员
2.6.2输入项
表格11缺席学员输入表
编号
参数名称
数据类型
有效范围
默认值
输入方式
备注
train_begin
开始时间
Date
2000-01-01之后
Null
传参
train_end
结束时间
Date
开始时间之后
Null
传参
2.6.3输出项
表格12缺席学员输出表
编号
参数名称
数据类型
有效范围
输出形式
备注
emp_id
员工工号
Integer
00001-99999
参数返回
stu_name
学员姓名
Varchar(50)
不超过50字符
参数返回
Class_name
所在班级
Varchar(50)
不超过50字符
参数返回