使用-seed-命令创建模拟数据学习笔记

在开发环境中,我们经常会使用 “模拟数据” 来测试我们应用,在laravel 中 提供了 ”数据填充“来帮助我们实现这个需求。我们现在就来用这个功能来创建 20个用户... 1.使用 artisan 命令生成 用户表1.1 打开新创建的laravel项目 database/migrations目录 下可以发现 两个文件 一个是创建用户表的,一个是创建确认密码表的(图中没看到是因为我删除了) 1.2 我们可以打开这个文件瞧瞧 (根据实际情况修改,这里我就不修改了) <?phpuse Illuminate\Support\Facades\Schema;use Illuminate\Database\Schema\Blueprint;use Illuminate\Database\Migrations\Migration;class CreateUsersTable extends Migration{ /** * Run the migrations. * * @return void */ public function up() { Schema::create('users', function (Blueprint $table) { $table->bigIncrements('id'); $table->string('name'); $table->string('email')->unique(); $table->timestamp('email_verified_at')->nullable(); $table->string('password'); $table->rememberToken(); $table->timestamps(); }); } /** * Reverse the migrations. * * @return void */ public function down() { Schema::dropIfExists('users'); }}1.3 执行 artisan 命令 生成表 ...

May 15, 2019 · 2 min · jiezi

datatables增加跳转指定页功能-datatable自定义分页

DataTable使用方便,快捷。但有时候用户需求对分页有需求,例如输入页数进行分页跳转。这样就需要扩展功能了,datatable也支持自定义扩展,下面以使用DataTable bootstrap分页为例 1. 初始化DataTablevar $table = $('#listTable');var listTable = $table.DataTable({ language: { url: path + '/resources/js/bootstrap/dtChinese.json' }, searching: false, //搜索栏 ordering: true, //排序 scrollX: true, scrollY: scrollY, //表格滚动区高度 columns: columns, serverSide: true, //打开后台分页 processing: true, //打开数据加载时的等待效果 lengthChange: false, //禁用每页显示的记录数 sPaginationType: "bootstrap", //bootstrap / full_numbers // lengthMenu: [ // [20, 50, 100, -1], // [20, 50, 100, "All"] // ], pageLength: 20, ajax: path + '/searchBase?name=' + sqlStr + '&type=getSqlValues&dataBase=' + opt.dataBase });2. 扩展功能DataTable自定义分页(bootstrap分页)扩展代码如下 ...

May 10, 2019 · 3 min · jiezi

火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题

转载火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题一般在开发管理系统的时候经常会用到表格,在使用表格式时通常会给thead部分的th或td加上背景色然后还有边框颜色,在这种情况下浏览器基本都显示正常的,但是当给th或td加上position: relative时火狐浏览器就会显示th或td的边框被遮盖,只显示一片背景色没有边框,如下请在火狐浏览器查看,demo:火狐浏览器table边框失效问题我为什么要在th或td加上position: relative呢,我在开发系统的时候使用bootstrap结合jquery.dataTables,不想使用dataTables自带的图标主题,使用的bootstrap.dataTable 的主题,主题的图标是通过伪类:before和:after实现的,所以加上的position: relative,其实这也是主题的一个小bug,然后导致火狐浏览器只会显示背景色边框完全被遮盖。解决方法1:去掉th的背景色,把背景色填充在thend 的 tr上,这样就能完全解决这个问题,如下.table{ thead{ tr{ background-color: #4587E7; } th{ position: relative; color: #fff; } }}demo2解决方法2:给th设置一个z-index-1属性,这样也能完全解决这个问题,如下.table{ thead{ th{ position: relative; z-index: -1; color: #fff; background-color: #4587e7; } }}demo3转载火狐浏览器table表格th、td填充背景描边后设置position: relative边框失效问题扩展阅读:http://www.w3help.org/zh-cn/c…

December 26, 2018 · 1 min · jiezi