小程序入门案例教学 - 手机归属地查询

2017-06-08
阅读 6 分钟
2.6k
手机归属地查询 源码 微信小程序练手 Demo,基本功能 查询手机归属地 根据历史记录查询 手机位数校验 界面预览 初始化 创建空白项目 新建一个空白项目 AppID 可选择无 不选择中创建 quick start 项目,而是创建空白项目,方便加深理解 基本配置 首先,创建全局配置文件 app.json {代码...} 定义了首页的路径,保存之后,...

为 Laravel 自带的注册登录组件添加验证码功能

2017-06-06
阅读 1 分钟
2.2k
教程地址 效果

Laravel Api 开发系列 - Dingo API 的使用

2017-06-05
阅读 4 分钟
12k
源码 使用 Dingo Api 本文使用的数据库与基础篇相同,故不再重复说明。 初始化 安装 {代码...} 注册 {代码...} 为了能够自定义配置,首先需要执行 {代码...} 可以看到多了个 api.php 的配置文件,我们就可以在 .env 中对其进行配置,一些常用的配置项: {代码...} 创建一个基本的端点(路由在 api 中的叫法)测试下是否配...

Vue 2.0 入门系列(15)学习 Vue.js 需要掌握的 es6 (2)

2017-06-04
阅读 5 分钟
6.2k
类与模块 类 es6 之前,通常使用构造函数来创建对象 {代码...} 而 es6 则可以写成 {代码...} 类中可以定义静态方法,也可以使用 get 与 set 进行访问控制: {代码...} 类可以作为参数进行传递: {代码...} 模块 在 TaskCollection.js 中定义一个类 {代码...} 在 main.js 中使用该类 {代码...} index.html - 显示页面。如...

Laravel API 开发教程 - 基础篇

2017-06-03
阅读 7 分钟
4.6k
Laravel Api 开发基础篇 准备工作 创建应用 {代码...} 创建数据库 {代码...} 配置 .env {代码...} 创建 Lesson 相关 {代码...} 编辑迁移 {代码...} 执行迁移 {代码...} 定义模型工厂 {代码...} 填充数据 {代码...} 基本的 Api 认证 定义路由 {代码...} api.php 中定义的路由会自动添加 api 前缀; 添加版本 v1 方便进行 ...

Vue 2.0 入门系列(14)学习 Vue.js 需要掌握的 es6 (1)

2017-05-03
阅读 6 分钟
16.1k
虽然变量 foo 位于 if 语句的代码块中,但是 JavaScript 并没有块级作用域的概念,因此被添加到了当前的执行环境 - 即函数中,在函数内都可以访问到。

Vue 2.0 入门系列(13)用面向对象的概念去实现任务列表 (2)

2017-05-02
阅读 3 分钟
2.6k
本节将进一步将表单封装成类。首先,定义基本的类: {代码...} 为了可以通过 form.name 的方式来访问字段,因此使用 for 循环来对属性进行赋值。 由于表单的数据以及错误消息现在都通过 form 实例来访问,因此其他地方也要对应作出修改。 {代码...} 视图部分也要响应作出更改: {代码...} 接下来将表单的其他请求都封装到 ...

Vue 2.0 入门系列(12)用面向对象的概念去实现任务列表 (1)

2017-05-01
阅读 6 分钟
6k
12. 面向对象的任务列表实现 (1) 后台 初始化 创建一个新应用: {代码...} 创建 Task 相关: {代码...} 配置数据库: {代码...} 编辑迁移文件: {代码...} 执行迁移: {代码...} 业务逻辑 路由: {代码...} 控制器: {代码...} 前端 基本功能实现 首先定义视图: {代码...} 为了阻止表单的提交,可以使用 prevent 修饰符,相当...

Vue 2.0 入门系列(11)双向绑定其他元素以及自定义表单控件

2017-04-27
阅读 3 分钟
14.4k
v-model is not supported on this element type. If you are working with contenteditable, it's recommended to wrap a library dedicated for that purpose inside a custom component.

Vue 2.0 入门系列(10)Vue Ajax 的简单使用(with Laravel)

2017-04-27
阅读 2 分钟
5.1k
本节将简单介绍如何使用 Ajax 与 Laravel 进行通信。首先,创建一个 Laravel 应用: {代码...} 我们以 Get 请求为例,返回任务列表,简单定义 get 请求的返回: {代码...} 编辑视图文件,引入相关库: {代码...} Vue 本身并没有路由相关功能,因此我们可以使用第三方的库,这里使用的是 axios,发送一个 get 请求的示例如...

Vue 2.0 入门系列(9)Vue 组件小结

2017-04-26
阅读 2 分钟
2.1k
用户输完优惠码之后,触发 blur 事件,绑定到 onCouponApplied 方法,在方法里面可以对优惠码进行应用,比如判断是否过期等等,应用完之后需要把结果返回给实例:(这里忽视具体的应用过程)

Vue 2.0 入门系列(8)组件实例之导航标签

2017-04-26
阅读 7 分钟
6.1k
效果 本节要实现的是导航标签切换功能: {代码...} 实现 首先来考虑标签如何实现,我们使用 name 属性让用户定义标签: {代码...} 定义具体的 tab 组件: {代码...} 我们打印出组件的对象,发现 name 的值并没有传递进来: 其实就是之前讲过的,组件的实例要传递数据给组件,必须在 props 中声明: {代码...} 现在,组件...

Vue 2.0 入门系列(7)组件实例之模态框

2017-04-26
阅读 3 分钟
11.5k
演示 本节要实现的是一个模态框组件,效果如下: 主要功能如下: 用户点击按钮,激活模态框 模态框可以自定义消息 提供关闭模态框的按钮 参考的 bulma 样式如下: {代码...} 实现 首先,是用户点击按钮,显示模态框: {代码...} 到这一步,用到的都是前几讲学过的知识: 使用 slot 占位; 通过 v-if 来决定模态框是否显...

Vue 2.0 入门系列(6)组件实例之消息框

2017-04-26
阅读 3 分钟
3.5k
本节要实现一个消息框组件。效果: Bulma 消息框 我们使用的是 Bulma 的 消息框。Bulma 的消息框的基本界面如下: {代码...} 纯静态页面,删除功能需要我们去实现。 使用 slot 首先,我们考虑用之前学到过的 slot 来实现: {代码...} 因为我们使用了多个 slot,为了能否区分,可以将标题的 slot 取名。这样,在父实例中就...

Vue 2.0 入门系列(5)组件实例之任务列表

2017-04-26
阅读 3 分钟
3.9k
什么是组件 组件,其实很好理解,就是造轮子。比如,这里是一个任务列表: {代码...} 我们完全可以将其封装成组件,然后写成以下这种形式: {代码...} 这样做,可读性是不是提高了很多?而且也更利于复用。接下来我们来一步步实现任务列表组件 任务列表组件实现 Vue 注册组件,采用的是 Vue.component() 的方法,传入标...

Vue 2.0 入门系列(4)计算属性

2017-04-26
阅读 4 分钟
2.2k
4.计算属性 本节要实现的功能超级简单,字符串反转: js 实现 js 实现字符串反转还是蛮简单的: {代码...} 完整版如下: {代码...} 我们采用动态添加属性的方式来动态添加 message 变量。但是,Vue 是不能识别动态添加的属性的,因此,我们要设置该属性的可枚举属性 enumerable 为 true; vue 实现 现在,来看看 vue 如...

Vue 2.0 入门系列(3)属性绑定

2017-04-26
阅读 3 分钟
12.6k
本节要实现的功能如下: 点击按钮,改变颜色。 js 实现 首先看看如何用 js 来实现: {代码...} 为了方便起见,这次我们直接使用 onclick 属性来绑定事件。点击之后,触发 changeColor 函数,然后查找对应元素并改变样式。 vue 实现 现在,来看看 vue 如何实现: {代码...} vue 没办法使用插值和 v-text 绑定属性,因此下...

Vue 2.0 入门系列(2)列表

2017-04-26
阅读 2 分钟
2.5k
假如有一个姓名数组: {代码...} 在 Vue 中如何显示和添加元素呢? v-for {{ }} 和 v-text 如果用来输出数组,会直接显示整个数组。因此,我们需要 v-for 来显示数组: {代码...} 现在,我们考虑为数组添加元素,效果如下 功能很简单:添加姓名,然后清空输入框 用 js 添加姓名 首先,考虑用 js 实现: {代码...} 实例一...

Vue 2.0 入门系列(1)数据绑定与响应式更新

2017-04-26
阅读 2 分钟
6k
1.数据绑定与响应式更新 Hello Vue 我们从一个基本的输入框开始: {代码...} 如果用 JavaScript 让输入框显示 你好,Vue 呢?实现如下: {代码...} 代码说明: 定义一个 data 对象; 使用 js 提供的 querySelector 方法,来选择 id 为 input 的元素,并对 input 元素的 value 进行赋值。 那么,这个例子用 Vue 来实现是...

Laravel 5.4 入门系列 13. 终篇: 小白也能看懂的 Laravel 核心概念讲解

2017-04-24
阅读 9 分钟
12.7k
自动依赖注入 什么是依赖注入,用大白话将通过类型提示的方式向函数传递参数。 实例 1 首先,定义一个类: {代码...} 假如我们在其他地方要使用到 Bar 提供的功能(服务),怎么办,直接传入参数即可: {代码...} 访问 /bar,显示 $bar 的实例: {代码...} 也就是说,我们不需要先对其进行实例!如果学过 PHP 的面向对象,...

Laravel 5.4 入门系列 12. 使用请求类进行字段验证

2017-04-24
阅读 1 分钟
2k
本节内容比较简单,之前我们使用 validator 方法来进行字段验证,这样做有一个不好的地方就是,如果你要在很多地方使用同样的验证,就需要重复编写代码。因此,Laravel 提供另外一种方式来进行字段验证,即「请求类」。

Laravel 5.4 入门系列 11. 通过邮件激活注册用户

2017-04-22
阅读 9 分钟
9.2k
使用 Mailtrap 测试邮件功能 Mailtrap 提供了简单的测试邮件的服务,步骤如下: 登录网站 Mailtrap 注册用户 注册成功之后,会自动创建一个 demo,点进去之后就可以看到配置信息 只需要把上面的信息配置到对应的 .env 中即可: {代码...} 这样,我们在应用里面发出去的邮件你都能在网站的 demo 中看到了。 用户激活功能实...

Laravel 5.4 入门系列 10.文章归档

2017-04-17
阅读 3 分钟
2.9k
首先,要实现的是按照日期来统计文章,原始的 SQL 如下: {代码...} 将其转化为 Eloquent Model: {代码...} 视图中显示对应的文章归档: {代码...} 用户点击某个月份的时候,向后台传入 month 和 year 参数,因此 index 方法还需要根据参数类型来进行选择: {代码...} 这里使用了 Laravel 提供的 whereDate 系列方法,同...

Laravel 5.4 入门系列 9. 注册与登录,用户关联

2017-04-16
阅读 8 分钟
5.4k
本节将实现文章、评论与用户关联的功能。 关系定义 首先修改 posts 与 comments 表,增加 user_id 字段 {代码...} 全部回滚并重新执行迁移: {代码...} 添加用户表与文章表、评论表的一对多关系: {代码...} 添加文章、评论表与用户表的多对一关系: {代码...} 同时,评论表的 $fillable 字段增加 user_id。 注册 首先,定...

Laravel 5.4 入门系列 8. 文章评论

2017-04-15
阅读 4 分钟
4.2k
本节将学习 Eloquent Relations,表与表之间存在着多种关系,举例如下: 一对一:文章与作者 一对多:文章与评论 多对多:标签与文章 文章与评论的一对多关系 一对多关系,主要理解两点: 如何实现一对多关系 实现了之后能给开发带来什么便利 一对多关系实现 首先创建 comments 相关: {代码...} 同样,为了遵循以前的约...

Laravel 5.4 入门系列 7. 文章的显示

2017-04-15
阅读 2 分钟
3.1k
文章的显示功能比较简单,分为两部分: 文章列表 具体的某篇文章 显示文章列表 路由之前已经定义好: {代码...} 控制器: {代码...} latest() 方法等价于: {代码...} 最后是视图: {代码...} created_at 字段是由迁移任务中的 timestamps() 方法生成的,而且生成的时间是 Carbon 格式,这就意味着,你在读取或者写入的时候...

Laravel 5.4 入门系列 6. 文章的创建

2017-04-14
阅读 5 分钟
3.1k
基本功能 创建文章的第一步是用户发请求,然后返回创建文章的页面。 路由:处理用户「创建文章」的请求 {代码...} 控制器: 返回文章编辑视图 {代码...} 视图: 使用 Bootstrap 组件来创建文章编辑页面 {代码...} action 方法根据控制器来生成对应的路由,也可以用之前学过的 url 方法: {代码...} 生成的 url 如下: {代码...