2020年4月5日
前后端交互3 发送消息1
摘要： 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 改变就是好事哈 阅读(295) 评论(0) 推荐(0) 编辑
6. Koa中的错误处理
摘要： 1. Koa中自带的错误处理 koa中，通过ctx.throw( 状态码 )来抛出异常， 也可以携带自己想提示错误信息 图1 koa自带错误处理结果 从上图我们可以看出， 返回的状态码为404， 错误处理信息也显示了。但是这不是我们想要的， 在Restful API的规定中， 我们尽量使用json格 阅读全文
posted @ 2019-10-20 13:55 改变就是好事哈 阅读(1602) 评论(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) 编辑