能够使用laravel中间件检查用户权限

• 在中间件中判断

  
  
  微信小程序_01521.png
  
  
  微信小程序_01523.png
  
  

  创建权限的忽略文件

• 对应用户就对应有那些菜单

  
  
  微信小程序_01540.png

• 异常的创建

  
  
  微信小程序_01550.png
  
  
  微信小程序_01552.png

小程序介绍

• 小程序是什么
  微信小程序，简称小程序，英文名 Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换

  
  
  微信小程序_01900.png

https://developers.weixin.qq.com/miniprogram/dev/

• 发展历史

  • 2016年1月11日，微信之父张小龙公布微信小程序
  • 2016年9月21日，微信小程序正式开启内测
  • 2017年1月9日，第一批小程序正式上线
  • 2017年12月28日，微信更新的 6.6.1 版开放了小游戏，微信启动页面推荐了小游戏《跳一跳》，可以通过小程序找到已经玩到小游戏
  • 2018年1月25日，微信团队在“微信公众平台”发布公告称，“从移动应用分享至微信的小程序页面，用户访问时支持打开来源应用。

• 如何理解小程序

  • 不是HTML5
  • 即用即走，随手可得
  • 拥有离线能力
  • 一次开发，多端兼容
  • 优美的操作体验
  • 基于微信客户端中

• 小程序与传统App区别

  
  
  微信小程序_011191.png
  
  
  微信小程序_011192.png

  • 小程序
    局限性：必须依赖于微信，不能独立运行。
    优势：不需要考虚兼容问题，安装的问题，开发难度小。

  • 传统app：
    优势：独立运行，不需要依赖于谁，可以适合所有的业务需求
    局限性：需要用户安装，解决适配(开发兼容问题),开发难度大

• 谁可以注册开发小程序

  
  
  微信小程序_011324.png

• 小程序框架结构

  
  
  微信小程序_011338.png

申请账号与登录设置

• 小程序体验DEMO

  
  
  微信小程序_011367.png
  
  
  微信小程序_011369.png

• 申请账号

  
  
  微信小程序_011452.png
  
  
  微信小程序_011464.png
  
  
  微信小程序_011479.png

https://mp.weixin.qq.com/

选择小程序进行安装
填写相关资料完成申请流程

• 登录

  
  
  微信小程序_011488.png
  
  
  微信小程序_011489.png
  
  
  微信小程序_011523.png
  
  
  微信小程序_011525.png
  
  

  进行二次验证微信扫码验证。
  填写注册时的邮箱和密码进行登录功能

• 获取开发appid

  
  
  微信小程序_011543.png
  
  
  微信小程序_011545.png
  
  

  有此appid就可以进行小程序的开发工作。

开发工具

• 概览
  为了帮助开发者简单和高效地开发和调试微信小程序，腾讯在原有的公众号网页调试工具的基础上，推出了全新的微信开发者工具，集成了公众号网页调试和小程序调试两种开发模式。

• 下载安装

  
  
  微信小程序_011735.png
  
  
  微信小程序_011776.png
  
  
  微信小程序_011873.png
  
  
  微信小程序_011904.png

 http://t.cn/RrKI5a3 
 https://code.visualstudio.com/

在windows下面安装的方式和其他的普通
软件安装方式一致，一路下一步即可。
下载vscode编辑器
vscode安装成功后，开发小程序需要安装如下的两个插件

• 第一个小程序helloworld

  
  
  微信小程序_012129.png
  
  
  微信小程序_012151.png
  
  
  微信小程序_012153.png
  
  

  如果没有注册账号，我们可以用测试号来进行开发
  当然如果注册过，有了appid，则用我们注册过的
  打开官方开发工具，扫一下，后选择小程序

https://developers.weixin.qq.com/weloginpage?redirect_url=%2Fsandbox

小程序的文件结构及配置

• 文件结构

  
  
  微信小程序_012599.png
  
  

  通过开发者工具创建了【建立普通快速启动模板】项目。这个项目里边生成了不同类型的文件: 红色必须不可缺少的文件

  • json 后缀的 JSON 配置文件
  • wxml 后缀的 WXML 模板文件类html
  • wxss 后缀的 WXSS 样式文件类css
  • js 后缀的 JS 脚本逻辑文件 业务代码所书写的区域
    小程序包含一个描述整体程序的 app 和多个描述各自页面的 pages。
    一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：
  • app.js
    必填；作用：小程序逻辑
  • app.json
    必填；作用：小程序公共设置
  • app.wxss
    否；作用：小程序公共样式表
    一个小程序page页面由四个文件组成，分别是：
    文件类型；必填；作用
  • js
    必填；页面逻辑
  • wxml
    必填；页面结构
  • wxss
    否；页面样式表
  • js
    否；页面配置
    注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名

• 小程序配置app.json

  
  
  微信小程序_012897.png

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html

app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 底部或顶部菜单等。
app.json中不能添加任何注释，key和value必须用双引号引起来，否则会报错。

• app.json 配置项列表

  • pages
    String Array；必填； 设置页面路径
  • window
    Object；否； 设置默认页面的窗口表现
  • tabBar
    Object；否； 设置底部 tab 的表现
  • networkTimeout
    Object；否； 设置网络超时时间
  • debug
    Boolean；否； 设置是否开启 debug 模式
  • window
    Object；否； 设置默认页面的窗口表现

• pages

  
  
  微信小程序_013232.png
  
  

  接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+目录名+文件名(不包含后缀名)】信息，数组的第一项代表小程序的初始页面(首页)。小程序中新增/减少页面，都需要对 pages 数组进行修改。
  注：数组的第一项为小程序初始页面

• window

https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#

全局配置；用于设置小程序的状态栏、导航条、标题、窗口背景色。可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

生命周期

• onLoad(Object query)
  页面加载时触发。一个页面只会调用一次，可以在 onLoad 的参数中获取打开当前页面路径中的参数。

• onShow()
  页面显示/切入前台时触发。

• onReady()
  页面初次渲染完成时触发。一个页面只会调用一次，代表页面已经准备妥当，可以和视图层进行交互。

注意：对界面内容进行设置的 API 如wx.setNavigationBarTitle，请在onReady之后进行。详见生命周期

• onHide()
  页面隐藏/切入后台时触发。 如 navigateTo 或底部 tab 切换到其他页面，小程序切入后台等。

• onUnload()
  页面卸载时触发。如redirectTo或navigateBack到其他页面时。

视图结构 wxml

• 概述
  从事过网页编程的人知道，网页编程采用的是 HTML + CSS + JS 这样的组合，其中 HTML 是用来描述当前这个页面的结构，CSS 用来描述页面的样子，JS 通常是用来处理这个页面和用户的交互。同样道理，在小程序中也有同样的角色，其中 WXML 充当的就是类似 HTML 的角色。

• WXML和HTML不同点：

  • 标签名字有点不一样
  • 多了一些 wx:if 这样的属性以及 {{ }}这样的表达式
  • 小程序提倡把渲染和逻辑分离，简单来说就是不要再让 JS 直接操控 DOM，JS只需要负责数据的处理，然后再通过一种模板语法来进行界面结构展示。
  • 将js文件中的数据传递到视图层中方法 (异步改就数据)

   this.setData({ msg: "Hello World" })
  

  • 在视图层中显示数据

   <view>{{变量}}</view>
  

  通过 {{ }} 的语法把一个变量绑定到界面上，我们称为数据绑定。仅仅通过数据绑定还不够的，还需要 if/else, for等控制能力，在小程序里边，这些控制能力都用 wx: 开头的属性来表达。

• 列表渲染for

  • wx:for-index可以指定数组当前下标的变量名 默认名为 index
  • wx:for-item 可以指定数组当前元素的变量名 默认名为 item
  • wx:key 可以定义也可以不定义 唯一的标识符

• 条件渲染

  • 在框架中，使用 wx:if="{{condition}}" 来判断是否需要渲染该代码块：也可以用 wx:elif 和 wx:else 来添加一个 else 块：

• 模板
  WXML提供模板（template），可以在模板中定义代码片段，然后在不同的地方调用。
  使用 name 属性，作为模板的名字。然后在<template/>内定义代码片段，如：
  调用 is 指定name的名称 data指定控制层传过来的数据 一定要用{{}}括起来

• 引用
  简单理解：把模板定义到外部，然后大家共享，多个页面间，就可以共用。

https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/import.html 

WXML 提供两种文件引用方式import和include

• import是引用过来，需要template调用，而include引入是直接把代码复制过来一份。
• import定义的时候是需要template标签，而include是不需要。
• import是不可以嵌套的，而include是可以嵌套的。