您的位置:首页 > 其它

登录 主页面 删除 让缩略信息显示完整 (补:增加 修改 )

2016-05-24 15:20 676 查看
1.login.php

<?php
include("init.inc.php");

$smarty->display("login.html");
?>


2.login.html 显示模板 在templates模板文件夹中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>登录页面</h1>
<form action="chuli.php" method="post">
<div>用户名:<input type="text" name="uid"></div>
<div>密    码:<input type="text" name="pwd"></div>
<div><input type="submit" value="登录"></div>
</form>
</body>
</html>


3.chuli.php

<?php
session_start();
$uid=$_POST["uid"];
$pwd=$_POST["pwd"];
include("DBDA.php");
$db=new DBDA();

$sql="select count(*) from users where username='{$uid}' and password='{$pwd}'";

$result=$db->StrQuery($sql,1,"mydb2");
if ($result==1) {
$_SESSION["uid"]=$uid;
header("location:main.php");
}

else{
header("location:login.php");
}

?>


4.main.php

<?php
session_start();

include("init.inc.php");
include("DBDA.php");

$db=new DBDA();

if (!empty($_SESSION["uid"])) {
;
$sqlf="select * from news";
$attr=$db->Query($sqlf,1,"mydb");

$smarty->assign("news",$attr);

$smarty->assign("jsurl","./js/jquery-1.11.2.min.js");
$smarty->display("main.html");
}

else{
header("location:login.php");
}
?>


5.main.html 显示模板 在templates模板文件夹中

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="<{$jsurl}>"></script>
<style type="text/css">
.fu
{
width:360px;

background-color: yellow;
position: absolute;
}

</style>
</head>
<body>
<h1>主页面</h1>
<table style="position:absolute" width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>编号</td>
<td>标题</td>
<td>内容</td>
<td>时间</td>
<td>类型</td>
<td>操作</td>
</tr>
<{foreach $news as $guo}>

<tr>

<td><{$guo[0]}></td>
<td class='dq' bs='<{$guo[1]}>'><{$guo[1]|truncate:20}></td>
<td><{$guo[2]|truncate:40}></td>
<td><{$guo[3]}></td>
<td><{$guo[4]}></td>
<td><a href="shanchu.php?code=<{$guo[0]}>">删除</a></td>
</tr>
<{/foreach}>
</table>
</body>
<script type="text/javascript">
$(document).ready(function(e){

$(".dq").mouseover(function(e){
var top=e.clientY;  //获取鼠标位置
var name=$(this).attr("bs");
var div="<div class='fu' style='top:"+top+"px;left:100px'>"+name+"</div>";
$(".fu").remove();
$("body").append(div);
})
$(".dq").mouseleave(function(e){
$(".fu").remove();
})
});

</script>
</html>


6.shanchu.php

<?php
$code=$_GET["code"];
include("DBDA.php");
$db=new DBDA();

$sqls="delete from news where ids='{$code}'";

$db->Query($sqls,0,"mydb");

header("location:main.php");

?>


7.init.inc.php (smarty.class.php 核心的配置文件/在libs文件夹下)需要应用smarty模板的php 页面引入

<?php

define("ROOT",str_replace("\\","/",dirname(__FILE__)).'/'); //常量ROOT中指定项目根目录

//echo str_replace("\\","/",dirname(__FILE__))."/";

require ROOT.'libs/Smarty.class.php'; //加载Smarty类文件

$smarty = new Smarty(); //实例化Smarty对象<br>

//$smarty -> auto_literal = false; //就可以让定界符号使用空格
$smarty->setTemplateDir(ROOT.'templates/'); //设置所有模板文件存放位置
//$smarty->addTemplateDir(ROOT.'templates2/'); //添加一个模板文件夹
$smarty->setCompileDir(ROOT.'templates_c/'); //设置编译过的模板存放的目录

$smarty->addPluginsDir(ROOT.'plugins/'); //设置为模板扩充插件存放目录
$smarty->setCacheDir(ROOT.'cache/'); //设置缓存文件存放目录
$smarty->setConfigDir(ROOT.'configs/'); //设置模板配置文件存放目录

$smarty->caching = false; //设置Smarty缓存开关功能
$smarty->cache_lifetime = 60*60*24; //设置缓存模板有效时间一天
$smarty->left_delimiter = '<{'; //设置模板语言中的左结束符
$smarty->right_delimiter = '}>'; //设置模板语言中的右结束符

?>




经过 login.html chuli.php 到达 main.php 通过main.html 模板显示出来



位于编号为1 的新闻 被 点击右侧 删除掉

main.html页面 传值

<td><a href="shanchu.php?code=<{$guo[0]}>">删除</a></td>

通过 shanchu.php 页面链接数据库 做删除动作

让缩略信息显示完整 通过js完成

<script type="text/javascript">
$(document).ready(function(e){

$(".dq").mouseover(function(e){
var top=e.clientY;  //获取鼠标位置
var name=$(this).attr("bs");
var div="<div class='fu' style='top:"+top+"px;left:100px'>"+name+"</div>";
$(".fu").remove();
$("body").append(div);
})
$(".dq").mouseleave(function(e){
$(".fu").remove();
})
});

</script>


内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: