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. Python基础9- 字典

    #coding=utf8#字典由键和对应的值组成(键值对)--哈希表,字典元素也可以为空 dict1 = {'name':'kaly','age':20,'sex':'male'}dict2 = {} ...

  2. #asp.net core mvc 的视图注入

    View injection is the most useful feature introduced in ASP.NET Core. 1.添加一个FruitsService public cla ...

  3. Hadoop 2.0安装以及不停集群加datanode

    Hadoop2.0是对Hadoop1.0全面升级,针对Namenode单点问题,提出了HDFS Federation,让多个NameNode分管不同的目录进而实现访问隔离和横向扩展.诞生了通用的计算框 ...

  4. OpenCV 第一课(安装与配置)

    OpenCV 第一课(安装与配置) win10,opencv-2.4.13, 安装, vs2013, 配置 下载安装软件 官网OpenCV下载地址下载最新版本,我下载的是opencv.2.4.13,然 ...

  5. BZOJ3934 : [CQOI2015]标识设计

    轮廓线插头DP. 设$f[i][j][a][b][c][d][e]$表示考虑到了$(i,j)$,轮廓线上3个下插头的位置分别为$a,b,c$,是否有右插头,已经放了$e$个$L$的方案数. 然后直接D ...

  6. 福建红色文化VR/AR实体体验馆正式启用

    (12月13日),福建红色文化网上展示馆上线暨福建红色文化VR/AR实体体验馆启动仪式在福建省革命历史纪念馆举行.省委常委.宣传部长高翔出席仪式并宣布启动上线. 福建红色文化网上展示馆和VR/AR实体 ...

  7. ACM:Pseudoforest-并查集-最大生成树-解题报

    Pseudoforest Time Limit:5000MS Memory Limit:65536KB 64bit IO Format:%I64d & %I64u Submit Status ...

  8. About_AJAX

    Asynchronous JavaScript And XML (1)AJAX大多用于验证和分页: (2)首先要激活(对象): window.ActiveXObject(针对IE): window.X ...

  9. css圆角边框

    一.CSS3圆角的优点 传统的圆角生成方案,必须使用多张图片作为背景图案.CSS3的出现,使得我们再也不必浪费时间去制作这些图片了,而且还有其他多个优点: * 减少维护的工作量.图片文件的生成.更新. ...

  10. 2015Web前端攻城之路

    2015目标成为一名合格的前端攻城狮. 养成计划: 1.html / css 2.js 3.ajax 4.框架 5.项目实战