qq_36767214的博客

一.安装uni-uiuni-ui是DCloud提供的一个跨端ui库，它是基于vue组件的，flex布局的，无dom的跨全端ui框架文档：https://uniapp.dcloud.io/component/使用方式：https://ext.dcloud.net.cn/plugin?id=55安装命令npm install @dcloudio/uni-uinpm install sassnpm install sass-loader二.配置在page.json中.

一.修改.env.development文件二.在vue.config.js中配置proxyproxy: { [process.env.VUE_APP_BASE_API]: { target: process.env.VUE_APP_BASE_API, changeOrigin: true, pathRewrite: { ['^' + process.env.VUE_APP_BASE_API]: ''

uni-app框架开发文档https://uniapp.dcloud.io/collocation/pages文档中有设置各种参数，以及针对h5和小程序不同的设置最终显示效果：

一.安装环境安装node环境设置npm国内镜像源vue脚手架搭建项目1.全局安装npm install -g @vue/cli2.创建项目vue create -p dcloudio/uni-preset-vue my-project3.启动项目npm run dev:mp-weixin4.微信小程序开发者工具导入项目这里导入项目目录为my-project/dist/dev/mp-weixin这里要开启开发者工具的安全设置里面的服务端口，不然看不到图片，一

一.搭建菜单管理页面首先在src/router/index.js中定义组件map新增菜单管理页面组件，数据库中添加对应菜单路由在src/views/下创建/menu/index.vue组件进入element-ui官网，找到树形控件，复制代码粘贴到index.vue组件中注意这里模板部分需要用template标签包括，可以参考项目中的其他组件写法这里可以设置组件的一些属性和方法，可以参考element-ui官网后端新建了一个控制器路由最终效果如下：这里再

一.创建组件名称和组件对象对应表在src/router/index.js中可以看到异步路由表，如下但是这里面的component对应的是组件对象，但是后端只能返回字符串，所以我们需要把后端返回的组件字符串转换成组件对象，前端需要定义一个map数组来映射。在src/router/index.js中定义组件map，如下后端接口只需要返回如下格式：前端定义接口，修改请求在src/api/user.js中定义请求方法：在src/permission.js中可以看到获取路由

一.创建自定义基础控制器在\app\Http\Controllers\下创建UserBaseController基础控制器这里由于执行构造方法时还没有执行中间件进行token解析和设置uid，获取得就是null，所以需要这样写在User控制器中继承UserBaseController，就不需要用jwt获取uid二.通过redis缓存获取用户信息首先要安装redis及php的redis扩展然后再用composer安装predis的依赖，执行命令 composer require

一.框架异常处理laravel运行中的异常会通过app\Exceptions\Handler.php文件处理，底层还是调用了set_error_handler和set_exception_handler函数进行注册这里在app\Exceptions\下创建ApiException.php自定义异常，继承RuntimeException，传入自定义的ErrorCode数组然后在app\Exceptions\Handler.php中进行捕获处理使用异常处理上次的jwt解析token中

一.使用jwt验证我在这篇文章中更换了jwt验证，并使用了中间件，可以看下。PHP使用jwt二.错误码定义在app\Common下新建app\Common\Error\ErrorCode.php类文件在app\Common下新建app\Common\Response\ResponseJson.php类trait文件封装接口成功和失败时，返回的数据及错误返回码信息在controller中使用返回码postman中验证接口返回信息...

一.安装jwt包这里是jwt的官网https://jwt.io，这里搜索PHP的进入到对应的git项目中https://github.com/lcobucci/jwtcomposer进行下载安装二.使用jwt查看文档https://lcobucci-jwt.readthedocs.io/en/latest/configuration/...

一.后端登录认证用户再登录验证成功后会生成一个token返回给用户，并保存在redis中，这里使用了MD5加密，当然可以使用laravel带的HASH:make方法加密，更安全。用户登录后所有的请求都需要token进行验证。二.前端接口请求签名认证1.安装js-sha256，这里使用sha256加密函数，当然也可以使用其他的，为了方便暂时用这个npm install js-sha2562.在src/utils下新建了一个encrypt.js文件，这里为了规范，也可以直接引入使用

一.laravel5.4后端api搭建1.laravel介绍特性：优雅 很多的设计模式和思想简洁 复杂得逻辑封装简单工程化社区生态：官网：https://laravel.com中文社区：https://laravel-china.org/5.4中文文档：http://d.laravel-china.org/docs/5.4laravel源码地址：https://github.com/laravel/laravel对比其他框架：laravel包含的功能更为丰富

一.项目代码理解1.src/main.js入口js，注册全局组件（Vue，Cookie，Element，store，router等），渲染App组件到页面2.src/App.vue定义全局router-view，以便显示路由组件（缺省路由 /)3.src/permission.js定义路由拦截器，拦截所有的路由。拦截过程中，完成是否登录校验，根据用户角色动态挂载路由4.src/router/index.js定义路由表5.定义登录组件src/vi

打算做一个前后端分离的项目，可能不仅仅是博客，想做一个集成所有功能的web，把学到的东西全部用上先搭建后台管理：前端用vue-element-admin进行改造，文档：https://panjiachen.gitee.io/vue-element-admin-site/zh/后端打算用laravel5框架然后用户端会做一个响应式的web，用element-ui。再用uniapp做手机端，打包成小程序，app，以及electron做桌面端一.首先安装启动vue-elemen..