首页 > 其他分享 >6.14

6.14

时间：2024-06-16 22:20:59浏览次数：22  
标签：function val 6.14 添加 dialog data id

复习计网以及数据库，完成了web的实验四

<html>

<head>

<title>学生管理系统</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link rel="stylesheet" type="text/css" href="css/style.css">

<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>

<script type="text/javascript" src="js/jquery-ui.js"></script>

<script type="text/javascript">

    //通过AJAX方式检索所有的图书

    function RetrieveBooks() {

       $.post("list.action", {}, function(data) {

          $("#BooksTable tr:gt(0)").remove();    

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

             //插入表行

             var trHtml = "<tr id = "+data[i].id +"><td>" + data[i].bookname + "</td><td>"

                   + data[i].author + "</td><td>" + data[i].price

                   + "</td><td><a href=\"#\" class=\"updateLink\">修改</a> <a href=\"#\" class=\"deleteLink\">删除</a></td></tr>";

             $("#BooksTable").append(trHtml);

          }

          //绑定修改链接

          $(".updateLink").click(function() {

             $.post("edit.action", {id:$(this).closest("tr").attr("id")}, function(data){

                $("#UpdateId").val(data.id);

                $("#UpdateBookName").val(data.bookname);

                $("#UpdateAuthor").val(data.author);

                $("#UpdatePrice").val(data.price);

                $("#UpdateDiv").dialog("open");

             }, "json");

          });

          //绑定删除链接

          $(".deleteLink").click(function(){

             $.post("delete.action", {id:$(this).closest("tr").attr("id")}, function(data){

                if (data=="1") {

                   RetrieveBooks();

                } else

                {

                   alert("删除学生信息失败！");

                }

             }, "json");

          });

       }, "json");

    }

    $(function() {

       //设定Ajax提交编码格式为utf-8

       $.ajaxSetup({

          contentType: "application/x-www-form-urlencoded; charset=utf-8"

       });

       //对“添加学生信息”窗口进行初始化

       $("#AddDiv").dialog({

          title: "添加学生信息",

          autoOpen : false,

          height : 280,

          width : 400,

          modal : true,

          show: "blind", 

          hide: "fade",

          close : function(){

             $("#AddBookName").val("");

             $("#AddAuthor").val("");

             $("#AddPrice").val("");

          }

       });

       //对“修改图书信息”窗口进行初始化

       $("#UpdateDiv").dialog({

          title: "修改学生信息",

          autoOpen : false,

          height : 280,

          width : 400,

          modal : true,

          show: "blind", 

          hide: "fade",

          close : function(){

             $("#UpdateId").val("");

             $("#UpdateBookName").val("");

             $("#UpdateAuthor").val("");

             $("#UpdatePrice").val("");

          }

       });

       //对添加图书窗口的添加键绑定事件驱动程序

       $("#AddSubmit").click(function(){

          //提交服务器

          $.post("add.action", {bookname:$("#AddBookName").val(), author:$("#AddAuthor").val(), price:$("#AddPrice").val()}, function(data){

             if (data=="1") {

                $("#AddDiv").dialog("close");

                RetrieveBooks();

             } else

             {

                $("#AddTip").html("添加学生信息失败！请重新输入数据。");

                $("#AddTip").show().delay(5000).hide(0);

             }

          }, "json");

       });

       //对添加图书窗口的添加键绑定事件驱动程序

       $("#UpdateSubmit").click(function(){

          //提交服务器

          $.post("update.action", {id:$("#UpdateId").val(),bookname:$("#UpdateBookName").val(), author:$("#UpdateAuthor").val(), price:$("#UpdatePrice").val()}, function(data){

             if (data=="1") {

                $("#UpdateDiv").dialog("close");

                RetrieveBooks();

             } else

             {

                $("#UpdateTip").html("更新学生信息失败！请重新输入数据。");

                $("#UpdateTip").show().delay(5000).hide(0);

             }

          }, "json");

       });

       //对“新增图书信息”链接绑定事件驱动程序

       $("#AddButton").click(function() {

          $("#AddDiv").dialog("open");

       });    

       //第一次加载检索所有书籍

       RetrieveBooks();

    });

</script>

</head>

<body>

    <h1>学生管理系统</h1>

    <a id="AddButton" href="#">增加学生信息</a>

    <table style="width: 50%" id="BooksTable">

       <tr>

          <th>ID</th>

          <th>姓名</th>

          <th>地址</th>

          <th>手机号</th>

       </tr>

    </table>

    <div id="AddDiv" style="display: hidden">

       <form id="AddForm">

          <table style="width: 350px;" id="AddTable">

             <tr>

                <th width="30%">姓名：</th>

                <td width="70%" class="ltd"><input name="bookname" type="text" id="AddBookName"></td>

             </tr>

             <tr>

                <th>地址：</th>

                <td class="ltd"><input name="author" type="text" id="AddAuthor"></td>

             </tr>

             <tr>

                <th>手机号：</th>

                <td class="ltd"><input name="price" type="text" id="AddPrice">元</td>

             </tr>

             <tr>

                <th colspan="2"><input type="button" value="添加" id ="AddSubmit"> <input

                   type="reset" value="重置"></th>

             </tr>

          </table>

       </form>

       <span style="color:red;" id="AddTip"></span>

    </div>

    <div id="UpdateDiv" style="display: hidden">

       <form id="UpdateForm">

          <table style="width: 350px;" id="UpdateTable">

             <tr>

                <th width="30%">姓名：</th>

                <td width="70%" class="ltd"><input name="id" type="hidden" id="UpdateId"><input name="bookname" type="text" id="UpdateBookName"></td>

             </tr>

             <tr>

                <th>地址：</th>

                <td class="ltd"><input name="author" type="text" id="UpdateAuthor"></td>

             </tr>

             <tr>

                <th>手机号：</th>

                <td class="ltd"><input name="price" type="text" id="UpdatePrice">元</td>

             </tr>

             <tr>

                <th colspan="2"><input type="button" value="修改" id ="UpdateSubmit"> <input

                   type="reset" value="重置"></th>

             </tr>

          </table>

       </form>

       <span style="color:red;" id="UpdateTip"></span>

    </div>

    <br />

    <hr />

    <div style="text-align: center; width: 100%; font-size: 12px; color: #333;">

       &copy;版权所有：石家庄铁道大学信息科学与技术学院&nbsp;&nbsp;<a href="Lab04-2.png"

          target="_blank">网站地图</a>

    </div>

</body>

</html>

 

1)     add.html文件代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="css/style.css">

<title>添加学生信息</title>

</head>

<body>

    <form action="add.do" method="post">

       <table width="50%" border="1" align="center">

          <caption>添加学生信息</caption>

          <tr>

             <th width="30%">姓名：</th>

             <td width="70%"><input name="bookname" type="text"></td>

          </tr>

          <tr>

             <th>地址：</th>

             <td><input name="author" type="text"></td>

          </tr>

          <tr>

             <th>手机号：</th>

             <td><input name="price" type="text">元</td>

          </tr>

          <tr>

             <th colspan="2"><input type="submit" value="添加"> <input

                type="reset" value="重置"></th>

          </tr>

       </table>

    </form>

</body>

</html>

 

标签：function,val,6.14,添加,dialog,data,id
From： https://www.cnblogs.com/zljzy/p/18251387

相关文章

  • 6.14博客
    周五了太棒了学习内容：安卓packagecom.example.app_02;importorg.junit.Rule;importorg.junit.Test;importstaticorg.junit.Assert.*;importcom.example.app_02.entity.Record;importcom.example.app_02.utils.RecordDao;importjava.util.ArrayList;/** *......
  • 6.14
    今日学习总结学习时间1，5hpackagecom.app.chapter04;importandroid.content.Intent;importandroid.os.Bundle;importandroid.view.View;importandroidx.activity.EdgeToEdge;importandroidx.appcompat.app.AppCompatActivity;importandroidx.core.graphics.Insets;import......
  • 6.14实验四：共轭梯度法程序设计
    实验四：共轭梯度法程序设计一、实验目的掌握共轭梯度法的基本思想及其迭代步骤；学会运用MATLAB编程实现常用优化算法；能够正确处理实验数据和分析实验结果及调试程序。  二、实验内容（1）求解无约束优化问题：（2）终止准则取；（3）完成FR共轭梯度法的MATLAB编程、调试；（4）选取几个与实验二......
  • 6.14安卓开发日记58
     实验三：Newton法程序设计一、实验目的掌握Hesse矩阵的计算方法和Newton法的基本思想及其迭代步骤；学会运用MATLAB编程实现常用优化算法；能够正确处理实验数据和分析实验结果及调试程序。二、实验内容（1）求解无约束优化问题：；（2）终止准则取；（3）完成Newton法（牛顿法）的MATLAB编程、调试......
  • 6.14-二叉树遍历
    题目分类题目分类大纲如下：二叉树的种类在我们解题过程中二叉树有两种主要的形式：满二叉树和完全二叉树。满二叉树满二叉树：如果一棵二叉树只有度为0的结点和度为2的结点，并且度为0的结点在同一层上，则这棵二叉树为满二叉树。如图所示：这棵二叉树为满二叉树，也可以说深度为k，有......
  • 6.14 哈希表
    采用邻接表创建无向图G，依次输出各顶点的度。输入格式:输入第一行中给出2个整数i(0<i≤10)，j(j≥0)，分别为图G的顶点数和边数。输入第二行为顶点的信息，每个顶点只能用一个字符表示。依次输入j行，每行输入一条边依附的顶点。输出格式:依次输出各顶点的度，行末没有最后的空格。输入......
  • 6.14BFS,DFS
    7-1列出联通集给定一个有N个顶点和E条边的无向图，请用DFS和BFS分别列出其所有的连通集。假设顶点从0到N−1编号。进行搜索时，假设我们总是从编号最小的顶点出发，按编号递增的顺序访问邻接点。输入格式:输入第1行给出2个整数N(0<N≤10)和E，分别是图的顶点数和边数。随后E行，每行给出......
  • 6.14内容
    今天完成了数据库的实验四  数据库的备份和恢复实验四数据库的备份和恢复一、实验目的：熟悉并掌握数据库备份和恢复的原理和操作。二、实验要求：掌握存储设备的创建、使用。掌握数据库中数据的导入导出操作。掌握数据上的备份和恢复操作。掌握数据库备份策略的制定原理和......
  • 6.14《构建之法》
    再次深入《构建之法》，我仿佛踏上了一场对软件工程领域深度探索与自我反思的旅程。这本书不仅是一份实践指南，更像是一位智者，在我耳边低语，引导我理解软件开发的本质，以及如何在这个充满挑战与机遇的行业中稳健前行。以下是我在这次重读过程中获得的新见解和深化的感悟。###1.**软......
  • Error: Vue packages version mismatch: - [email protected] (D:\前端\vue01\node_module
    Error:Vuepackagesversionmismatch:[email protected](D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)[email protected](D:\前端\vue01\node_modules\vue-template-compiler\package.json)根据提示信息，是版本不匹配的问题，可以直接找到vu......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99