thinkphp5框架一小时搭建一个php后端(1)

本文介绍了如何在一小时内使用Thinkphp5框架搭建PHP后端。首先配置开发环境,包括phpstudy、sublime编辑器和navicat数据库管理工具。接着,通过composer安装并设置项目,创建入口文件admins.php,建立admins目录。然后创建控制器Account.php,设计登录页面login.html,利用layui框架。同时,建立管理员数据库,并封装数据库访问类。最后,通过config.php配置及BaseAdmin.php基类实现登录验证,初步完成后台搭建。
摘要由CSDN通过智能技术生成

开发环境使用phpstudy

编辑器用sublime

数据库navicat

需要下载composer

先配置好本地域名,然后需要我们将资源引入到项目里面

下载地址www.layui.com.

layui框架有很多我们后台开发需要的控件,帮助我们高效完成后台搭建。

先创建我们的入口文件admins.php,接着我们在application里面建立一个admins的目录。

接着我们需要创建登录需要用到的控制器。

Account.php

<?php
namespace app\admins\controller;
use think\Controller;
use Util\data\Sysdb;
/**
* 
*/
class Account extends Controller
{
	
	public function login(){
		return $this->fetch();
	}

	// 管理员登录
	public function dologin(){
		$username = trim(input('post.username'));
		$pwd = trim(input('post.pwd'));
		$verifycode = trim(input('post.verifycode'));

		if($username == ''){
			exit(json_encode(array('code'=>1,'msg'=>'用户名不能为空')));
		}
		if($pwd == ''){
			exit(json_encode(array('code'=>1,'msg'=>'密码不能为空')));
		}
		if($verifycode == ''){
			exit(json_encode(array('code'=>1,'msg'=>'请输入验证码')));
		}
		// 验证验证码
		if(!captcha_check($verifycode)){
			exit(json_encode(array('code'=>1,'msg'=>'验证码错误')));
		}
		// 验证用户
		$this->db = new Sysdb;
		$admin = $this->db->table('admins')->where(array('username'=>$username))->item();
		if(!$admin){
			exit(json_encode(array('code'=>1,'msg'=>'用户不存在')));
		}
		if(md5($admin['username'].$pwd) != $admin['password']){
			exit(json_encode(array('code'=>1,'msg'=>'密码错误')));
		}
		if($admin['status'] == 1){
			exit(json_encode(array('code'=>1,'msg'=>'用户已被禁用')));
		}
		// 设置用户session
		session('admin',$admin);
		exit(json_encode(array('code'=>0,'msg'=>'登录成功')));
	}

	public function logout(){
		session('admin',null);
		exit(json_encode(array('code'=>0,'msg'=>'退出成功')));
	}
}

下面我们写登录页面

 先建一个view文件夹,里面建一个account。放login.html

<!DOCTYPE html>
<html>
<head>
	<title>登录</title>
	<link rel="stylesheet" type="text/css" href="__STATIC__/plugins/layui/css/layui.css">
	<script type="text/javascript" src="__STATIC__/plugins/layui/layui.js"></script>
</head>
<body style="background: #1E9FFF">
	<div style="position: absolute; left:50%;top:50%;width: 500px;margin-left: -250px;margin-top: -200px;">
		<div style="background: #ffffff;padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444;">
			<div class="layui-form">
				<div class="layui-form-item" style="color:gray;">
					<h2>后台管理系统</h2>
				</div>
				<hr>
				<div class="layui-form-item">
					<label class="layui-form-label">用户名</label>
					<div class="layui-input-block">
						<input type="text" id="username" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
					<div class="layui-input-block">
						<input type="password" id="password" class="layui-input">
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">验证码</label>
					<div class="layui-input-inline">
						<input type="text" id="verifycode" class="layui-input">
					</div>
					<img src="{:captcha_src()}" id="img" onclick="reloadImg()">
				</div>
				<div class="layui-form-item">
					<div class="layui-input-block">
						<button class="layui-btn" onclick="dologin()">登录</button>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		layui.use(['layer'],function(){
			$ = layui.jquery;
			layer = layui.layer;

			// 用户名控件获取焦点
			$('#username').focus();
			// 回车登录
			$('input').keydown(function(e){
				if(e.keyCode == 13){
					dologin();
				}
			});
		});

		// 重新生成验证码
		function reloadImg(){
			$('#img').attr('src','{:captcha_src()}?
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小甲鱼同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值