php laravel mix,Laravel框架 之 Mix
本文的示例代码参考mix-basic
目录
Composer
composer create-project laravel/laravel mix-basic --prefer-dist "5.5.*"
cd mix-basic
Auth
docker run --name laravel-mix -p 3306:3306 -e MYSQL_ROOT_PASSWORD=123456 -d mysql:5.7.17
docker exec -i laravel-mix mysql -uroot -p123456 <<< "CREATE DATABASE IF NOT EXISTS basic DEFAULT CHARSET utf8 COLLATE utf8_general_ci;"
sed -i "" 's/DB_DATABASE=homestead/DB_DATABASE=basic/g' .env
sed -i "" 's/DB_USERNAME=homestead/DB_USERNAME=root/g' .env
sed -i "" 's/DB_PASSWORD=secret/DB_PASSWORD=123456/g' .env
php artisan make:auth
php artisan migrate
测试
php artisan serve
Name: test1
Email: test1@zeaho.com
Password: test1zeaho
Mix
cnpm i
Versioning
vim webpack.mix.js
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css')
.version();
sed -i "" 's/asset/mix/g' resources/views/layouts/app.blade.php
cnpm run prod
Source Maps
vim webpack.mix.js
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sourceMaps()
.sass('resources/assets/sass/app.scss', 'public/css')
.version();
cnpm run watch-poll
Vendor Extraction
vim webpack.mix.js
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.extract(['axios', 'bootstrap-sass', 'jquery', 'lodash', 'vue'])
.sourceMaps()
.sass('resources/assets/sass/app.scss', 'public/css')
.version();
JS & CSS
vim resources/assets/js/register.js
console.log('register');
vim resources/assets/sass/register.scss
.panel-heading {
color: red !important;
}
vim resources/views/layouts/app.blade.php
@yield('css')
@yield('script')
vim resources/views/auth/register.blade.php
@section('css')
@endsection
@section('script')
@endsection
EasyUI
下载并导入 EasyUI
mkdir public/vendor
cp -R jquery-easyui-1.6.3 public/vendor/
find public/vendor/jquery-easyui-1.6.3 -type d
public/vendor/jquery-easyui-1.6.3
public/vendor/jquery-easyui-1.6.3/themes
public/vendor/jquery-easyui-1.6.3/themes/default
public/vendor/jquery-easyui-1.6.3/themes/default/images
public/vendor/jquery-easyui-1.6.3/themes/icons
vim resources/views/layouts/app.blade.php
@yield('css')
@yield('script')
vim resources/views/home.blade.php
@extends('layouts.app')
@section('content')
@if (session('status'))
{{ session('status') }}
@endif
You are logged in!
jQuery EasyUI framework helps you build your web pages easily.
- easyui is a collection of user-interface plugin based on jQuery.
- easyui provides essential functionality for building modem, interactive, javascript applications.
- using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.
- complete framework for HTML5 web page.
- easyui save your time and scales while developing your products.
- easyui is very easy but powerful.
This is the help content.
data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'">
Item IDProductList PriceUnit CostAttributeStatus
@endsection
关于EasyUI更多介绍 可以参考JQuery EasyUI中文网
参考
php laravel mix,Laravel框架 之 Mix相关推荐
- laravel开源php棋牌,Simpla: Simpla 是基于 Laravel 的 PHP 框架进行开发的一款开源免费的内容管理系统(CMS)...
###Simpla Simpla是基于Laravel的PHP框架进行开发的一款开源免费的内容管理系统(CMS),基于GUN开源协议. Simpla实现了一些基础功能,采用主题和模块的方式进行功能上的扩 ...
- 维纳斯和阿多尼斯故事_认识阿多尼斯! 适用于Node.js的Laravel样式MVC框架
维纳斯和阿多尼斯故事 Node.js is one of the emerging technologies to write real-time applications using one of ...
- php laravel 教程,Laravel 入门到精通教程
Laravel 入门到精通教程 由 学院君 创建于1年前, 最后更新于 1个月前 版本号 #56 1986689 views 1127 likes 120 collects 适用于 Laravel 5 ...
- 今日芯声 | 一张壁纸!让你的小米MIX 3华丽变身“MIX Alpha”
"今日芯声"是读芯术推出的一档简读栏目,汇聚每日国内外最新最热的AI应用资讯,敬请关注. 1.小米MIX 3如何变身"MIX Alpha"?换张壁纸即可 IT之 ...
- 小米 mix android 版本,小米MIX有几个版本 小米MIX标准版与尊享版区别对比 (全文)...
今天下午,小米在北京召开了小米Note2新品发布会,除了带来年度旗舰产品Note2之外.还意外的发布一款名为小米概念机产品,官方取名为小米MIX.该机主打全屏幕,全陶瓷机身,外观非常惊艳,可谓领先手机 ...
- 2s相机 android6,买一加6还是小米MIX 2S?小米MIX 2S和一加6对比评测
买一加6还是小米MIX 2S?作为两款同样搭载高通骁龙845处理器的国产旗舰,一加6和小米MIX 2S不免会被粉丝们拿来进行比较.那么,一加6和小米MIX 2S哪个好?是该买一加6还是小米MIX 2S ...
- laravel yii thinkphp 框架对比_thinkPHP--项目
TP简介-我的认识 0.1什么是框架 框架就是一些代码类.方法(函数).变量.常量的集合,这些代码是功能结构性的代码(并非业务代码).业务代码其实就是具体的一些模块的增删改查逻辑代码. 使用框架开发项 ...
- php框架laravel下载,laravel 5.4
laravel 5.4是一套PHP Web开发框架,能够让我们的用户从一堆杂乱的代码中解脱出来,通过一种简洁.优雅的形式进行PHP Web的开发,该框架能够让用户的每行代码都能够既简洁又富于表达力. ...
- php laravel 教程,Laravel框架学习之新手教程
本篇文章主要讲述了新手学习laravel的过程中必须要了解的事项,具有一定的参考价值准备学习laravel框架的朋友一定不能错过哦,希望看完能对你有所帮助. 一.Laravel环境搭建 1.windo ...
- php框架laravel原理,Laravel框架运行原理
写在前面: 使用任何框架,如果理解该框架原理,应用起来会更加得心应手. 一.生命周期 1. 入口文件: Laravel框架所有请求入口统一进入/public/index.php文件,请求通过Ngxin ...
最新文章
- VASP载流子有效质量计算
- R语言基于glmnet构建Logistic回归模型使用L1正则化并可视化系数及最佳lambda值
- RabbitMQ 把一个queue从一个node转移到另外一个node.
- oracle PL/SQL
- IAR 增加头文件注意事项
- vijos P1051 送给圣诞夜的极光
- 最大后验估计_PR Ⅱ:贝叶斯估计/推断及其与MAP的区别
- [html] html5中的form怎么关闭自动完成?
- ue4模型导出_MAYA动画导出以及导入UE4的方式、方法
- 追踪多省网络故障:域名解析瘫痪后的连锁反应
- NHibernate初学者指南(15):使用LINQ to NHibernate提供程序查询数据
- 使用rsync无密码传输
- 差分进化算法matlab代码_差分进化算法
- [Android]bp侧gerrit提交不上去时,删除编译生成的二进制文件
- 感恩母亲节主题活动照片作品征集小程序
- 胃溃疡能通过食疗自愈吗?
- 能力培养——学会学习
- 【Unity】角色动画控制
- python plt图片保存emf类型_matplotlib---保存图片出现的问题
- 程序员微信名昵称_独一无二的情侣微信名-心有所属,名花有主
热门文章
- 互联网+药店推荐系统的设计与实现
- 计算机exsl表f4代表锁定,(Excel中F4是什么键)笔记本锁定单元格f4怎么按
- C++ sting字符串函数详解
- 开环增益对负反馈放大电路的影响
- 厦门龙凤419_福建生物工程职业技术学校2019招生通知书EMS单号
- java ad域 单点登录_系统集成-SSO微软ADSF单点认证-AD域认证
- 【Rust日报】2021-10-06 [Rust游戏] - 自走棋
- 初中英语多词性单词怎么办_初中英语词性的分类及用法
- Octapharma宣布,Nuwiq(R) (simoctocog alfa)用于既往未曾治疗的患者(PUP)的NuProtect研究的最终结果将在ASH 2019上呈报
- php获取汉字的首字母,php获取汉字拼音首字母的函数(真正可以使用的)