从头开始用 Laravel 来做CRUD -14- 初始 - laravel - Hello world

http://img2.58codes.com/2024/201126786Uz7z59Pnr.jpg

目前环境

Laravel:5.7资料库:MariaDB

说明

所谓的CRUD是指 新增(Create)、读取(Read)、更新(Update)、删除(Delete) 在程式动作中,基本的四个动作。Laravel 是一个开源的PHP框架,它由Taylor Otwell开发,支持MVC模式。Vue.js是一个用于建立使用者介面的开源JavaScript框架,也是一个建立单页面应用的Web应用框架。

--- 本文开始 ---
终于,把一些要的套件装完了,再来就是如何将结果显示出来了,来吧!

1、安装 browser-sync 套件

npm install browser-sync browser-sync-webpack-plugin --save

这个套件,可以让你在修改文档存档后,浏览器立即重整,不必特别在 F5 ,十分方便

确认已装上

http://img2.58codes.com/2024/20112678ItdHrxpPjV.png

2、套入 browser-sync 套件

在根目录找到 webpack.mix.js 档案
http://img2.58codes.com/2024/20112678pQmSVvK6BJ.png

3、填入程式码

mix.browserSync({    proxy: 'localhost:8000',    //open: false, // 当执行时是否要开启浏览器});

http://img2.58codes.com/2024/20112678pQmSVvK6BJ.png

4、开启 cmder (要用两个tab)

第1个 Tab 执行

php artisan serv

http://img2.58codes.com/2024/20112678f0OQbIo42K.png

第2个 Tab 执行

npm run watch

http://img2.58codes.com/2024/20112678hPB7OP0Nd8.png

然后就会自动开启浏览器

http://img2.58codes.com/2024/20112678fVZb1ueufx.png

5、把 Laravel 字改成 Hello world

找到 /resources/views/welcome.blade.php 将 Laravel 改成 Hello world

http://img2.58codes.com/2024/20112678HJISoBfrQN.png

http://img2.58codes.com/2024/20112678apr9EKZE2J.png

6、看结果

当你改了 Laravel 存档后,再看 浏览器,你应该会发现文字已改
http://img2.58codes.com/2024/20112678xaPzsBlbzX.png

7、完工

--- 相关连结 ---
上一篇:从头开始用 Laravel 来做CRUD -13- 架设 - npm - vee-validate 套件
下一篇:从头开始用 Laravel 来做CRUD -15- 初始 - vue.js- vue.js测试
--- 同步更新 ---
[CRUD for Laravel & Vue.js] 文章列表 - 在痞客邦
--- 更多的文章 在痞客邦 ----
痞客邦

感谢

感谢各位的观看!
友情连结:钻头-瑜诚
文中如有技术不良或写错的部份,如您愿意指出,我们也很乐意接受您的指正,但请不要恶意攻撃,我们只是为了乐趣而写的文章。


关于作者: 网站小编

码农网专注IT技术教程资源分享平台,学习资源下载网站,58码农网包含计算机技术、网站程序源码下载、编程技术论坛、互联网资源下载等产品服务,提供原创、优质、完整内容的专业码农交流分享平台。

热门文章