├── _config.yml
├── modify_movie.php
├── del_movie.php
├── add_movie.php
├── README.md
├── MySQL
    ├── tb_movielook.sql
    └── tb_movie.sql
├── movie.js
├── index.html
├── movie.css
└── refresh_movie.php


/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman


--------------------------------------------------------------------------------
/modify_movie.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   $conn = mysqli_connect("localhost", "root", "11111111") or die("数据库连接错误".mysqli_error());
 3 |   mysqli_select_db($conn, "db_czy") or die("数据库访问错误".mysqli_error());
 4 |   $title = $_POST['txt_title'];
 5 |   $content = $_POST['txt_content'];
 6 |   // echo $title.$content;
 7 |   $id = $_POST['id'];
 8 |   $keyword1 = $_POST['txt_keyword1'];
 9 |   $sql = mysqli_query($conn, "update tb_movie set title='$title', content='$content' where id=$id") or die("数据表访问错误,请检查该表是否存在".mysqli_error());
10 |   // if($sql){echo "<script>alert('修改成功');</script>";} else {echo "<script>alert('修改失败');</script>";}
11 |   // echo $keyword1;
12 |   echo "<script>window.location.href='refresh_movie.php?id=0&txt_keyword=".$keyword1."';</script>";
13 |   mysqli_close($conn);
14 | ?>


--------------------------------------------------------------------------------
/del_movie.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |   $conn = mysqli_connect("localhost", "root", "11111111") or die("数据库连接错误".mysqli_error());
 3 |   mysqli_select_db($conn, "db_czy") or die("数据库访问错误".mysqli_error());
 4 |   // echo $title.$content;
 5 |   $id = $_GET['id'];
 6 |   $keyword1 = $_GET['txt_keyword'];
 7 |   $sql = mysqli_query($conn, "select * from tb_movie where id=$id");
 8 |   $row = mysqli_fetch_object($sql);  //获取结果集
 9 |   // echo $row->title;
10 |   mysqli_query($conn, "delete from tb_movie where id=$id") or die("数据表访问错误,请检查该表是否存在".mysqli_error());
11 |   if($sql){echo "<script>alert('《".$row->title."》删除成功');</script>";} else {echo "<script>alert('删除失败');</script>";}
12 |   // echo $keyword1;
13 |   echo "<script>window.location.href='refresh_movie.php?id=0&txt_keyword=".$keyword1."';</script>";
14 |   mysqli_close($conn);
15 | ?>


--------------------------------------------------------------------------------
/add_movie.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /*
 3 | 数据表创建代码:
 4 | create table tb_movie(
 5 |   id int(4) not null auto_increment primary key,
 6 |   title varchar(200) not null,
 7 |   content text not null,
 8 |   createtime datetime not null
 9 | ) engine = myisam;
10 | */
11 |   $conn = mysqli_connect("localhost", "root", "11111111") or die("数据库连接错误".mysqli_error());
12 |   mysqli_select_db($conn, "db_czy") or die("数据库访问错误".mysqli_error());
13 |   // mysqli_query($conn, "set names gb2312");  //选择编码格式(添加了这条容易乱码)
14 |   $title = $_POST['txt_title'];  //获取公告标题信息
15 |   $content = $_POST['txt_content'];  //获取公告内容
16 |   $createtime = date("Y-m-d H:i:s");  //获取系统当前时间,H代表24小时制,需大写
17 |   /*********应用mysql_query()函数执行insert...into语句发送到服务器***********/
18 |   $sql = mysqli_query($conn, "insert into tb_movie(title,content,createtime)values('$title','$content','$createtime')") or die("数据表访问错误,请检查该表是否存在".mysqli_error());
19 |   echo "<script>window.location.href='refresh_movie.php?id=0&txt_keyword';</script>";
20 |   // alert('公告信息添加成功!');
21 |   //mysqli_free_result($sql);  //关闭结果集
22 |   //补充说明: 一般进行数据读取时，返回的是读取的资源，需要释放，而数据写输入时，返回的是一个写入是否成功的标识，是bool型的，不需要释放资源,多以这里不用释放资源
23 |   mysqli_close($conn);  //关闭MySQL服务器
24 | ?>


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## Welcome to GitHub Pages
 2 | 
 3 | You can use the [editor on GitHub](https://github.com/ZainChen/MovieInfo/edit/master/README.md) to maintain and preview the content for your website in Markdown files.
 4 | 
 5 | Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files.
 6 | 
 7 | ### Markdown
 8 | 
 9 | Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for
10 | 
11 | ```markdown
12 | Syntax highlighted code block
13 | 
14 | # Header 1
15 | ## Header 2
16 | ### Header 3
17 | 
18 | - Bulleted
19 | - List
20 | 
21 | 1. Numbered
22 | 2. List
23 | 
24 | **Bold** and _Italic_ and `Code` text
25 | 
26 | [Link](url) and ![Image](src)
27 | ```
28 | 
29 | For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/).
30 | 
31 | ### Jekyll Themes
32 | 
33 | Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/ZainChen/MovieInfo/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file.
34 | 
35 | ### Support or Contact
36 | 
37 | Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out.
38 | 


--------------------------------------------------------------------------------
/MySQL/tb_movielook.sql:
--------------------------------------------------------------------------------
 1 | -- phpMyAdmin SQL Dump
 2 | -- version 4.6.4
 3 | -- https://www.phpmyadmin.net/
 4 | --
 5 | -- Host: localhost
 6 | -- Generation Time: Oct 15, 2016 at 05:06 PM
 7 | -- Server version: 5.6.29
 8 | -- PHP Version: 5.6.16
 9 | 
10 | SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
11 | SET time_zone = "+00:00";
12 | 
13 | 
14 | /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
15 | /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
16 | /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
17 | /*!40101 SET NAMES utf8mb4 */;
18 | 
19 | --
20 | -- Database: `db_czy`
21 | --
22 | 
23 | -- --------------------------------------------------------
24 | 
25 | --
26 | -- Table structure for table `tb_movielook`
27 | --
28 | 
29 | CREATE TABLE `tb_movielook` (
30 |   `id` int(4) NOT NULL,
31 |   `title` varchar(200) NOT NULL,
32 |   `content` text NOT NULL,
33 |   `createtime` datetime NOT NULL
34 | ) ENGINE=MyISAM DEFAULT CHARSET=utf8;
35 | 
36 | --
37 | -- Indexes for dumped tables
38 | --
39 | 
40 | --
41 | -- Indexes for table `tb_movielook`
42 | --
43 | ALTER TABLE `tb_movielook`
44 |   ADD PRIMARY KEY (`id`);
45 | 
46 | --
47 | -- AUTO_INCREMENT for dumped tables
48 | --
49 | 
50 | --
51 | -- AUTO_INCREMENT for table `tb_movielook`
52 | --
53 | ALTER TABLE `tb_movielook`
54 |   MODIFY `id` int(4) NOT NULL AUTO_INCREMENT;
55 | /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
56 | /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
57 | /*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
58 | 


--------------------------------------------------------------------------------
/movie.js:
--------------------------------------------------------------------------------
 1 | //=====添加数据功能=========================
 2 | //判断两个输入框是否都不为空(都不为空才能存入数据库)
 3 | var btn_grey = document.getElementById("btn_grey");
 4 | btn_grey.onclick = function() {
 5 |   var form1 = document.getElementById("form1");
 6 |   if(form1.txt_title.value == "") {  //公告标题为空则弹出警告框
 7 |     alert("请输入公告标题!");
 8 |     form1.txt_title.focus();  //获得标题出入框焦点
 9 |     return false;
10 |   }
11 |   if(form1.txt_content.value == "") {  //公告内容为空则弹出警告框
12 |     alert("请输入公告内容!");
13 |     form1.txt_content.focus();  //获得公告内容框焦点
14 |     return false;
15 |   }
16 |   form1.submit();  //如果各控件不为空,提交表单信息到处理页面
17 | }
18 | //单击调出添加信息框
19 | var add_info = document.getElementById("add_info");
20 | add_info.onclick = function() {
21 |   var from001 = document.getElementById("from001");
22 |   from001.style.height = "100%";
23 |   setTimeout(function() {
24 |     var form = document.getElementById("form1");
25 |     form.txt_title.focus();  //获得标题出入框焦点
26 |   }, 800);
27 |   from001.style.transition = "1s";
28 | }
29 | //单击取消添加信息框(使其消失)
30 | var submit3 = document.getElementById("submit3");
31 | submit3.onclick = function() {
32 |   var from001 = document.getElementById("from001");
33 |   from001.style.height = "0%";
34 |   from001.style.transition = "1s";
35 |   var from002 = document.getElementById("from002");
36 |   from002.style.height = "0%";
37 |   from002.style.transition = "1s";
38 | }
39 | //======刷新页面功能=======================
40 | //单击刷新按钮重新加载页面
41 | var refresh_info = document.getElementById("refresh_info");
42 | refresh_info.onclick = function() {
43 |   window.location.href = 'refresh_movie.php?id=0&txt_keyword';
44 | }
45 | //======搜索查找数据功能==============
46 | var btn_search = document.getElementById("btn_search");
47 | btn_search.onclick = function() {  //验证搜索表单里的内容是否为空
48 |   var form2 = document.getElementById("form2");
49 |   // if(form2.txt_keyword.value == "") {
50 |   //   alert("请输入查询关键字");
51 |   //   form2.txt_keyword.focus();
52 |   //   return false;
53 |   // }
54 |   form2.submit();
55 | }
56 | //====修改数据功能页面的刷新即调出修改框功能==========
57 | window.onload = function() {
58 |   var mdy = document.getElementById("mdy");
59 |   var url = window.location.search;  //获取当前页面路径问号及问号以后的字符串
60 |   // alert(url.length);
61 |   if(url[4] != '0' && url != "") {
62 |     var from002 = document.getElementById("from002");
63 |     from002.style.height = "100%";
64 |     setTimeout(function() {
65 |       var form = document.getElementById("form1");
66 |       form.txt_title.focus();  //获得标题出入框焦点
67 |     }, 800);
68 |     from002.style.transition = "1s";
69 |   }
70 | }


--------------------------------------------------------------------------------
/MySQL/tb_movie.sql:
--------------------------------------------------------------------------------
 1 | # Host: localhost  (Version 5.6.29)
 2 | # Date: 2016-10-12 08:06:23
 3 | # Generator: MySQL-Front 5.3  (Build 5.21)
 4 | 
 5 | /*!40101 SET NAMES utf8 */;
 6 | 
 7 | #
 8 | # Structure for table "tb_movie"
 9 | #
10 | 
11 | DROP TABLE IF EXISTS `tb_movie`;
12 | CREATE TABLE `tb_movie` (
13 |   `id` int(4) NOT NULL AUTO_INCREMENT,
14 |   `title` varchar(200) NOT NULL,
15 |   `content` text NOT NULL,
16 |   `createtime` datetime NOT NULL,
17 |   PRIMARY KEY (`id`)
18 | ) ENGINE=MyISAM AUTO_INCREMENT=41 DEFAULT CHARSET=utf8;
19 | 
20 | #
21 | # Data for table "tb_movie"
22 | #
23 | 
24 | /*!40000 ALTER TABLE `tb_movie` DISABLE KEYS */;
25 | INSERT INTO `tb_movie` VALUES (1,'人类之子 ','Children of Men (2006)','2016-10-12 01:54:34'),(2,'皮囊之下','Under the Skin (2013) ','2016-10-12 01:54:38'),(3,'逆流的色彩','Upstream Color (2013) ','2016-10-12 01:54:42'),(4,'美丽心灵的永恒阳光','Eternal Sunshine of the Spotless Mind (2004)','2016-10-12 01:54:46'),(5,'疯狂的麦克斯：狂暴之路','Mad Max: Fury Road (2015) ','2016-10-12 01:54:50'),(6,'她','Her (2013) ','2016-10-12 01:54:54'),(7,'月球','Moon (2009) ','2016-10-12 01:55:00'),(8,'时空罪恶','Cronocrímenes, Los (2007) ','2016-10-12 01:55:07'),(9,'命运之门','Primer (2004) ','2016-10-12 01:55:11'),(10,'神圣车行','Holy Motors (2012) ','2016-10-12 01:55:15'),(11,'汉江怪物','The Host (2006) ','2016-10-12 01:55:18'),(12,'第九区','District 9 (2009) ','2016-10-12 01:55:22'),(13,'飞向太空2002','Solaris (2002) ','2016-10-12 01:55:26'),(14,'雪国列车','Snowpiercer (2013) ','2016-10-12 01:55:30'),(15,'盗梦空间','Inception (2010) ','2016-10-12 01:55:34'),(16,'街区大作战','Attack the Block (2011) ','2016-10-12 01:55:46'),(17,'地心引力','Gravity (2013) ','2016-10-12 01:55:52'),(18,'环形使者','Looper (2012) ','2016-10-12 01:55:57'),(19,'少数派报告','Minority Report (2002) ','2016-10-12 01:56:01'),(20,'盲区行者','A Scanner Darkly (2006) ','2016-10-12 01:56:04'),(21,'机械姬','Ex Machina (2015)','2016-10-12 01:56:12'),(22,'死亡幻觉','Donnie Darko (2001) ','2016-10-12 01:56:18'),(23,'机器人总动员','WALL·E (2008)','2016-10-12 01:56:22'),(24,'太阳浩劫','Sunshine (2007) ','2016-10-12 01:56:28'),(25,'克隆人返乡','Kurôn wa kokyô o mezasu (2009)','2016-10-12 01:56:32'),(26,'迷幻黑彩虹','Beyond the Black Rainbow (2010) ','2016-10-12 01:59:29'),(27,'星球大战：原力觉醒','Star Wars: The Force Awakens (2015) ','2016-10-12 01:59:33'),(28,'猩球崛起：黎明之战','Dawn of the Planet of the Apes (2014) ','2016-10-12 01:59:37'),(29,'忧郁症','Melancholia (2011)','2016-10-12 01:59:41'),(30,'大逃杀','Battle Royale (2000) ','2016-10-12 01:59:47'),(31,'明日边缘','Edge of Tomorrow (2014) ','2016-10-12 02:00:26'),(32,'星际穿越','Interstellar (2014) ','2016-10-12 02:00:31'),(33,'人工智能','A.I.: Artificial Intelligence (2001) ','2016-10-12 02:00:34'),(34,'怪兽','Monsters (2010) ','2016-10-12 02:00:40'),(35,'致命魔术','The Prestige (2006) ','2016-10-12 02:00:44'),(36,'迷雾','The Mist (2007) ','2016-10-12 02:00:50'),(37,'星际迷航','The Mist (2007) ','2016-10-12 02:00:54'),(38,'天兆','Signs (2002) ','2016-10-12 02:00:59'),(39,'上帝难为','Trudno byt bogom (2013) ','2016-10-12 02:01:03'),(40,'别让我走','Never Let Me Go (2010) ','2016-10-12 02:01:10'),(41,'火星救援','The Martian (2015)','2016-10-12 04:36:02'),(42,'科洛弗档案','Cloverfield (2008) ','2016-10-12 07:39:10');
26 | /*!40000 ALTER TABLE `tb_movie` ENABLE KEYS */;
27 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <title>Movie</title>
  6 |     <link rel="stylesheet" href="./movie.css" />
  7 |     <script>
  8 |       window.location.href='refresh_movie.php?id=0&txt_keyword';
  9 |     </script>
 10 |   </head>
 11 |   <body>
 12 |     <div id="head0">
 13 |         <div id="head1">
 14 |           <div id="operations">
 15 |             <ul id="infos">
 16 |               <form id="form2" name="form2" method="post" action="refresh_movie.php?id=0">
 17 |                 <li id="query_info">
 18 |                   <input id="txt_keyword" name="txt_keyword" type="text" value=""/>
 19 |                   <input id="btn_search" name="Submit2" type="submit" value="搜索">
 20 |                 </li>
 21 |               </form>
 22 |               <li id="add_info">添加电影</li>
 23 |               <!-- <form name="form2" method="post" action="refresh_movie.php"> -->
 24 |                 <li id="refresh_info">
 25 |                   所有电影
 26 |                   <!-- <input id="Submit2" name="Submit" type="submit" value="刷新公告"> -->
 27 |                 </li>
 28 |               <!-- </form> -->
 29 |             </ul>
 30 |           </div>
 31 |           <div id="title_name">电影信息</div>
 32 |         </div>
 33 |       </div>
 34 |       <div id="from001">  <!-- 添加数据功能框 -->
 35 |         <form id="form1" name="form1" method="post" action="add_movie.php">
 36 |           <table id="tb1">
 37 |             <tr>
 38 |               <td id="td1">电影主题:</td>
 39 |               <td id="td2"><input id="txt_title" name="txt_title" type="text"></td>
 40 |             </tr>
 41 |             <tr>
 42 |               <td id="td3">电影内容:</td>
 43 |               <td id="td4"><textarea id="txt_content" name="txt_content"></textarea></td>
 44 |             </tr>
 45 |             <tr>
 46 |               <td id="td5"></td>
 47 |               <td id="td6">
 48 |                 <input id="btn_grey" class="btn_grey" name="Submit" type="submit" value="保存">
 49 |                 <input class="submit2" name="submit2" type="reset" value="重置">
 50 |                 <input id="submit3" class="submit3" name="submit3" type="reset" value="取消">
 51 |               </td>
 52 |             </tr>
 53 |           </table>
 54 |         </form>
 55 |       </div>
 56 |       <div id="from002">  <!-- 修改数据功能框 -->
 57 |         <form id="form1" name="form1" method="post" action="modify_movie.php">
 58 |           <table id="tb1">
 59 |             <tr>
 60 |               <td id="td1">电影主题:</td>
 61 |               <td id="td2">
 62 |                 <input id="txt_id" name="id" type="text" value="<?php echo $row_mdy->id; ?>"><input id="txt_title2" name="txt_title" type="text" value="<?php echo $row_mdy->title; ?>">
 63 |               </td>
 64 |             </tr>
 65 |             <tr>
 66 |               <td id="td3">电影内容:</td>
 67 |               <td id="td4"><textarea id="txt_content" name="txt_content"><?php echo $row_mdy->content; ?></textarea></td>
 68 |             </tr>
 69 |             <tr>
 70 |               <td id="td5"></td>
 71 |               <td id="td6">
 72 |                 <input type="hidden" name="txt_keyword1" value="<?php echo $keyword ?>" />
 73 |                 <input id="btn_grey" class="btn_grey" name="Submit" type="submit" value="修改">
 74 |                 <input class="submit2" name="submit2" type="reset" value="重置">
 75 |                 <a class="submit_a" href="refresh_movie.php?id=0&txt_keyword=<?php echo $keyword ?>"><input id="submit4" class="submit4" name="submit4" type="button" value="取消" /></a>
 76 |               </td>
 77 |             </tr>
 78 |           </table>
 79 |         </form>
 80 |       </div>
 81 |       <div id="look_all">
 82 |         <div id="head2"></div>
 83 |         <div id="info_content">
 84 |           <table id="tb_head_fixed">
 85 |             <tr id="tr_hread">
 86 |               <td class="tdf_id">NO</td>
 87 |               <td class="tdf_title">电影标题</td>
 88 |               <td class="tdf_content">电影内容</td>
 89 |               <td class="tdf_createtime">创建时间</td>
 90 |               <td class="tdf_revise">修改内容</td>
 91 |             </tr>
 92 |           </table>
 93 |           <table id="tb_content">
 94 |             <tr id="tr_hread">
 95 |               <td class="td_id_ji"></td>
 96 |               <td class="td_title_ji"></td>
 97 |               <td class="td_content_ji"></td>
 98 |               <td class="td_createtime_ji"></td>
 99 |               <td class="td_revise_ji"></td>
100 |             </tr>
101 |             <tr>
102 |               <td class="td_id_ji">null</td>
103 |               <td class="td_title_ji">null</td>
104 |               <td class="td_content_ji"><?php echo "<font color='red'>没有数据,请添加数据</font>"; ?></td>
105 |               <td class="td_createtime_ji">null</td>
106 |               <td class="td_revise_ji">null</td>
107 |             </tr>
108 |           </table>
109 |         </div>
110 |       </div>
111 |   </body>
112 |   <script type="text/javascript" src="./movie.js"></script>
113 | </html>


--------------------------------------------------------------------------------
/movie.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   margin: 0;
  3 |   padding: 0;
  4 |   font-family: "微软雅黑";
  5 | }
  6 | /*-------头部样式---------------*/
  7 | #head0,#head1,#head2 {
  8 |   height: 45px;
  9 | }
 10 | #head0 {
 11 |   overflow: hidden;
 12 |   position: fixed;
 13 |   z-index: 10;
 14 |   left: 0;
 15 |   right: 0;
 16 |   margin: auto;
 17 |   width: 800px;
 18 | }
 19 | #head1 {
 20 |   width: 800px;
 21 |   height: 44px;
 22 |   box-shadow: 0px 0px 1px #000;
 23 |   background: -ms-linear-gradient(top, #fff, #EDEDED);        /* IE 10 */
 24 |   background: -moz-linear-gradient(top, #fff, #EDEDED);/*火狐*/
 25 |   background: -webkit-linear-gradient(top, #fff, #EDEDED);   /*Safari5.1 Chrome 10+*/
 26 |   background: -o-linear-gradient(top, #fff, #EDEDED);  /*Opera 11.10+*/
 27 |   /*background: #ddd;*/
 28 | }
 29 | #title_name {
 30 |   height: 100%;
 31 |   width: 100px;
 32 |   float: right;
 33 |   /*background: #bbb;*/
 34 |   text-align: center;
 35 |   font-family: "微软雅黑";
 36 |   font-size: 20px;
 37 |   line-height: 44px;
 38 | }
 39 | #operations {
 40 |   height: 100%;
 41 |   width: 350px;
 42 |   float: right;
 43 |   /*background: #aaa;*/
 44 | }
 45 | #infos {
 46 |   margin-left: 69px;
 47 |   margin-top: 20px;
 48 |   list-style: none;
 49 | }
 50 | #infos li {
 51 |   float: left;
 52 |   width: 60px;
 53 |   background: #F3F3F3;
 54 |   font-size: 12px;
 55 |   line-height: 24px;
 56 |   text-align: center;
 57 |   box-shadow: inset -1px -1px 1px #aaa;
 58 |   transition: 0.3s;
 59 | }
 60 | #infos li:hover {
 61 |   cursor: pointer;
 62 |   box-shadow: inset -1px -1px 2px #000;
 63 |   color: #fff;
 64 |   background: #A3A3A3;
 65 | }
 66 | #infos #query_info {
 67 |   width: 160px;
 68 |   height: 24px;
 69 | }
 70 | #txt_keyword {
 71 |   width: 115px;
 72 |   height: 22px;
 73 |   box-shadow: inset 1px 1px 1px #aaa;
 74 |   float: left;
 75 |   background: #fff;
 76 |   border: 0;
 77 |   padding-left: 5px;
 78 |   transition: 0.3s;
 79 | }
 80 | #txt_keyword:focus {
 81 |   background: #FAFAFA;
 82 |   box-shadow: inset 2px 2px 1px #aaa;
 83 |   outline: none;
 84 | }
 85 | #btn_search {
 86 |   height: 22px;
 87 |   width: 38px;
 88 |   float: left;
 89 |   border: 0;
 90 |   background: #F3F3F3;
 91 |   transition: 0.3s;
 92 | }
 93 | #btn_search:hover {
 94 |   cursor: pointer;
 95 |   color: #fff;
 96 |   background: #A3A3A3;
 97 | }
 98 | /*---填写公告信息框样式-------------------------*/
 99 | #from001,#from002 {
100 |   overflow: hidden;
101 |   position: fixed;
102 |   z-index: 20;
103 |   left: 0;
104 |   top: 0;
105 |   width: 100%;
106 |   height: 0%;
107 |   background: rgba(0,0,0,0.5);
108 | }
109 | /*---信息输入框样式---------------------------------*/
110 | #tb1 {
111 |   border-collapse: collapse;  /*表格边框合并*/
112 |   margin: auto;
113 |   margin-top: 8%;
114 |   width: 520px;
115 |   height: 212px;
116 |   border: 0;
117 |   background-color: #ccc;
118 |   box-shadow: 1px 1px 8px #000;
119 |   font-family: "微软雅黑";
120 |   font-size: 16px;
121 | }
122 | #td1,#td2,#td5,#td6 {
123 |   height: 40px;
124 | }
125 | #td3,#td4 {
126 |   height: 150px;
127 | }
128 | #td1,#td3,#td5 {
129 |   width: 72px;
130 |   text-align: center;
131 |   padding-left: 15px;
132 | }
133 | #td2,#td4,#td6 {
134 |   width: 350px;
135 | }
136 | .btn_grey,.submit2,.submit3,.submit4 {
137 |   background: #fff;
138 |   width: 102px;
139 |   height: 30px;
140 |   border: 0;
141 |   box-shadow: 0px 0px 1px #000;
142 |   font-family: "微软雅黑";
143 |   font-size: 16px;
144 | }
145 | .btn_grey:hover,.submit2:hover,.submit3:hover,.submit4:hover {
146 |   cursor: pointer;
147 |   box-shadow: 1px 1px 1px #000;
148 | }
149 | .submit2:focus,.submit3:focus,.submit4:focus,.btn_grey:focus {
150 |   outline: none;
151 | }
152 | #txt_title,#txt_content,#txt_id,#txt_title2 {
153 |   box-shadow: inset 1px 1px 1px #aaa;
154 |   height: 20px;
155 |   width: 308px;
156 |   font-family: "微软雅黑";
157 |   padding-left: 5px;
158 |   font-size: 16px;
159 |   /*outline: none;*/  /*获取焦点后去除自带的蓝色边框*/
160 |   transition: 0.3s;
161 | }
162 | #txt_title:focus,#txt_content:focus,#txt_title2:focus,#txt_id:focus {
163 |   background: #F8F8F8;
164 |   outline: none;
165 |   box-shadow: inset 1px 1px 1px #555;
166 | }
167 | #txt_id {
168 |   width: 60px;
169 | }
170 | #txt_title2 {
171 |   width: 238px;
172 | }
173 | #txt_content {
174 |   height: 250px;
175 |   font-size: 15px;
176 | }
177 | /*---最外层div总样式---------------------------------*/
178 | #look_all {
179 |   /*overflow: hidden;*/
180 |   width: 800px;
181 |   /*height: 700px;*/
182 |   /*background: #eee;*/
183 |   margin: auto;
184 | }
185 | /*---公告信息内容样式---------------------------------*/
186 | #info_content {
187 |   /*height: 100px;*/
188 |   /*background: #999;*/
189 | }
190 | #tb_head_fixed {
191 |   border-collapse: collapse;  /*表格边框合并*/
192 |   position: fixed;
193 |   top: 42px;
194 |   height: 43px;
195 |   width: 800px;
196 |   background: -ms-linear-gradient(top, #eee,  #ccc);        /* IE 10 */
197 |   background: -moz-linear-gradient(top, #eee, #ccc);/*火狐*/
198 |   background: -webkit-linear-gradient(top, #eee, #ccc);   /*Safari5.1 Chrome 10+*/
199 |   background: -o-linear-gradient(top, #eee, #ccc);  /*Opera 11.10+*/
200 |   /*background: #E3E3E3;*/
201 | }
202 | #info_content #tb_content {
203 |   background: #EAEAEA;
204 |   border-collapse: collapse;  /*表格边框合并*/
205 |   table-layout: fixed;  /*强制table的宽度*/
206 |   /*word-break: break-all;*//*或者word-wrap: break-word;使英文和数字会换行*/
207 |   width: 800px;
208 | }
209 | #info_content td {
210 |   overflow: hidden;  /*超出内容隐藏*/
211 |   white-space: nowrap;  /*文本不进行换行(使中文可以隐藏)*/
212 |   text-overflow: ellipsis;  /*超出内容变成省略号*/
213 |   padding-top: 6px;
214 | }
215 | #tr_hread {
216 |   height: 40px;
217 | }
218 | #tb_content tr {
219 |   transition: 0.2s;
220 | }
221 | #tb_content tr:hover {
222 |   background: rgba(190,203,218,0.7);
223 | }
224 | .td_id_ji,.td_id_ou {
225 |   width: 60px;
226 |   background: rgba(219,219,219,0.5);
227 |   text-align: center;
228 | }
229 | .tdf_id {
230 |   width: 60px;
231 |   text-align: center;
232 | }
233 | .td_id_ji {
234 |   background: rgba(232,232,232,0.5);;
235 | }
236 | .td_title_ji,.td_title_ou,.tdf_title {
237 |   width: 140px;
238 |   text-align: center;
239 | }
240 | .td_title_ji,.td_content_ji,.td_createtime_ji,.td_revise_ji {
241 |   background: rgba(243,243,243,0.5);
242 | }
243 | .td_content_ji,.td_content_ou,.tdf_content {
244 |   width: 330px;
245 |   font-size: 14px;
246 |   padding-left: 20px;
247 | }
248 | .tdf_content {
249 |   width: 350px;
250 | }
251 | .td_createtime_ji,.td_createtime_ou,.tdf_createtime {
252 |   width: 150px;
253 |   text-align: center;
254 |   font-size: 14px;
255 | }
256 | .tdf_createtime,.tdf_content {
257 |   font-size: 16px;
258 |   text-align: center;
259 |   padding-left: 0px;
260 | }
261 | .td_revise_ji,.td_revise_ou,.tdf_revise {
262 |   text-align: center;
263 | }
264 | .mdy,.del {
265 |   text-decoration: none;  /*去下划线*/
266 |   color: #2B2B2B;
267 |   font-size: 15px;
268 |   padding: 5px;
269 |   transition: 0.3s;
270 | }
271 | .mdy:hover,.del:hover {
272 |   background: #aaa;
273 |   color: #fff;
274 |   box-shadow: inset 0px 0px 3px #000;
275 | }


--------------------------------------------------------------------------------
/refresh_movie.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 |   $conn = mysqli_connect("localhost", "root", "11111111") or die("数据库连接错误".mysqli_error());
  3 |   mysqli_select_db($conn, "db_czy") or die("数据库访问错误".mysqli_error());
  4 |   // mysqli_query($conn, "set names gb2312");  //选择编码格式(添加了这条容易乱码)
  5 |   
  6 |   if(is_array($_POST)&&count($_POST) > 0) {  //判断是否为表单跳转传参(POST传值方式),href传值是get传值
  7 |     $keyword = $_POST['txt_keyword'];
  8 |   } else {
  9 |     $keyword = $_GET['txt_keyword'];
 10 |   }
 11 |   mysqli_query($conn, "truncate table tb_movielook");
 12 |   mysqli_query($conn, "INSERT INTO tb_movielook(id,title,content,createtime) SELECT id,title,content,createtime FROM tb_movie where title like '%$keyword%' or content like '%$keyword%' or createtime like '%keyword%'") or die(("数据表访问错误,请检查该表是否存在".mysqli_error()));
 13 | 
 14 |   $sql = mysqli_query($conn, "select * from tb_movielook") or die("数据表访问错误,请检查该表是否存在".mysqli_error());
 15 |   $row = mysqli_fetch_object($sql);  //获取结果集
 16 |   //查找出指定id修改指定数据
 17 |   $id = $_GET['id'];
 18 |   $sql_mdy = mysqli_query($conn, "select * from tb_movie where id=$id") or die("数据表访问错误,请检查该表是否存在".mysqli_error());
 19 |   $row_mdy = mysqli_fetch_object($sql_mdy);
 20 | ?>
 21 |   <!DOCTYPE html>
 22 |   <html lang="en">
 23 |     <head>
 24 |       <meta charset="UTF-8">
 25 |       <title>Movie</title>
 26 |       <link rel="stylesheet" href="./movie.css" />
 27 |     </head>
 28 |     <body>
 29 |       <div id="head0">
 30 |         <div id="head1">
 31 |           <div id="operations">
 32 |             <ul id="infos">
 33 |               <form id="form2" name="form2" method="post" action="refresh_movie.php?id=0">
 34 |                 <li id="query_info">
 35 |                   <input id="txt_keyword" name="txt_keyword" type="text" value="<?php echo $keyword ?>"/>
 36 |                   <input id="btn_search" name="Submit2" type="submit" value="搜索">
 37 |                 </li>
 38 |               </form>
 39 |               <li id="add_info">添加电影</li>
 40 |               <!-- <form name="form2" method="post" action="refresh_movie.php"> -->
 41 |                 <li id="refresh_info">
 42 |                   所有电影
 43 |                   <!-- <input id="Submit2" name="Submit" type="submit" value="刷新公告"> -->
 44 |                 </li>
 45 |               <!-- </form> -->
 46 |             </ul>
 47 |           </div>
 48 |           <div id="title_name">电影信息</div>
 49 |         </div>
 50 |       </div>
 51 |       <div id="from001">  <!-- 添加数据功能框 -->
 52 |         <form id="form1" name="form1" method="post" action="add_movie.php">
 53 |           <table id="tb1">
 54 |             <tr>
 55 |               <td id="td1">电影主题:</td>
 56 |               <td id="td2"><input id="txt_title" name="txt_title" type="text"></td>
 57 |             </tr>
 58 |             <tr>
 59 |               <td id="td3">电影内容:</td>
 60 |               <td id="td4"><textarea id="txt_content" name="txt_content"></textarea></td>
 61 |             </tr>
 62 |             <tr>
 63 |               <td id="td5"></td>
 64 |               <td id="td6">
 65 |                 <input id="btn_grey" class="btn_grey" name="Submit" type="submit" value="保存">
 66 |                 <input class="submit2" name="submit2" type="reset" value="重置">
 67 |                 <input id="submit3" class="submit3" name="submit3" type="reset" value="取消">
 68 |               </td>
 69 |             </tr>
 70 |           </table>
 71 |         </form>
 72 |       </div>
 73 |       <div id="from002">  <!-- 修改数据功能框 -->
 74 |         <form id="form1" name="form1" method="post" action="modify_movie.php">
 75 |           <table id="tb1">
 76 |             <tr>
 77 |               <td id="td1">电影主题:</td>
 78 |               <td id="td2">
 79 |                 <input id="txt_id" name="id" type="text" value="<?php echo $row_mdy->id; ?>"><input id="txt_title2" name="txt_title" type="text" value="<?php echo $row_mdy->title; ?>">
 80 |               </td>
 81 |             </tr>
 82 |             <tr>
 83 |               <td id="td3">电影内容:</td>
 84 |               <td id="td4"><textarea id="txt_content" name="txt_content"><?php echo $row_mdy->content; ?></textarea></td>
 85 |             </tr>
 86 |             <tr>
 87 |               <td id="td5"></td>
 88 |               <td id="td6">
 89 |                 <input type="hidden" name="txt_keyword1" value="<?php echo $keyword ?>" />
 90 |                 <input id="btn_grey" class="btn_grey" name="Submit" type="submit" value="修改">
 91 |                 <input class="submit2" name="submit2" type="reset" value="重置">
 92 |                 <a class="submit_a" href="refresh_movie.php?id=0&txt_keyword=<?php echo $keyword ?>"><input id="submit4" class="submit4" name="submit4" type="button" value="取消" /></a>
 93 |               </td>
 94 |             </tr>
 95 |           </table>
 96 |         </form>
 97 |       </div>
 98 |       <div id="look_all">
 99 |         <div id="head2"></div>
100 |         <div id="info_content">
101 |           <table id="tb_head_fixed">
102 |             <tr id="tr_hread">
103 |               <td class="tdf_id">NO</td>
104 |               <td class="tdf_title">电影标题</td>
105 |               <td class="tdf_content">电影内容</td>
106 |               <td class="tdf_createtime">创建时间</td>
107 |               <td class="tdf_revise">修改内容</td>
108 |             </tr>
109 |           </table>
110 |           <table id="tb_content">
111 |             <tr id="tr_hread">
112 |               <td class="td_id_ji"></td>
113 |               <td class="td_title_ji"></td>
114 |               <td class="td_content_ji"></td>
115 |               <td class="td_createtime_ji"></td>
116 |               <td class="td_revise_ji"></td>
117 |             </tr>
118 | <?php
119 |           if(!$row) {
120 | ?>
121 |             <tr>
122 |               <td class="td_id_ji">null</td>
123 |               <td class="td_title_ji">null</td>
124 |               <td class="td_content_ji"><?php echo "<font color='red'>没有数据,请添加数据</font>"; ?></td>
125 |               <td class="td_createtime_ji">null</td>
126 |               <td class="td_revise_ji">null</td>
127 |             </tr>
128 | <?php
129 |           }
130 |           $i = 1;
131 |           do {
132 |             if(!$row) break;
133 |             if($i%2 != 0) {  //隔行变色
134 | ?>
135 |             <tr>
136 |               <td class="td_id_ji"><?php echo $i ?></td>
137 |               <td class="td_title_ji" title="<?php echo $row->title; ?>"><?php echo $row->title; ?></td>
138 |               <td class="td_content_ji"><?php echo $row->content; ?></td>
139 |               <td class="td_createtime_ji"><?php echo $row->createtime; ?></td>
140 |               <td class="td_revise_ji"><a id="mdy" class="mdy" href="?id=<?php echo $row->id; ?>&txt_keyword=<?php echo $keyword ?>">修改</a>|<a id="dely" class="del" href="del_movie.php?id=<?php echo $row->id; ?>&txt_keyword=<?php echo $keyword ?>">删除</a></td>
141 |             </tr>
142 | <?php
143 |             } else {
144 | ?>
145 |             <tr>
146 |               <td class="td_id_ou"><?php echo $i ?></td>
147 |               <td class="td_title_ou" title="<?php echo $row->title; ?>"><?php echo $row->title; ?></td>
148 |               <td class="td_content_ou"><?php echo $row->content; ?></td>
149 |               <td class="td_createtime_ou"><?php echo $row->createtime; ?></td>
150 |               <td class="td_revise_ou"><a id="mdy" class="mdy" href="?id=<?php echo $row->id; ?>&txt_keyword=<?php echo $keyword ?>">修改</a>|<a id="dely" class="del" href="del_movie.php?id=<?php echo $row->id; ?>&txt_keyword=<?php echo $keyword ?>">删除</a></td>
151 |             </tr>
152 | <?php
153 |             }
154 |             $i++;
155 |           } while($row = mysqli_fetch_object($sql));
156 | ?>
157 |           </table>
158 |         </div>
159 |       </div>
160 |     </body>
161 |     <script type="text/javascript" src="./movie.js"></script>
162 |   </html>
163 | <?php
164 |   mysqli_free_result($sql);  //关闭结果集
165 |   mysqli_close($conn);  //关闭数据库
166 | ?>


--------------------------------------------------------------------------------