Laravel框架简单的用户管理[CURD]操作
一个基于laravel和bootstrap的简单的用户管理,适合刚入门的我们,在做的过程中可以加深自己对laravel基础理解,里面存在一些问题,还未修改,比如css和js的引入,表单提交地址等不规范(我是这样认为的,如果你只追求功能那就没任何问题)
多看文档,多做,文档有些点虽然没说,但他娘的的确写在里面了~
目录结构
1.样式放在public文件夹下
2.模板文件以.blade.php为后缀,放在resource/views目录下
3.路由文件位于routes目录下web.php
4.表单文件需要在表单中加 {{ csrf_field() }}
遇到的坑
1.表单提交时,提交地址填写问题,自己注意下点击后跳转地址是否和路由一致
2.表单提交时,_token都传过去了,值没传过去,奶奶个腿,原来input没给名字,日狗了,写bootstrap时在id上写了name名....尴尬(┬＿┬)
常用操作
创建控制器
php artisan make:controller UsersController
使用 PHP 内置的开发环境服务器为应用提供服务,在浏览器中通过 http://localhost:8000 即可访问应用,要一直开着
php artisan serve
1.模板文件
index.blade.php
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>用户管理中心</title>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/buttons.css">
<script src="js/bootstrap.min.js"></script>
</head> <body>
<h1>用户列表</h1>
<hr>
<a href="user/add" class="button button-tiny button-3d button-action button-pill">添加用户</a>
<div class="container">
<div class="row">
<table class="table table-hover">
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>操作</th>
</tr>
@forelse($list as $v)
<tr>
<td>{{$v->id}}</td>
<td>{{$v->name}}</td>
<td>{{$v->age}}</td>
<td>
<a href="user/del/{{$v->id}}" class="button button-tiny button-3d button-caution ">删除</a>
<a href="user/edit/{{$v->id}}" class="button button-tiny button-3d button-royal">编辑</a>
</td>
</tr>
@empty
暂无数据
@endforelse
</table>
</div>
</div>
</body> </html>
add.blade.php
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>添加用户</title>
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<script src="../js/bootstrap.min.js"></script>
</head> <body>
<h1>添加用户</h1>
<hr>
<div class="container">
<div class="row">
<form class="form-horizontal" method="post" action="doAdd">
{{ csrf_field() }}
<div class="form-group">
<label for="n" class="col-sm-2 control-label">姓名</label>
<div class="col-md-4">
<input type="text" class="form-control" id="n" name="name" placeholder="用户名">
</div>
</div>
<div class="form-group">
<label for="ae" class="col-sm-2 control-label">年龄</label>
<div class="col-md-4">
<input type="text" class="form-control" id="ae" name="age" placeholder="年龄">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">添加</button>
</div>
</div>
</form>
</div>
</div>
</body> </html>
edit.blade.php
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8">
<title>编辑用户</title>
<link rel="stylesheet" href="http://127.0.0.1:8000/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="http://127.0.0.1:8000/css/bootstrap.min.css">
<script src="http://127.0.0.1:8000/js/bootstrap.min.js"></script>
</head> <body>
<h1>编辑用户</h1>
<hr>
<div class="container">
<div class="row">
<form class="form-horizontal" method="post" action="/edit/save">
{{csrf_field()}}
<div class="form-group">
<input type="hidden" name="id" value="{{$list->id}}">
<label for="ne" class="col-sm-2 control-label">姓名</label>
<div class="col-md-4">
<input type="text" class="form-control" id="ne" name="name" value="{{$list->name}}" placeholder="用户名">
</div>
</div>
<div class="form-group">
<label for="ae" class="col-sm-2 control-label">年龄</label>
<div class="col-md-4">
<input type="text" class="form-control" id="ae" name="age" value="{{$list->age}}" placeholder="年龄">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default">修改</button>
</div>
</div>
</form>
</div>
</div>
</body> </html>
2.路由文件
web.php
<?php /*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/ Route::get('/',function(){
return '首页';
});
//用户
Route::get('/user', 'UsersController@index');
Route::get('/user/add', 'UsersController@add');
Route::post('/user/doAdd', 'UsersController@doAdd');
Route::get('/user/edit/{id}', 'UsersController@edit');
Route::post('/edit/save', 'UsersController@save');
Route::get('/user/del/{id}', 'UsersController@del');
3.控制器
UsersController.php
<?php namespace App\Http\Controllers; use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
class UsersController extends Controller
{
/**
* 遍历用户
*/
public function index()
{
$list = DB::table('user')->select('id','name', 'age')->get();
return view('user.index',['list'=>$list]);
} /**
* 加载添加用户页面
*/
public function add()
{
return view('user.add');
} /**
* 执行添加用户页面
*/
public function doAdd(Request $request)
{
$data = $request->post();
unset($data['_token']);
$id = DB::table('user')->insertGetId(
['name' => $data['name'], 'age' => $data['age']]
);
if($id){
echo '<script>alert("添加成功");window.location.href="/user";</script>'; }else{
echo '<script>alert("添加失败");window.location.href="/user";</script>'; } } /**
*
* 加载用户编辑页面
*
* @param $id [用户id]
*
*/ public function edit($id)
{
$list = DB::table('user')->where('id', $id)->first();
return view('user.edit',['list'=>$list]);
} /**
* 执行用户编辑
* @return boolean
*/
public function save(Request $request)
{
$data = $request->post();
$id = $data['id'];
unset($data['_token']);
unset($data['id']);
$res = DB::table('user')
->where('id', $id)
->update(['name'=>$data['name'],'age'=>$data['age']]);
if($res){
echo '<script>alert("更新成功");window.location.href="/user";</script>'; }else{
echo '<script>alert("更新失败");window.location.href="/user";</script>'; }
} /**
* 删除用户
*
* @param $id [用户id]
*
* @return boolean
*/ public function del( $id)
{
$res = DB::table('user')->where('id', $id)->delete();
if($res){
echo '<script>alert("删除成功");window.location.href="/user";</script>'; }else{
echo '<script>alert("修改失败");window.location.href="/user";</script>'; }
}
}
效果:
列表页
添加页
编辑页
要搞其他东西,没做效果,直接弹窗提示
Laravel框架简单的用户管理[CURD]操作的更多相关文章
- Spring MVC 学习笔记8 —— 实现简单的用户管理（4）用户登录
Spring MVC 学习笔记8 -- 实现简单的用户管理(4)用户登录 增删改查,login 1. login.jsp,写在外面,及跟WEB-INF同一级目录,如:ls Webcontent; &g ...
- Spring MVC 学习笔记10 —— 实现简单的用户管理（4.3）用户登录显示全局异常信息
</pre>Spring MVC 学习笔记10 -- 实现简单的用户管理(4.3)用户登录--显示全局异常信息<p></p><p></p>& ...
- Spring MVC 学习笔记9 —— 实现简单的用户管理（4）用户登录显示局部异常信息
Spring MVC 学习笔记9 -- 实现简单的用户管理(4.2)用户登录--显示局部异常信息 第二部分:显示局部异常信息,而不是500错误页 1. 写一个方法,把UserException传进来. ...
- 一个简单的ORM制作(CURD操作类)
SQL执行类 CURD操作类 其他酱油类 此篇是为上篇文章填坑的,不知道上篇砸过来的砖头够不够,不够的话请大家继续砸. CURD操作类负责将用户提供的条件转换为SQL语句,并提供给IHelper执行, ...
- Laravel框架使用查询构造器实现CURD
一.什么是查询构造器? ①Laravel 查询构造器(query Builder)提供方便,流畅的接口,用来建立及执行数据库查找语法 ②使用PDO参数绑定,以保护应用程序免于SQL注入因此传入的参数不 ...
- Django 使用 cookie 实现简单的用户管理
Cookie: 1.保存在用户浏览器 2.可以主动清除 3.可以被伪造 4.跨域名 Cookie 不共享 创建一个项目:user_manager 和应用: app01 创建数据库,添加 models. ...
- EasyUI+MVC+EF简单用户管理Demo（问题及解决）
写在前面 iframe-src EntityFramework版本 connectionStrings View.Action.页面跳转 EasyUI中DataGrid绑定 新增.修改和删除数据 效果 ...
- RDIFramework.NET ━ 9.3 用户管理 ━ Web部分
RDIFramework.NET ━ .NET快速信息化系统开发框架 9.3 用户管理 -Web部分 用户管理模块主要是对可登录系统的用户进行管理.后续的工作如:用户归属角色.权限的分配.用户所拥有 ...
- Linxu用户管理（转）
说明:用户管理的操作涉及root权限,所以以下实例中应该使用sudo或者root用户进行操作. 背景: Linux系统是一个多用户多任务的分时操作系统,任何一个要使用系统资源的用户,都必须首先向系统管 ...
随机推荐
- 使用Quartz实现定时任务
一:Quertz的用途 Quertz是一个开源的作业任务调度框架,他可以完成像JavaScript定时器类式的功能,其实Java中Timer也可实现部分功能,但相比Quertz还是略逊一筹,本人这次需 ...
- NOI.ac #31 MST DP、哈希
题目传送门:http://noi.ac/problem/31 一道思路好题考虑模拟$Kruskal$的加边方式,然后能够发现非最小生成树边只能在一个已经由边权更小的边连成的连通块中,而树边一定会让两个 ...
- JS 去除重复元素的方法
Array.prototype.del = function () { var a = {}, c = [], l = this.length; ; i < l; i++) { var b = ...
- Luogu P2522 [HAOI2011]Problem b
如果你做过[Luogu P3455 POI2007]ZAP-Queries就很好办了,我们发现那一题求的是\(\sum_{i=1}^a\sum_{j=1}^b[\gcd(i,j)=d]\),就是这道题 ...
- 2018 Multi-University Training Contest 2 部分简单题解析
Preface 多校第二场,依靠罚时优势打到了校内的Rank 2 暴力分块碾标算系列 T4 Game 题目大意:在一个数集\([1,n]\)中两个人轮流选择其中的一个数,并从数集中删去这个数所有约数. ...
- TCP服务端开发为例--web开发不同url请求为何会走不同方法
拿java的web开发为例子,相信有很多小伙伴是做j2EE开发的,htpp请求,json数据传输都是工作中经常用的,查询请求,添加请求,修改请求前端配个url,例如https://localhost/ ...
- 5 questions
1.软件开发中有哪几种过程模型? 2.详细设计有哪几种描述方法? 3.什么是需求分析? 4.软件设计的基本原理包括哪些内容? 5.简述文档在软件工程中的作用? 逸翔.
- linux内核分析程序破解实践报告
- VS2015 导航栏 查看每个cpp文件中类以及类成员函数的框框
这个可以查看每个cpp文件中类以及类成员函数的框框叫导航栏! 怎么打开导航栏可以再百度.
- [2017BUAA软工]第零次作业
第一部分:结缘计算机 你为什么选择计算机专业?你认为你的条件如何?和这些博主比呢?(必答) 我当初选择计算机,是因为:1.北航的前辈对北航计算机专业评价非常高:2.我也喜欢通过编程来代替我完成 ...