ThinkPHP---案例1登录登出和添加部门

时间:2023-03-10 07:09:28
ThinkPHP---案例1登录登出和添加部门

配置文件分3类:系统配置文件,分组配置文件,应用配置文件

①系统配置文件ThinkPHP/Conf/convention.php;

②分组 / 模块 /平台配置文件Home/Conf/config.php;

③应用配置文件Common/Conf/config.php;

(1)综合案例:实现OA系统的登录页面展示

首先需要明确当前功能需要哪些条件MVC

先说下VC

①首先是控制器C

控制器:登录登出放到Public里,控制器名PublicController.class.php

创建控制器文件,编写结构代码

<?php
//命名空间的声明
namespace Admin\Controller;
//引入父类控制器
use Think\Controller;
//声明控制器并继承父类
class PublicController extends Controller{}
}
?>

②接下来是展示模板,这里就要设置方法

方法:方法名login,编写方法login,展示模板文件login.html

//登录页面展示
public function login(){
$this->display();
}

③对应的模板文件login.html,V

将模板文件复制到指定位置,具体位置浏览器报错已经提示,这里提示位置./Application/Admin/View/Public/login.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
</head>
<body>
<from action='' method='post'>
账号:<input type="text" name="name"><br/>
密码:<input type="password" name="pwd"><br/>
<input type="submit" value="登录">
</from>
</body>
</html>

④将相应的静态资源文件js,css,images复制到指定位置

位置:根目录下,与Application同级,/Public/Admin/css或者js或者images

⑤修改模板文件login.html中静态资源的引入路径

这里因为上面自定义常量__ADMIN__ = __PUBLIC__/Admin,所以这里可以写成

<link rel="stylesheet" type="text/css" href="__ADMIN__/login.css">

等价于

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/login.css">

注意:新版PHP中即使不写方法,有时也可以展示模板。只要存在与方法同名的模板,即可渲染出结果。

原理:有方法时会先访问方法,再用模板;没有方法时,会直接调取与方法名相同的模板;如果模板也不存在时报错

.

(2)后台首页

控制器:indexController.class.php

方法:index  home

模板:index.html   home.html

①创建控制器文件indexController.class.php

结构代码:

<?php
namespace Admin\Controller;
use Think\Controller;
class IndexController extends Controller{
}
?>

②在控制器里增加方法index,home用来展示模板文件

public function index(){
$this->display();
}
public function home(){
$this->display();
}

③将模板文件index.html和home.html复制到指定位置

④修改静态文件引入路径

<link rel="stylesheet" type="text/css" href="__PUBLIC__/Admin/home.css">

⑤纠正Home页面引入路径,因为home是index页面的iframe内联框架。改写为__CONTROLLER__/home

或者使用U方法指定URL地址{:U(home)}

(3)部门管理

1. 设计二级导航效果

①实现前端二级下拉样式

②修改导航数目和跳转地址

2. 实现部门添加功能

控制器:DeptController.class.php

方法:add

模板文件add.html

①控制器中创建add方法,展示模板

public function add(){
$this->display();
}

②复制模板文件add.html到指定位置View/Dept/add.html

③修改模板文件静态资源路径

④表单中提交按钮和清空按钮a标签编写的无效,修改为input后样式消失。所以通过jquery方法来提交

<script type="text/javascript">
$(function(){
//提交按钮
$('.confirm').on('click',function(){
$('form').submit();
});
//清空按钮
$('.clear').on('click',function(){
$('form')[0].reset();//表单还原,
//因为reset()是JS的语法,而$('form')是jquery对象,不能直接使用js。所以要进行转化,jquery对象转Dom对象两种方法①加下标;②.get(0)
})
})
</script>

⑤展示上级部门信息

在控制器DeptController.class.php里传递变量,然后在模板展示

public function add(){
//展示*部门
$model = M('dept');//模型实例化
$data = $model->where('pid = 0')->select();//条件查询
$this->assign('data',$data);//变量分配传递到模板
$this->display();
}

add.html模板遍历展示

<table border="1" cellspacing="0">
<tr>
<td>id</td><td>name</td><td>pid</td><td>sort</td><td>remark</td>
</tr>
<volist name='data' id='vol'>
<tr>
<td>{$vol.id}</td>
<td>{$vol.name}</td>
<td>{$vol.pid}</td>
<td>{$vol.sort}</td>
<td>{$vol.remark}</td>
</tr>
</volist>
</table>

案例:下拉菜单

<select>
<option>上级部门:</option>
<volist name='data' id='vol'>
<option>{$vol.remark}</option>
</volist>
</select>

⑤处理表单信息的提交操作

在控制器deptController.class.php里add方法判断是否是POST提交。若是则提交,否则展示

扩展:

1. 方法判断---------判断请求是否是post,之前用$_POST判断,但在ThinkPHP里系统封装了几个比较实用的常量,可以直接用常量来判断

IS_POST、IS_GET、IS_AJAX、IS_CGI、IS_PUT等

2. 数据接收---------之前用$_POST接收数据,在ThinkPHP里使用I快速方法来接收数据。I方法可以接收任何类型输入post、get、request、put等。且系统默认自带防止SQL

注入的方法(使用PHP内置函数htmlspecialchars,将预定义字符<,>转化为HTML实体字符)。因为$POST没有对数据进行过滤,还得手动过滤。所以推荐使用I方法接收数据

自带过滤效果,防止SQL注入

3.I 快速方法语法:I('变量类型.变量名',['默认值'],['过滤方法']),过滤方法可以自定义过滤

接收整个数组:I('get');

public function add(){
//判断请求类型,若是post则提交,否则展示
if (IS_POST) {
//处理表单请求
$post = I('post.');
//成功接收后,写入数据
$model = M('dept');//模型实例化
$result = $model->add($post);
//判断返回值
if ($result) {
$this->success('添加成功',U('showList'),3);
}else{
$this->error('添加失败');//默认跳到上一页
}
}else{
$model = M('dept');//模型实例化
$data = $model->where('pid = 0')->select();//条件查询
$this->assign('data',$data);//变量分配传递到模板
$this->display();
}
}

【四】后台登录

(1)分析

控制器:PublicController.class.php

模板:login.html

方法:login   captacha(验证码)  checkLogin(验证登录)

下面按照步骤一次编写:

(2)验证码

①控制器里创建captacha,用于创建验证码;

//生成验证码
public function captacha(){
ob_clean();//去除Bom(编辑器加的UTF-8标签)
//配置
$cfg = array(
'fontSize' => 20, // 验证码字体大小(px)
'useCurve' => false, // 是否画混淆曲线
'useNoise' => false, // 是否添加杂点
'length' => 4, // 验证码位数
'fontttf' => '', // 验证码字体,不设置随机获取
);
//实例化验证码类
$Verify = new \Think\Verify($cfg);
//输出保存验证码图片
$Verify->entry();
}

②在模板文件login.html输出验证码;

验证码:<img src="__CONTROLLER__/captacha">

③添加点击刷新验证码,给图片绑定点击事件

验证码:<img onclick="this.src='__CONTROLLER__/captacha'" src="__CONTROLLER__/captacha">

这样只在Chrome下生效,测试后在其他浏览器无效。为了兼容其他浏览器需要在地址后面加上随机数,最终代码

验证码:<img onclick="this.src='__CONTROLLER__/captacha/t/'+Math.random()" src="__CONTROLLER__/captacha">

打开浏览器测试生效,测试Network,会发现点击红藕每次都会发送新的请求,请求不一样。所以生效

(3)验证登录前创建用户表

表名:sp_user

①创建表,表结构

//表结构
create table sp_user(
id int(11) not null auto_increment,
username varchar(40) not null,
password char(32) not null,
nickname varchar(40) default null,
truename varchar(40) default null,
dept_id int(11) default null,
sex varchar(10) not null,
birthday date not null,
tel varchar(11) not null,
email varchar(50) not null,
remark varchar(255) default null,
addtime int(11) default null,
role_id int(11) default null,
primary key(id)
)engine=myisam default charset=utf8;

新增模拟数据:

insert into sp_user values('1','admin','123456','admin','管理员','1','男','2017-01-06','10000','56@qq.com','石家庄','12345678','1');

②修改模板元素

1. 添加form表单指定提交位置

<form action="{:U(checkLogin)}" method='post'>
代码块
</form>

2. 对于登录按钮,前端写好的样式为

<a href='index.html' class='btn'>登录</a>

这里改为href='javascript:;',阻止浏览器默认行为,防止点击完就跳页的行为

3. 利用jquery实现表单提交

$(document).ready(function(){
$('.btn').on('click',function(){
$('form').submit();//提交表单
})
})

(4)编写checkLogin方法,验证用户登录

验证顺序,先对验证码进行验证,因为只有验证码不会对服务器发送请求。验证码正确的话再去验证用户名和密码。

具体注意事项在代码里做了介绍

public function checkLogin(){
//接收数据I方法可以过滤数据
$post = I('post.');
//校验验证码,因为校验验证码封装在了类Verify里,所以需要实例化类
$verify = new \Think\Verify();//不用传参,因为传参是在生成验证码时配置验证码用的
//验证操作,成功返回true
$result = $verify->check($post['captcha']);
//判断验证码是否正确
if($result){
//验证码正确的话,开始验证用户名和密码,此时需要连接数据库
//连接数据库前,先实例化模型
$model = M('user');
//删除验证码元素,因为要查询,where里接收一维数组,而数据库没有验证码且此时验证码无效了.去掉后$post长度刚好为2
unset($post['captcha']);
//查询
$data = $model->where($post)->find();
//判断用户存在与否
if ($data) {
//存在的话1.用户信息持久化,保存session;2.跳转后台首页
session('id',$data['id']);
session('username',$data['username']);
session('role_id',$data['role_id']);
//跳转后台首页
$this->success('登录成功',U('Index/index'),3);
}else{
$this->error('用户名或密码错误');
}
}else{
$this->error('验证码错误');
}
}

(5)修改登录成功后的用户名

{$Think.session.username}

模板输出系统变量----模板读取session数据,

{$Think.server.script_name} // 输出$_SERVER['SCRIPT_NAME']变量
{$Think.session.user_id} // 输出$_SESSION['user_id']变量
{$Think.get.pageNumber} // 输出$_GET['pageNumber']变量
{$Think.cookie.name} // 输出$_COOKIE['name']变量

支持输出 $_SERVER$_ENV、 $_POST、 $_GET、 $_REQUEST$_SESSION和 $_COOKIE变量。

【五】退出

(1)控制器编写退出方法

//退出方法
public function logout(){
//清除session
// session_destroy();原生方法
session(null);
//跳转登录页面
$this->success('登出成功',U('login'),3);
}

(2)修改跳转地址,先让其跳到Public/logout,清空session。然后跳到登录页

注意:因为U方法和__PUBLIC、__CONTROLLER__等都是模板常量,只能在模板里使用。所以js文件里无法使用这些常量去跳转路径。除非将js直接写到模板文件里去,例如

<script type="text/javascript">
$(document).ready(function(){
$('.logout').on('click',function(){
var path= "__CONTROLLER__";
alert(path);//这里便会提示出模板常量
})
})
</script>

或者在js里写,/表示从域名后开

域名/入口文件/分组/控制器名/方法名
window.location.href='/index.php/Admin/Public/logout';

接下来的部门管理在后面文章视频学习笔录---ThinkPHP---案例2--部门管理功能

.