1月
19
构建 bootstrap 框架,并定制好基本布局
composer require laravel/ui --dev
php artisan ui bootstrap
以上命令做了以下事情:
- 在 npm 依赖配置文件 package.json 中引入 bootstrap、jquery、popper.js 作为依赖;
- 修改 resources/js/bootstrap.js ,在此文件中初始化 Bootstrap UI 框架的 JS 部分;
- 修改 resources/sass/app.scss 以加载 Bootstrap 的样式文件;
- 新增 resources/sass/_variables.scss 样式配置文件。
运行 Laravel Mix
Laravel Mix 一款前端任务自动化管理工具,使用了工作流的模式对制定好的任务依次执行。Mix 提供了简洁流畅的 API,让你能够为你的 Laravel 应用定义 Webpack 编译任务。Mix 支持许多常见的 CSS 与 JavaScript 预处理器,通过简单的调用,你可以轻松地管理前端资源。
使用 Mix 很简单,首先你需要使用以下命令安装 npm 依赖即可。我们将使用 Yarn 来安装依赖,在这之前,因为国内的网络原因,我们还需为 NPM 和 Yarn 配置安装加速:
npm config set registry=https://registry.npm.taobao.org
yarn config set registry https://registry.npm.taobao.org
# 查看镜像
npm get registry
yarn config get registry
yarn install
yarn run watch-poll
下边进行基础布局
继续阅读
1月
19
从零开始构建 laravel 项目
包裹以下功能:
- web 页面(可能是商城,可能是论坛,可能是其他)
- 接口功能(一套接口(jwt),提供给 app,小程序 或其他)
- 后台功能 (不再使用 layui admin ,使用 ant design pro。权限控制,laravel 自己的权限控制很好,ant design pro 不熟,不知两边的权限能否融洽。就是只使用服务端的权限,不去耦合 antdesignpro 的权限)
- 额外。 微信授权、站点地图、elastsearch、定时任务、swoole等。
开始
开发环境依然是 homestead
。虽然 docker
很火热, 但总用不好。还有,如果真是线上环境,宁愿一个一个去编译安装所用软件(个数不多)。因为不熟悉,所以不敢放心去使用。
homestead 配置域名:admin.com
laravel 版本为最新版本 6.8.*
# 创建 laravel 6.8 项目
composer create-project laravel/laravel --prefer-dist admin.com "6.8.*"
cd admin.com
# 去掉原本的 readme,添加简单的 readme
rm -rf README.md
echo 'laravel 6.8 initialize' >> Readme.md
# 初始化 git
git init
# 添加,并 commit
git add .
git commit -m 'laravel 6.8 initialize'
为了保证代码风格,安装使用 editorcofig 。配置文件 laravel 项目里边已经有了再稍微改一点点。如下,保存提交版本。
修改根目录下的 .editorconfig
root = true
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
indent_style = space
indent_size = 4
trim_trailing_whitespace = true
[*.md]
trim_trailing_whitespace = false
[*.yml]
indent_size = 2
[*.{js,html,blade.php,css,scss}]
indent_style = space
indent_size = 2
然后提交版本:
git add .
git commit -m '增加 editorconfig 配置'
修改时区以及语言版本
# vim config/app.php
'timezone' => 'Asia/Shanghai',
'locale' => 'zh-CN',
# git
git add .
git commit -m '设置时区以及默认语言版本'
添加辅助函数
# 在 app 目录下,添加 helpers.php 文件,辅助函数都放在该文件里。
touch app/helpers.php
# 修改 composer.json,让 autoload 的时候载入辅助函数
{
...
"autoload": {
"psr-4": {
"App\\": "app/"
},
"classmap": [
"database/seeds",
"database/factories"
],
"files": [
"app/helpers.php"
]
}
...
}
# 重新加载文件
composer dump-autoload
git提交
git add .
git commit -m '新增辅助函数文件'
现在 helpers.php 文件还是空的,但后续可以添加你需要的。比如 curl 等。