Laravel 入门教程: 实现简单的 AJAX 的 CRUD 页面

介绍

这段时间在写一个考试系统ChemLab，期间用到了AJAX实现增删查改（CRUD）页面，现在写一个Laravel入门教程吧，一步步实现最基本的CRUD页面。

项目地址，求Star：Laravel_AJAX_CRUD

演示地址：http://115.159.147.250/task

先来看看效果图：

这个教程需要安装homestead环境，关于homestead可以参考我的另一篇博文：windows下安装Homestead开发环境

创建项目

vagrant@homestead:~/Code$ laravel new AJAX_CRUD
vagrant@homestead:~/Code$ cd AJAX_CRUD/

修改配置

修改数据库

打开.env，主要是修改数据库方面的，我们选择task数据库，如下：

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=task
DB_USERNAME=homestead
DB_PASSWORD=secret

然后在数据库中创建task数据库。

修改网址映射

注意这部分是在主机下进行的，不是在虚拟机homestead中进行的，后面我提到主机应该注意。
修改homestead的配置文件：~/.homestead/Homestead.yaml，增加如下内容：

sites:
    - map: crud.app
      to: /home/vagrant/Code/AJAX_CRUD/public

修改C:\Windows\System32\drivers\etc\hosts，增加一条记录：

192.168.10.10  crud.app

重启homestead虚拟机：

homestead reload --provision

访问项目

浏览器访问crud.app，应该能见到如下页面：

引入Bootstrap、JQuery、Toastr

刚创建的项目什么都没有，在resources/welcome.blade.php中加入bootstrap、JQuery、Toastr：

Task Manager