laravel 实战之 - 数据展示

laravel 实战之 - 数据展示

• 前言

  • 实战环境

    操作系统：centOS 7
    数据库：sqlite3
    php：7.2
    laravel：5.8
    工作目录：默认为项目根目录

  • 今日预期

    • 新建表 theone ，插入数据，并在前端显示

实操

1. 创建数据库 lbb
   参考：https://www.runoob.com/sqlite/sqlite-tutorial.html

# 新建数据库 lbb，新建表 theone，并插入一条记录
sqlite3 ./database/lbb.sqlite
sqlite> create table theone (
   id integer primary key  autoincrement,
   title text,
   content text
);
sqlite> insert into theone (title,content) values ('laravel实战','数据展示');
sqlite> .quit

2. 连接数据库 lbb
   参考：https://laravel.com/docs/5.8/database

# 在 ./env 中找到以下内容：
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
# 替换为，注意 $absolute-path 为 lbb 数据库所在的绝对路径，一般在项目根目录下的 database 文件夹下：
DB_CONNECTION=sqlite
DB_DATABASE=$absolute-path/lbb.sqlite

3. 新建路由 first ，PS：路由即为访问网址中的虚拟目录，像是 http://www.xingdao.xyz/first 中的 first，即可为一条路由

# 在 ./routes/web.php 文件中追加以下内容，PS：IndexController 为控制器名称，index 为控制器中的方法：
Route::get('/first',"IndexController@index");

4. 新建控制器 IndexController，PS：名称不做特别要求，被正确引用即可：

# 在项目根目录下执行
php artisan make:controller IndexController --invokable

# 验证是否成功
ls ./app/Http/Controllers/IndexController.php

# 获取 thone 表数据
# 编辑控制器文件，在 `use Illuminate\Http\Request;` 处追加一行：
user DB;
# 编辑控制器文件，在 `class IndexController extends Controller` 类中添加 index 方法，其中 first 为视图文件名称，将在下一小节说明：
public function index() {
    $data=DB::table('theone')->get();
    return view('first')->with("data",$data);
}

5. 新建视图 first，PS：名称不做特别要求，被正确引用即可，其中 .blade.php 是 laravel 模板视图文件的默认后缀

# 创建视图文件 first
touch ./resources/views/first.blade.php

# 引用控制器传入数据，PS：视图文件其余部门皆为 html 文件，后面将会贴出完整代码
@foreach($data as $values)

  {{$values->id}}
  {{$values->title}}
  {{$values->content}}

@endforeach

完整文件：

  
    
    
    

    
    

    
  
  
    

        

            @foreach($data as $values)
            
            @endforeach

          

          

            

              
id
              
title
              
content
            
          
          

              
{{$values->id}}
              
{{$values->title}}
              
{{$values->content}}
            
        
    

    
    
    
    
    
  

展示

1557241923277.png

总结

我们今天一共做了以下操作：

1. 新增 sqlite 数据库 lbb，并新建 theone 表，并插入了一条数据
2. 修改了一个配置文件 ./env ,配置了到数据库 lbb 的链接；
3. 新增了一个控制器文件 ./app/Http/Controllers/IndexController.php ,它将从数据库 lbb 中读取 theone 表的数据，并引入到 视图文件 first 中去；
4. 新增了一个视图文件 ./resources/views/first.blade.php ，用来引用并展示控制器文件传入的数据；
5. 在 ./routes/web.php 文件中追加了一条路由；

你都有掌握到吗，还记的现在非常流行的网络开发 MVC 模式吗，其中 M 便相当于我们今天创建的数据库，V 便相当于我们今天使用的视图文件，C 便相当于我们今天使用的控制器文件，怎么样，代入实际案例后这个概念是不是很好理解。

虽然我们最后实现了今天的预期，但是我们一下子操作了这么多文件，你知道他们都是如何相互工作的吗，不知道的话下面的流程图可要仔细看噢：

【用户访问http://localhost/first】-->【获得到路由first】-->【调用控制器IndexController下的index方法】

【控制器IndexController下的index方法】-->【获取 lbb 数据库下的 theon 表数据】
【控制器IndexController下的index方法】-->【调取 first 视图，显示从数据库获取到的数据】-->【用户正常获取到自己需要的数据】