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

教程地址 效果

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

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

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

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

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

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

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.

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

用户输完优惠码之后，触发 blur 事件，绑定到 onCouponApplied 方法，在方法里面可以对优惠码进行应用，比如判断是否过期等等，应用完之后需要把结果返回给实例：（这里忽视具体的应用过程）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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