今日记录

参加好友婚礼，新郎一脸的幸福，感觉新娘有点冷，但愿是我想多了。

8月25日到8月27日，布置苹果系统。

网站大部分时间要在MAC上制作。

iphone的APP提上日程？

整个APP部分，11月之前是做不完了。有点小郁闷。

总之还是要先处理好网站与游戏吧。

至于游戏能不能在MAC上运行，还要研究。

MAC 与windows相比最大的优点就 命令行呢。别的还没发现。

然后好多的工具不能在MAC上用。

以上。

随手照片

今日计划完成度

• 好友婚礼
• 处理一些零碎的文档

3日计划

• 网站制做
• 规划游戏的API
• 规划APP的API
• 网站的API

今日记录

花时间处理一些琐事儿，电脑貌似不喜欢被别人动。

电脑闹脾气了，:kissing_heart:，借这个机会，几台电脑都整理了一下。

javascript也不难，:stuck_out_tongue_closed_eyes:。

然后 嗯～ ， 先弄出一个网站了。

网站制作，估计要2两周吧。看不见的地方更重要。

以上了～

今日计划完成度

空………………

3日计划

• 网站制做
• 规划游戏的API
• 规划APP的API
• 网站的API

今日记录

心情极差。坏心情在肚子里烂掉算了，说出来只会更糟。

前两天注册了几个域名，留着私房用～

算是少数能提起精神的事儿

域名有五个

第一个

第二个

第三个

第四个

第五个

正式域名没想好之前，为了方便测试用。

以后大概会改成博客吧。

还处理了一些网站部署的问题，过几天网站，应该每天都有变化。

网站和游戏做完后，想放到kickstarter.com去众筹呢。

明日计划

清理下剩余的技术文档。要忙起来了。

今日记录

复习下HTML与CSS还是简单的.上次用是8年前呢~

因为修改bootstrap时要用到,直接用bootstrap没什么色彩:sob:

服务器的地址 域名还没有想好.

然后还要拯救一下我的英文,太烂了:cold_sweat:

游戏的天赋精简到3层,每层4个选1个.

找到了vus.js用了处理前端数据.

总之加油:grey_exclamation:

今日计划完成度

• 复习HTML与CSS

3日计划

• 1. 学习gulp与sass

• 2. 学习数据结构

• 3. 了解HTML5 与 CSS3

• 4. bootstrap学习（前端框架）

• 5. 设计网站制作进度表

日期：2016年08月05日

今日记录

github.io 上不能挂载 bootstrap 样式,估计要自己写了!

boottstrap还是很简单的,前端除了javascript有点难度,其他的都简单.

下午在digital ocean 弄了一个主机,布置了一下laravel的运行环境.

当然是初步,什么都没有.地址

顺手把梯子也设置了,GFW再见了~ :smiley:

网址什么的还在考虑~ 有推荐吗~ 最好又短又好记~ :ghost:

测试jemoji :+1:!

emoji 使用表

今日计划完成度

• 主机初步搭建

3日计划

• 1. 学习gulp与sass

• 2. 学习数据结构

• 3. 了解HTML5 与 CSS3

• 4. bootstrap学习（前端框架）

• 5. 设计网站制作进度表

日期：2016年08月04日

今日记录

打印laravel文档,方便以后研究.

各个平台功能分析.

atom 的 markdown-preview-enhanced 插件有个功能很有意思 地址

今日计划完成度

• 1. laravel文档打印。

• 2. 安装atom插件,编辑对应笔记

3日计划

• 1. 学习gulp与sass

• 2. 学习数据结构

• 3. 了解HTML5 与 CSS3

• 4. bootstrap学习（前端框架）

• 5. 设计网站制作进度表

Atom

官网

安装atom

1
2
3

$ sudo add-apt-repository ppa:webupd8team/atom
$ sudo apt-get update
$ sudo apt-get install atom

atom packages

atom-chrome

git-plus

markdown-pdf

markdown-preview-plus

markdown-writer

tidy-markdown

emmet

html快速编写工具

jshint

js语法插件

minimap

与sublime相似的代码预览

pigments

markdown-preview-enhanced

markdown-preview-enhanced

mermaid 渲染 flowchart 和 sequence diagram

mermaid 文档

KaTex 渲染数学表达式

需要学习LaTeX语法

KaTeX

参考1

$$\oint_C x^3, dx + 4y^2, dy 2 = \left( \frac{\left(3-x\right) \times 2}{3-x} \right)$$

$$\sum_{m=1}^\infty\sum_{n=1}^\infty\frac{m^2,n} {3^m\left(m,3^n+n,3^m\right)}$$

$$\phi_n(\kappa) = \frac{1}{4\pi^2\kappa^2} \int_0^\infty \frac{\sin(\kappa R)}{\kappa R} \frac{\partial}{\partial R} \left[R^2\frac{\partial D_n(R)}{\partial R}\right],dR$$

PlantUML 渲染图形

PlantUML

WaveDrom 来渲染 digital timing diagram.

WaveDrom

使用json样式文本

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

{signal: [
  {name:'clk', wave: 'p.....PPPPp....' },
  {name:'dat', wave: 'x....2345x.....', data: 'a b c d' },
  {name:'req', wave: '0....1...0.....' }
],
head: {text:
  ['tspan',
    ['tspan', {class:'error h1'}, 'error '],
    ['tspan', {class:'warning h2'}, 'warning '],
    ['tspan', {class:'info h3'}, 'info '],
    ['tspan', {class:'success h4'}, 'success '],
    ['tspan', {class:'muted h5'}, 'muted '],
    ['tspan', {class:'h6'}, 'h6 '],
    'default ',
    ['tspan', {fill:'pink', 'font-weight':'bold', 'font-style':'italic'}, 'pink-bold-italic']
  ]
},
foot: {text:
  ['tspan', 'E=mc',
    ['tspan', {dy:'-5'}, '2'],
    ['tspan', {dy: '5'}, '. '],
    ['tspan', {'font-size':'25'}, 'B '],
    ['tspan', {'text-decoration':'overline'},'over '],
    ['tspan', {'text-decoration':'underline'},'under '],
    ['tspan', {'baseline-shift':'sub'}, 'sub '],
    ['tspan', {'baseline-shift':'super'}, 'super ']
  ],tock:-5
}
}

Viz.js 来渲染 dot language 图形.

dot

1
2
3
4
5
6
7
8
9

graph ethane {
        C_0 -- H_0 [type=s];
        C_0 -- H_1 [type=s];
        C_0 -- H_2 [type=s];
        C_0 -- C_1 [type=s];
        C_1 -- H_3 [type=s];
        C_1 -- H_4 [type=s];
        C_1 -- H_5 [type=s];
}

reveal.js 来渲染漂亮的 presentations

幻灯片样式

presentations

日期：2016年08月03日

今日记录

安装并使用atom，比sublime好用一点。ubuntu下可以输入中文。

有markdown保存为pdf的插件。

完成laravel学习。

花费时间比预计的要长。

截个图吧~

今日计划完成度

• 1. laravel学习完成。

3日计划

• 1. 学习gulp与sass

• 2. 学习laravel 服务。

• 3. 学习数据结构

• 4. 了解HTML5 与 CSS3

• 5. bootstrap学习（前端框架）

• 6. 设计网站制作进度表

• TOC
  {:toc}

8.5 序列化

8.5.1 简介

当构建 JSON API 时，经常需要转化模型和关联关系为数组或JSON。Eloquent 包含便捷方法实现这些转换，以及控制哪些属性被包含到序列化中。

8.5.2 基本使用

8.5.2.1 转化模型为数组

要转化模型及其加载的关联关系为数组，可以使用 toArray 方法。这个方法是递归的，所以所有属性及其关联对象属性（包括关联的关联）都会被转化为数组：

1
2

$user = App\User::with('roles')->first();
return $user->toArray();

还可以转化集合为数组：

1
2

$users = App\User::all();
return $users->toArray();

8.5.2.2 转化模型为 JSON

要转化模型为 JSON，可以使用 toJson 方法，和 toArray一样，toJson 方法也是递归的，所有属性及其关联属性都会被转化为 JSON：

1
2

$user = App\User::find(1);
return $user->toJson();

你还可以转化模型或集合为字符串，这将会自动调用 toJson 方法：

1
2

$user = App\User::find(1);
return (string) $user;

由于模型和集合在转化为字符串的时候会被转化为 JSON，你可以从应用的路由或控制器中直接返回 Eloquent 对象：

1
2
3

Route::get('users',function(){
    return App\User::all();
});

8.5.3 在 JSON 中隐藏属性

有时候你希望在模型数组或 JSON 显示中隐藏某些属性，比如密码，要实现这个，在定义模型的时候设置 $hidden 属性：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 在数组中隐藏的属性
     *
     * @var array
     */
    protected $hidden = ['password'];
}

注意：如果要隐藏关联关系，使用关联关系的方法名，而不是动态属性名。

此外，可以使用 visible 属性来定义模型数组和 JSON 显示的属性白名单：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 在数组中显示的属性
     *
     * @var array
     */
    protected $visible = ['first_name', 'last_name'];
}

8.5.3.1 临时暴露隐藏属性

如果你想要在特定模型中临时显示隐藏的属性，可以使用 makeVisible 方法，该方法以方法链的方式返回模型实例：

return $user->makeVisible('attribute')->toArray();

8.5.4 追加值到 JSON

有时候，需要添加数据库中没有的字段到数组中，要实现这个功能，首先要为这个值定义一个访问器：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 为用户获取管理员标识
     *
     * @return bool
     */
    public function getIsAdminAttribute()
    {
        return $this->attributes['admin'] == 'yes';
    }
}

定义好访问器后，添加字段名到该模型的 appends 属性：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 追加到模型数组表单的访问器
     *
     * @var array
     */
    protected $appends = ['is_admin'];
}

字段被添加到 appends 列表之后，将会被包含到模型数组和 JSON 中，appends 数组中的字段还会遵循模型中配置的 visible 和 hidden 设置。

• TOC
  {:toc}

8.4 访问器&修改器

8.4.1 简介

访问器和修改器允许你在获取模型属性或设置其值时格式化 Eloquent 属性。

例如，你可能想要使用Laravel加密器对存储在数据库中的数据进行加密，并且在 Eloquent 模型中访问时自动进行解密。

除了自定义访问器和修改器，Eloquent 还可以自动转换日期字段为Carbon实例，甚至将文本转换为JSON。

8.4.2 访问器 & 修改器

8.4.2.1 定义访问器

要定义一个访问器，需要在模型中创建一个getFooAttribute方法，其中Foo是你想要访问的字段名（使用驼峰式命名规则）。

在本例中，我们将会为first_name属性定义一个访问器，该访问器在获取first_name的值时被 Eloquent 自动调用：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 获取用户的名字
     *
     * @param  string  $value
     * @return string
     */
    public function getFirstNameAttribute($value)
    {
        return ucfirst($value);
    }
}

正如你所看到的，该字段的原生值被传递给访问器，然后返回处理过的值。

要访问该值只需要简单访问first_name即可：

1
2

$user = App\User::find(1);
$firstName = $user->first_name;

8.4.2.2 定义修改器

要定义一个修改器，需要在模型中定义setFooAttribute方法，其中Foo是你想要访问的字段（使用驼峰式命名规则）。

接下来让我们为first_name属性定义一个修改器，当我们为模型上的first_name赋值时该修改器会被自动调用：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 设置用户的名字
     *
     * @param  string  $value
     * @return string
     */
    public function setFirstNameAttribute($value)
    {
        $this->attributes['first_name'] = strtolower($value);
    }
}

该修改器获取要被设置的属性值，允许你操纵该值并设置 Eloquent 模型内部属性值为操作后的值。

例如，如果你尝试设置Sally的first_name属性：

1
2

$user = App\User::find(1);
$user->first_name = 'Sally';

在本例中，setFirstNameAttribute方法会被调用，传入参数为Sally，修改器会对其调用strtolower函数并将处理后的值设置为内部属性的值。

8.4.3 日期修改器

默认情况下，Eloquent 将会转化created_at和updated_at列的值为 Carbon 实例，该类继承自 PHP 原生的Datetime类，并提供了各种有用的方法。

你可以自定义哪些字段被自动调整修改，甚至可以通过重写模型中的$dates属性完全禁止调整：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 应该被调整为日期的属性
     *
     * @var array
     */
    protected $dates = ['created_at', 'updated_at', 'disabled_at'];
}

如果字段是日期格式时，你可以将其值设置为 UNIX 时间戳，日期字符串（Y-m-d），日期-时间字符串，Datetime/Carbon实例，日期的值将会自动以正确格式存储到数据库中：

1
2
3

$user = App\User::find(1);
$user->disabled_at = Carbon::now();
$user->save();

正如上面提到的，当获取被罗列在$dates数组中的属性时，它们会被自动转化为Carbon实例，允许你在属性上使用任何Carbon的方法：

1
2

$user = App\User::find(1);
return $user->disabled_at->getTimestamp();

默认情况下，时间戳的格式是Y-m-d H:i:s，如果你需要自定义时间戳格式，在模型中设置$dateFormat属性，该属性决定日期属性存储在数据库以及序列化为数组或 JSON 时的格式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Flight extends Model{
    /**
     * 模型日期的存储格式
     *
     * @var string
     */
    protected $dateFormat = 'U';
}

8.4.4 属性转换

模型中的$casts属性为属性字段转换到通用数据类型提供了便利方法 。$casts属性是数组格式，其键是要被转换的属性名称，其值时你想要转换的类型。目前支持的转换类型包括：integer, real, float, double, string, boolean, object，array，collection，date和datetime。

例如，让我们转换is_admin属性，将其由integer类型（0或1）转换为boolean类型：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 应该被转化为原生类型的属性
     *
     * @var array
     */
    protected $casts = [
        'is_admin' => 'boolean',
    ];
}

现在，is_admin属性在被访问时总是被转换为boolean，即使底层存储在数据库中的值是integer：

1
2
3
4
5

$user = App\User::find(1);

if ($user->is_admin) {
    //
}

8.4.4.1 数组转换

array类型转换在处理被存储为,序列化 JSON 格式的字段时特别有用。

例如，如果数据库有一个TEXT字段类型包含了序列化JSON，添加array类型转换到该属性将会在 Eloquent 模型中访问其值时自动将其反序列化为PHP数组：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class User extends Model{
    /**
     * 应该被转化为原生类型的属性
     *
     * @var array
     */
    protected $casts = [
        'options' => 'array',
    ];
}

类型转换被定义后，访问options属性将会自动从 JSON 反序列化为 PHP 数组，反之，当你设置options属性的值时，给定数组将会自动转化为 JSON 以供存储：

1
2
3
4
5

$user = App\User::find(1);
$options = $user->options;
$options['key'] = 'value';
$user->options = $options;
$user->save();