改变就是好事哈

2020年4月5日

摘要： 1 当我们点击好友时，即可进入与好友的聊天界面，并将当前好友信息传递到聊天界面。在当前会话页面中，可获取上个页面传过来的好友信息。通过JSON.parse()将传递过来的字符串转换成对象之后，在页面刚加载时，就创建聊天对象，other的值为从上个页面传递过来的值 onLoad(e) { this 阅读全文

posted @ 2020-04-05 15:28 改变就是好事哈阅读(229) 评论(0) 推荐(0) 编辑

前后端交互2 vuex存储token

摘要： 1. 在vuex中新增login、initlogin方法 login方法作用是将token和user信息存入缓存 initLogin方法的作用是初始化聊天对象 import $U from '@/common/free-lib/util.js' import $H from '@/common/fr 阅读全文

posted @ 2020-04-05 11:54 改变就是好事哈阅读(1220) 评论(0) 推荐(0) 编辑

前后端交互1

摘要： 1. config.js配置文件 export default { // #ifndef H5 baseUrl: 'http://127.0.0.1:7001', // #endif // #ifdef H5 baseUrl: '/api', // #endif socketUrl: 'ws://1 阅读全文

posted @ 2020-04-05 11:19 改变就是好事哈阅读(274) 评论(0) 推荐(0) 编辑

2020年1月28日

4.弹出层组件的实现与封装

摘要： 1. 在这个项目中，弹出层组件出现的方式很多，主要有以下三种这三种的主要区别在于：是否需要蒙版、是否有蒙版颜色、蒙版的位置是在底部还是随这操作变化位置 1. 位于底部固定的弹出层代码如下： <template> <view style="z-index:999;overflow:hidden" 阅读全文

posted @ 2020-01-28 17:28 改变就是好事哈阅读(500) 评论(0) 推荐(0) 编辑

2020年1月18日

3. 聊天列表页面的实现

摘要：实现完导航栏后，接着把聊天列表页面做完，完成效果如下：分析页面，可以将每一个对话封装成一个组件。头像在其余的页面也需要用到，也可以将它封装成一个公共组件； 1. 头像组件 h-avatar.vue <template> <image :src="src" :style="getSize" mode 阅读全文

posted @ 2020-01-18 19:51 改变就是好事哈阅读(724) 评论(0) 推荐(0) 编辑

2020年1月17日

2. 导航组件封装和实现

摘要：对于微信App, 导航用的是非常多的，几乎每个页面都需要，我们先将它简单地封装以下。 1. free-icon组件，用来定义每个icon图标 <template> <view :style="getSize" class="flex justify-center align-center"> <t 阅读全文

posted @ 2020-01-17 18:24 改变就是好事哈阅读(340) 评论(0) 推荐(0) 编辑

2019年10月20日

7 更良好的项目目录结构

摘要： 1. 在上面的增删改查例子中，我们将所有路由和控制器都写在了index.js中, 等到我们的代码量越来越大，这样显然是不合理的。所以，我们应该构建良好的项目结构首先，在根目录下创建app文件夹，将index.js放入该目录下在app文件夹下，创建控制器目录controllers、路由目阅读全文

posted @ 2019-10-20 23:08 改变就是好事哈阅读(294) 评论(0) 推荐(0) 编辑

6. Koa中的错误处理

摘要： 1. Koa中自带的错误处理 koa中，通过ctx.throw( 状态码 )来抛出异常，也可以携带自己想提示错误信息图1 koa自带错误处理结果从上图我们可以看出，返回的状态码为404，错误处理信息也显示了。但是这不是我们想要的，在Restful API的规定中，我们尽量使用json格阅读全文

posted @ 2019-10-20 13:55 改变就是好事哈阅读(1601) 评论(0) 推荐(0) 编辑

2019年10月19日

5. 控制器

摘要： 1. 控制器的作用 1. 处理HTTP请求 2. 处理业务逻辑 3. 发送HTTP响应 2. 编写控制器的最佳实践每个资源的控制器放在不同的文件里最好使用类+类方法的形式编写控制器严谨的错误处理 3. 获取Http请求参数 1. 获取body中的参数 koa默认是不支持查看body中的参数，阅读全文

posted @ 2019-10-19 23:35 改变就是好事哈阅读(159) 评论(0) 推荐(0) 编辑

4. 增删改查的初步模拟

摘要： 1. Http中的Options方法使用allowedMethods 作用： 1. 返回当前接口所支持的请求方法 2. 相应地返回405和501 405：这个方法开发者还没写，不允许 501:　这个方法不支持 2. RestFul Api 增删改查应该返回什么响应在前面代码的基础上，我们增阅读全文

posted @ 2019-10-19 21:39 改变就是好事哈阅读(145) 评论(0) 推荐(0) 编辑

改变就是好事哈

公告