信息录入系统（简易）

最新推荐文章于 2024-03-26 16:05:19 发布

weixin_64697722

最新推荐文章于 2024-03-26 16:05:19 发布

阅读量862

点赞数 1

分类专栏：前端文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_64697722/article/details/126840872

版权

本文介绍了如何使用JavaScript和Vue.js创建一个简易的信息录入系统，包括增删改等基本功能。通过HTML布局，JavaScript处理交互逻辑，实现了用户信息的动态管理。系统展示了从初始状态到添加用户（张三和李四）、修改用户信息（将李四改为女性）以及删除用户（删除李四）的整个过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一些简单的操作，增加，删除，修改

1.html部分

 <div class="one">
        姓名:<input type="text">
        学号:<input type="text">
        年龄:<input type="text">
        性别:<input type="text">
        学历:<input type="text">
        <button class="add">添加</button>
    </div>

    <table border="1px" width="1000px" height="30px" cellspacing="0">
        <thead>
            <tr>
                <td>姓名</td>
                <td>学号</td>
                <td>年龄</td>
                <td>性别</td>
                <td>学历</td>
                <td>修改</td>
            </tr>
        </thead>
    </table>

还有一些简单的css部分，这里就不在介绍

2.JavaScript