Smarty模板:(前后端分离)
原理:核心是一个类,先修改配置文件,在使用的时候引入配置文件即可,(init.inc.php)
$smarty->assign("ceshi",$a);//注册变量到模板
$smarty->display("test.html");//前台显示

一、登录:login.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head> <body>
<form action="loginchuli.php" method="post">
<div>用户名:<input type="text" name="uid" /></div>
<div>密码:<input type="password" name="pwd" /></div>
<div><input type="submit" value="登录"/></div>
</form>
</body>
</html>

登录:login.php

<?php
include("../init.inc.php"); //把smarty模板引进
$smarty->display("login.html");//在login.html页面写出登录界面,在login.php里执行

登录处理:loginchuli.php

<?php    //login登录处理界面
session_start();
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
include("../DBDA.php");
$db = new DBDA();
$sql = "select pass from login where username = '{$uid}'";
$mm = $db->StrQuery($sql);
if($pwd != "" && $pwd==$mm)
{
$_SESSION["uid"] = $uid;
header("location:main.php");
}
else
{
header("location:login.php");
}

二、主页面:main.html

#top{ width:100%; height:50px}
#name{ float:right; height:50px; width:100px; text-align:center; line-height:50px; vertical-align:middle}
</style>
</head> <body>
<div id="top">
<div id="name"><{$name}></div>
</div>
<div>人员信息表</div>
<div>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
<tr>
<td>代号</td>
<td>姓名</td>
<td>性别</td>
<td>民族</td>
<td>生日</td>
<td>操作</td>
</tr>
<{foreach $info as $v}>
<tr>
<td><{$v[0]}></td>
<td><{$v[1]}></td>
<td><{$v[2]|sex}></td> <!--把之前的sex=0,1改为男,女,方法->modifier.sex.php(自写小插件)-->
<td><{$v[3]|nation}></td> <!--把之前的nation=n001,n002改为汉族,回族,方法->modifier.nation.php(自写小插件)-->
<td><{$v[4]}></td>
<td><a href="shanchu.php?code=<{$v[0]}>">删除</a><a href="xiugai.php?id=<{$v[0]}>">修改</a></td><!--给删除,修改传键值,此键值为主键值-->
</tr>
<{/foreach}>
</table>
</div>
</body>

所用组件:

modifier.sex.php

<?php
function smarty_modifier_sex($sex)
{
return $sex?"男":"女";   //ture返回'男',false返回'女'
}

modifier.nation.php

<?php
function smarty_modifier_nation($nation)
{
$db = new MySQLi("localhost","root","2786802","text_zuoye"); //引入DBDA的类不可用,只能写入最原始方法来调用数据库
$sql = "select name from nation where code = '{$nation}'";
$result = $db->query($sql);
$attr = $result->fetch_row();
return $attr[0];
}

主页面:main.php

<?php
session_start();
include("../init.inc.php");
include("../DBDA.php");
$db = new DBDA();
if(empty($_SESSION["uid"])) //判断session是否为空,不为空取值,为空跳登录页面
{
header("location:login.php");
exit;
}
$uid = $_SESSION["uid"];
$sql = "select name from login where username = '{$uid}'";
$name = $db->StrQuery($sql);
$smarty->assign("name",$name); //smarty取到登录的uid,到main.html取出显示
$sqli = "select * from info ";
$attr = $db->Query($sqli);
$smarty->assign("info",$attr); //smarty取到info的数据放到数组,到main.html取出显示
$smarty->display("main.html"); //在本页面显示main.html的页面数据

三、修改页面:xiugai.html

<body>
<form action="gai.php" method="post">
<div><input name="code" type="hidden" value="<{$info[0]}>" /></div>
<div>姓名:<input name="name" type="text" value="<{$info[1]}>" /></div>
<div>性别:
<input type="radio" name="sex" value="1" <{$info[2]|cksex}> />男    <!--改为单选按钮,方法->modifier.ck1/ck.php(自写小插件)-->
<input type="radio" name="sex" value="0" <{$info[2]|cksex1}> />女
</div>
<div>民族:
<!--民族改为下拉菜单显示,在xiugai.php页面查询出nation表的name,通过$nation接收,并且根据主键值通过循环给其所属的民族赋属性checked="checked",默认选中;-->
<select name="nation">
<{foreach $nation as $v}>
<{if $v[0]==$info[3]}>
<option selected="selected" value="<{$v[0]}>"><{$v[1]}></option>
<{else}>
<option value="<{$v[0]}>"><{$v[1]}></option>
<{/if}>
<{/foreach}>
</select>
</div>
<div>生日:<input name="birthday" type="text" value="<{$info[4]}>" /></div>
<input type="submit" value="修改" />
</form>
</body>

modifier_cksex.php

<?php
function smarty_modifier_cksex($sex)
{
return $sex?"checked='checked'":""; //如果为ture,checked='checked'
}

modifier_cksex1.php

<?php
function smarty_modifier_cksex1($sex)
{
return $sex?"":"checked='checked'"; //如果为false,checked='checked'
}

修改页面:xiugai.php

<?php
$id = $_GET["id"];
include("../DBDA.php");
$db = new DBDA();
$sql = "select * from info where code='{$id}'";
$attr = $db->Query($sql);
$sqlnation = "select * from nation";
$attrn = $db->Query($sqlnation);
include("../init.inc.php");   //执行修改要显示页面,把smarty模板引入
$smarty->assign("info",$attr[0]); //$attr[0]赋给info,在html页面$info提取
$smarty->assign("nation",$attrn); //xiugai.html页面民族改下拉菜单时用
$smarty->display("xiugai.html"); //把xiugai.html里面的内容拿过来在本页面显示

删除页面:shanchu.php

<?php
include("../DBDA.php");
$db = new DBDA();
$code = $_GET["code"];
$sql = "delete from info where code='{$code}'";
$db->Query($sql,0);
header("location:main.php");

smarty模板原理和增删改查例题的更多相关文章

  1. ES 17 - (底层原理) Elasticsearch增删改查索引数据的过程

    目录 1 增删改document的流程 1.1 协调节点 - Coordinating Node 1.2 增删改document的流程 2 查询document的流程 1 增删改document的流程 ...

  2. JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案(四):自定义T4模板快速生成页面

    前言:上篇介绍了下ko增删改查的封装,确实节省了大量的js代码.博主是一个喜欢偷懒的人,总觉得这些基础的增删改查效果能不能通过一个什么工具直接生成页面效果,啥代码都不用写了,那该多爽.于是研究了下T4 ...

  3. python全栈开发day62-两表操作增删改查,外键,if else模板语法

    一.今日内容总结: day62 内容回顾: 1. django有关所有命令: pip install django==1.11.14 django-admin startproject 项目名称 cd ...

  4. 一、数据库表中字段的增删改查,二、路由基础.三、有名无名分组.四、多app共存的路由分配.五、多app共存时模板冲突问题.六、创建app流程.七、路由分发.八、路由别名,九、名称空间.十、反向解析.十一、2.x新特性.十二、自定义转换器

    一.数据库表中字段的增删改查 ''' 直接在modules中对字段进行增删改查 然后在tools下点击Run manage.py Task执行makemigrations和migrate 注意在执行字 ...

  5. 03: zabbix API接口 对 主机、主机组、模板、应用集、监控项、触发器等增删改查

    目录:Django其他篇 01: 安装zabbix server 02:zabbix-agent安装配置 及 web界面管理 03: zabbix API接口 对 主机.主机组.模板.应用集.监控项. ...

  6. 【Mybatis】简单的mybatis增删改查模板

    简单的mybatis增删改查模板: <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE map ...

  7. MyBatis增删改查模板

    1. 首先,和Spring整合一下 <?xml version="1.0" encoding="UTF-8"?> <beans xmlns=& ...

  8. CopyOnWriteArrayList的增删改查实现原理

    https://www.cnblogs.com/simple-focus/p/7439919.html 篇文章的目的如下: 了解一下ArrayList和CopyOnWriteArrayList的增删改 ...

  9. elasticsearch 增删改查底层原理

    elasticsearch专栏:https://www.cnblogs.com/hello-shf/category/1550315.html 一.预备知识 在对document的curd进行深度分析 ...

随机推荐

  1. Android 自动化测试—robotium(七) 使用Junit_report测试报告

    使用Robotium进行测试的时候,要想可以导出明了的测试结果,可以使用junitreport来实现 junit-report下载地址:https://github.com/jsankey/andro ...

  2. three.js入门3

    为什么要用three.js Three.js为我们封装了底层的WebGl接口,使我们在无需掌握繁冗的图形学知识的基础下可以轻松的创建三维场景.相比较使用底层的WebGL我们可以使用更少的代码,大大的降 ...

  3. BZOJ 1831 & 就是一个DP....

    题意: 比如说,4 2 1 3 3里面包含了5个逆序对:(4, 2), (4, 1), (4, 3), (4, 3), (2, 1). 可惜的是,由于年代久远,这些数字里有一部分已经模糊不清了,为了方 ...

  4. Codeforces Round #242 (Div. 2) A. Squats

    注意题目一次只能改变一个松鼠,Pasha can make some hamster ether sit down or stand up.是单数不是复数 #include <iostream& ...

  5. WebBrowser 多线程 DocumentCompleted 和定时器

      备忘   using System; using System.Collections.Generic; using System.Linq; using System.Text; using S ...

  6. ihhh题解

    10分做法: 由于空间卡得紧,所以给了10分暴力分0.0所以大家很容易就知道暴力就是线段树套ac自动机辣时间:$O((\sum |qSi| + \sum |nSi|)*log Q)$空间:$O((\s ...

  7. 【HDU】1850 Being a Good Boy in Spring Festival

    http://acm.hdu.edu.cn/showproblem.php?pid=1850 题意:同nim...顺便求方案数... #include <cstdio> #include ...

  8. 【BZOJ】2693: jzptab

    http://www.lydsy.com/JudgeOnline/problem.php?id=2693 题意:求$\sum_{i=1}^{n} \sum_{j=1}^{m} lcm(i, j)$, ...

  9. 【wikioi】1041 Car的旅行路线

    题目链接 算法:最短路(数据弱,Floyd也能过) 惨痛的教训:此题我至少提交了20次,原因在于= =太草率和粗心了,看到那个多少组数据以为是城市的数量,导致数组开得小小的= =.(对不起,wikio ...

  10. POJ 1329 Circle Through Three Points(三角形外心)

    题目链接 抄的外心模版.然后,输出认真一点.1Y. #include <cstdio> #include <cstring> #include <string> # ...