打开list.php事件汇总页面,再插入PHP脚本程序,将数据库中的事件信息全部遍历出来,然后生成<option>标签显示出来。具体的代码实现如下:
广州网站建设
- <title>AJAX PHP Calendar Admin Tool</title>
- <!--<link rel="stylesheet" type="text/css" href="calendar_admin.css" /> -->
- </head>
- <body>
- <div id="main">
- <div id="top">
- <h3>AJAX Calendar Admin</h3>
- <div class="menu">
- <a href="?f=new&sf=list">New Event</a> | <a href="?f= edit&sf=list">Edit / Delete Event</a>
- </div>
- </div>
- <div id="bottom">
- <h3>Edit / Delete Event</h3>
- <form name="f" method="post" action="op.php">
- <div id="fields">
- <div class="field"><span class="label">Event:</span><span class="box">
- <select name="num">
- <option value=""></option>
- <?php
- $db = mysql_connect('localhost', 'root', 'pwd'); //数据库连接信息
- mysql_select_db('calendar'); //选择数据库
- $sql="SELECT *FROM 'events' LIMIT 0 , 30";
- $result = mysql_query($sql);
- //$info=mysql_fetch_array($result); //过程调试语句
- $num=mysql_num_rows($result); //获得结果集行数
- for ($i=0;$i<$num;$i++){
- $info=mysql_fetch_array($result);
- echo "<option value='".$info['num']."'>[ 06-15-2010 ] '".$info ['heading']."'</option>";
- }
- ?>
- </select>
- <input type="submit" value=" Edit Event " /></span></div>
- </div>
- </form>
- </div>
- </div>
- </body>
- </html>
广州网站建设
保存文件,在浏览器中运行该程序如图9.13所示。可以看到,数据库中消息事件标题已经在页面中显示出来了。
![]() |
| 图9.13 事件汇总程序 |
当单击"Edit Event"按钮后,将数据以POST的方式提交到编辑/删除程序(op.php)做处理。编辑信息的程序流程如下:
(1)根据num标签的值将该条数据从数据库中取出,并输出到页面中;
(2)当文本框中的内容做了改动,再通过update操作更新数据库中num对应的内容,删除功能与编辑操作类似。
详细的代码实现如下所示。
广州网站设计
- <?php
- if(!empty($_POST['num'])){ //判断num值是否为空
- $db = mysql_connect('localhost', 'root', 'pwd'); //数据库连接信息
- mysql_select_db('calendar'); //选择数据库
- $sql="SELECT * FROM 'events' WHERE 'num'='".$_POST['num']."'";
- $result = mysql_query($sql);
- $info=mysql_fetch_array($result); //获得结果集
- }else{
- echo '<script type="text/JavaScript">alert(\'该事件不存在\')</script>';
- exit;
- }
- ?>
- <title>AJAX PHP Calendar Admin Tool</title>
- <!--<link rel="stylesheet" type="text/css" href="calendar_admin.css" /> -->
- <script src="calendar1.js" type="text/JavaScript"></script>
- <script type="text/JavaScript">
- var c = new Calendar("c");
- document.write(c);
- </script>
- </head>
- <body>
- <div id="main">
- <div id="top">
- <h3>AJAX Calendar Admin</h3>
- <div class="menu">
- <a href="calendar_admin.php">New Event</a> | <a href="list. php">Edit / Delete Event</a>
- </div>
- </div>
- <div id="bottom">
- <h3>Edit / Delete Event</h3>
- <form id="form1" runat="server" action="calendar_admin.php" method= "post">
- <div>
- <img src="/calendar/images/calDelete.gif" /> <a href="del.php?num =<?php echo $info['num']; ?>" onClick="return confirm('确认删除该消 息吗?')" style="color:#F26343;font-weight:bold">Delete Event</a>
- <div class="field">
- <span class="label">Date / Time:</span>
- <span class="box">
- <input type="text" name="date" value="<?php echo $info ['date']; ?>" />
- <p style="margin: 4px 0px 0px 0px"> </p>
- </span></div>
- <div class="field"><span class="label">Heading:</span><span class="box"><input type="text" size="50" name="heading" value="<?php echo $info['heading']; ?>"/></span></div>
- <div class="field"><span class="label">Event:<br /><span style="font-size:9px">(HTML is OK)</span></span><span class= "box"><textarea name="event" cols="50" rows="6">"<?php echo $info['body']; ?>"</textarea></span></div>
- </div>
- <br />
- <div class="field"><span class="label"> </span><span class= "box"><input type="submit" value=" Save Event " /></span></div>
- </form>
- </div>
- </div>
- <div id="calwin">
- <div class="bar"><a href="JavaScript:hideCal()"><img src="/calendar/ images/calClose.gif" alt="close" /></a></div>
- <div id="calback">
- <div id="calendar"></div>
- </div>
- </div>
- </body>
- </html>
- <?php
- //当表单传递过来的变量全部不为空才继续执行
- if(!empty($_POST['date']) and !empty($_POST['heading']) and !empty($_ POST['event'])){
- $db = mysql_connect('localhost', 'root', '198251');
- mysql_select_db('calendar');
- $sql="UPDATE 'calendar'.'events' SET 'heading' = '".$_POST ['heading']."','date' = '".$_POST['date']."','body' = '".$_POST ['event']."' WHERE 'events'.'num' ='".$_POST['num']."' LIMIT 1 ;";
- $result = mysql_query($sql);
- if($result){
- echo '<script type="text/JavaScript">alert(\'更新成功\')</script>';
- }
- }
- ?>
广州网站设计




