添加删除员工信息

最新推荐文章于 2024-08-13 23:49:20 发布
最新推荐文章于 2024-08-13 23:49:20 发布
阅读量55 收藏
点赞数
文章标签： 数学建模 java html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangzhongyue_11/article/details/130933126
版权

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .container{

            width:500px;

            margin:150px;

        }

       table{

        border-collapse:collapse;

       }

       th,td{

        border:2px solid black;

        height:50px;

        width:150px;

        text-align:center;

       }

       form{

        width:250px;

        margin:20px auto;

       }

       button{

        display:block;

        width:50px;

        margin:0 auto;

       }

    </style>

<script>

    //删除员工

    window.οnlοad=function(){

        const links=document.links

        function handler(){

                const tr=this.parentNode.parentNode

                if(confirm(`确定要删除【${tr.firstElementChild.innerText}】吗`)){

                    tr.remove()

                }

            }

        for(i=0;i<links.length;i++){

            links[i].οnclick=handler

        }

        //添加员工

        const tj=document.getElementById('tj')

        const tbody=document.getElementsByTagName('tbody')

        const name=document.getElementsByName('name')

        const email=document.getElementsByName('email')

        const salary=document.getElementsByName('salary')

        tj.οnclick=function(){

            tbody[0].insertAdjacentHTML('beforeend',`

            <tr>

                    <td>${name[0].value}</td>

                    <td>${email[0].value}</td>

                    <td>${salary[0].value}</td>

                    <td><a href="javascript:;">操作</a> </td>

                </tr>`)

               links[links.length-1].οnclick=handler

        }

    }

</script>

</head>

<body>

    <div class="container">

        <table>

            <tbody>

                <tr>

                    <th>姓名</th>

                    <th>邮件</th>

                    <th>薪资</th>

                    <th>操作</th>

                </tr>

                <tr>

                    <td>孙悟空</td>

                    <td>swk@163.com</td>

                    <td>10000</td>

                    <td><a href="javascript:;">操作</a> </td>

                </tr>

                <tr>

                    <td>猪八戒</td>

                    <td>zbj@163.com</td>

                    <td>8000</td>

                    <td><a href="javascript:;">操作</a> </td>

                </tr>

                <tr>

                    <td>沙和尚</td>

                    <td>shs@163.com</td>

                    <td>5000</td>

                    <td><a href="javascript:;">操作</a> </td>

                </tr>

            </tbody>

           

        </table>

        <form action="#">

            <div>

                <span>姓名</span>

                <input type="text" name="name">

            </div>

            <div>

                <span>邮箱</span>

                <input type="text" name="email">

            </div>

            <div>

                <span>薪资</span>

                <input type="text" name="salary">

            </div>

            <button type="button" id="tj">添加</button>

        </form>

    </div>

   

   

</body>

</html>

xiangzhongyue_11
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
mysql删除员工的信息_php+mysql删除指定编号员工信息的方法 -电脑资料
weixin_26782843的博客
02-07 1439
这篇文章主要介绍了php+mysql删除指定编号员工信息的方法,涉及mysql数据库操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下本文实例讲述了php+mysql删除指定编号员工信息的方法，利用php提交员工编号给mysql,然后由mysql把数据接受并利用delete进行数据删除操作了,这里就来给大家分享几个具体例子.delete语句的示例:代码如下:delete from friends...
SQL_编写一个简单的删除员工信息的存储过程
深蓝@黄炎龙
02-25 9439
原创作品，出自 “深蓝的blog” 博客，欢迎转载，转载时请务必注明以下出处，否则追究版权法律责任。 深蓝的blog：   开始实验： （1）、查询原始数据，使用scott用户进行试验 SQL> select  t.*,  t.rowid  from  EMP  t （2）、编写存储过程并执行，如下： create  or  replace  procedure  P_dele
你哪来这么多事（大结局）：职工信息删除
Dust的博客
01-26 331
职工信息删除 Time Limit: 1 Sec  Memory Limit: 128 MB   64bit IO Format: %lld Description 某单位有n个职工（不超过100），每个职工的信息包括工号（long no），姓名（char name[9]）和出生年月日（int year，birth，day）。 编写程序，先将n个职工的信息录入到结构体数组中（n个职工的数据...
SQL Server要求查询所有姓‘’王‘’的员工信息
热门推荐
小哥丷的博客
05-15 2万+
近期项目要求查询姓 ‘李’ 的员工信息，根据前面学到过的 LIKE '%小米%' 这个语句，查询所有有关小米的内容，也 叫模糊查询。 %：表示任意字符串长度 _：表示单个字符串长度 由于姓李的名字不可能都是2个字李X，也有可能是3个字李XX,所以我们不能用 LIKE '_李_' ，而是要用 LIKE '%李%' 而且我们要查的是姓李而不是和李有关的姓名，所以 LIKE '%李%'
已知一个字典包含若干员工信息,姓请编写一个函数，删除性别为男的员工信息
ygdwb的博客
10-20 4633
def delete(): dict={} dict1={} n = int(input("请输入员工的个数：")) for i in range(n): key = input("输入建:") val = input("输入值:") dict[key]=val # dict.setdefault(key,val) # 如果键不存在于字典中，将会添加该键并将default的值设为该键的默认值，
mysql删除员工_数据库删除职工信息
weixin_42515100的博客
02-03 2322
《数据库技术原理与应用教程第2版》——1.4数据管理本节书摘来自华章出版社《数据库技术原理与应用教程第2版》一书中的第1章，第1.4节，作者 徐洁磐 操凤萍 　，更多章节内容可以访问云栖社区“华章计算机”公众号查看。1.4数据管理人类社会有着巨大的数据资源，为有效地使用它们，必须对它们进行管理。数据管理是数据库技术研究的主要内容，它分为操作性...文章华章计算机2017-05-02842浏览量《...
java 员工信息_JavaWeb_day03_员工信息添加修改删除
weixin_39706861的博客
02-16 768
day03员工的添加,修改,删除修改功能思路 : 点击修改员工数据之后,跳转到单行文本,查询要修改的员工id的全部信息,主键id设置为readonly,其余的都可以修改,修改之后,提交按钮,提交之后跳转到全部员工界面修改界面 :部分代码 ://点击修改跳转到UpShowEmp中转单行修改页面,并带上ID,可以查询员工id"修改"//中转修改界面protected void doGet(HttpSe...
在java程序中删除员工信息_简单的员工管理系统（Mysql+jdbc+Servlet+JSP）
weixin_42504327的博客
02-27 1651
员工管理系统因为学业要求，需要完成一个过关检测，但是因为检测之前没有做好准备，且想到之前用mysql+jdbc+Struts2+bootstrap做成了一个ATM系统(主要有对数据的增删改查操作)，应对这次的检测应该不成问题，但是万万没想到，过关检测重在“检测”，需要在规定的时间内完成一个系统，且无关前端的好看与否，只需功能的实现，而我还在套用之前的ATM系统，因为ATM系统时隔久远，我已大半年没...
Js实战之员工信息的增加删除修改
weixin_44278828的博客
10-08 801
员工信息的增删查改 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>员工表的增删改查</title> &
Java员工信息管理系统
05-29
在Java编程中，类`PersonTable`可能包含了对员工数据的各种操作，如添加新员工、删除员工、更新员工信息等。它可能包含一个`Person`对象的列表，每个`Person`对象代表一个员工，包含了诸如姓名、工号、部门、职位、...
员工信息管理系统概要设计说明书
01-10
* 总体结构设计：管理员查询员工信息操作员工信息表删除员工信息显示员工信息员工管理信息系统管理员登陆模块员工信息管理模块 五、数据结构设计 员工信息管理系统的数据结构设计包括逻辑结构设计和物理结构设计。...
C#练习2：员工信息查询和删除.zip
08-27
项目中的核心功能可能是查询和删除员工信息。查询功能可能涉及通过ID或其他属性（如姓名或部门）搜索员工，而删除功能则根据指定的ID从列表中移除员工。在C#中，这可以通过调用`FindById`和`Remove`方法实现。 此外...
vue实现员工信息录入功能
10-15
`createStudent`方法则是当点击“新增用户”按钮时触发，将`newStudent`对象添加到`studentsList`，然后清空`newStudent`以准备录入下一个员工信息。 Vue.js的`v-model`指令在表单输入元素中用于双向数据绑定，使得...
员工信息管理系统.docx
10-11
这涉及到移动数组中的元素以填补被删除员工的位置，同时更新`num`。 在实际应用中，为了提高用户体验，往往还需要实现图形用户界面（GUI）。这可以通过使用如Qt、wxWidgets或MFC等库来完成，使得用户能通过直观的...
数学建模——评价决策类算法（层次分析法、Topsis）
m0_73774842的博客
08-13 755
确定各准则对于目标的权重, 及各方案对于每一准则的权重，这些权重在人的思维过程中通常是定性的, 而在层次分析法中则要给出得到权重的定量方法. 将方案层对准则层的权重及准则层对目标层的权重进行综合, 最终确定方案层对目标层的权重。数组是一个预定义的随机一致性指标，它依赖于矩阵的大小（即准则的数量）。目标层：选择最佳投资地点 准则层：经济发展水平、人力资源、基础设施、政策支持 方案层：城市A、城市B、城市C。根据步骤3的计算结果，得到各评价指标和方案的权重，进而计算出各方案的综合得分，选择得分最高的方案。
小白零基础学数学建模系列-Day1-数学建模入门介绍与案例实践
全栈川川
08-08 750
数学建模入门介绍
数学建模笔记（2）：Topsis分析法
最新发布
Jareanger的博客
08-13 799
Topsis分析法的核心思想是上面所说的方案和榜样之间的“距离”。我们选取各项指标中的最优和最差的，把指标作为评价空间的各个维度（类似矩阵空间，可以理解为x轴y轴），找到这个空间中的最优点和最劣点。然后计算方案中的点到则两个“榜样”的距离，根据此来评价。我们期待的最好方案，应当是与最优点最近，与最劣点最远的那个点。首先我们要对指标矩阵进行正向化处理。先介绍一下背景。我们知道一个指标，并不是说都是越大越好。
数学建模--浅谈多波束测线问题
binhyun的博客
08-09 440
1.问题说明 2.问题分析 3.代码分析
数学建模--蒙特卡洛算法之电子管更换&&刀片寿命问题
binhyun的博客
08-08 1145
1.电子管问题重述 2.电子管问题分析 3.电子管问题求解 4.刀片问题重述 5.刀片问题分析 6.刀片问题求解
员工信息管理系统设计与实现
系统应具备员工信息的排序、查询、更新、插入和删除功能，并可选实现图形用户界面。 员工信息管理系统是企业内部常用的一种管理工具，用于高效地存储、管理和操作员工的相关数据。在这个系统中，每个员工的信息由多...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值