发表于 | 分类于 |

>

koa2+vue2+mysql 全栈开发记录

基于想要自己制作一个个人项目为由，于是有了这么一个开发记录（梳理开发过程也是一个知识巩固的过程）

koa2+vue2+mysql 个人的一个通用DEMO(本篇文章的范例)

koa2+vue2+mysql GITHUB地址

前端工具

  • vue
  • vue-router
  • vuex
  • axios
  • element ui 页面UI组件
  • echartsjs 百度强大的图表展示
  • vue-admin-template 花裤衩大佬的一个实用管理后台模版 配套教程
  • vue-i18n 国际化
  • scss
    阅读全文 »

发表于 | 分类于 |

使用koa框架编写后台

构建项目

安装 koa-generator

  • 1.npm install -g koa-generator
  • 2.koa2 /server && cd /server
  • 3.npm install

    运行

  • npm start
阅读全文 »

发表于 | 分类于 |

vue scrollTop 无法赋值

遇到问题

container.scrollTop 一直为0不能赋值

1
2
3
4
5
6
7
8
9
10
11
12
13
watch: {
  historyList () {
    this.$nextTick(() => {
      const container = this.$el.querySelector('.scrolldivmain')
      console.log(container.scrollHeight)
      console.log(container.scrollTop)
      this.$refs.scrolldiv.scrollTo(0, container.scrollHeight + 'px')
      container.scrollTop = container.scrollHeight
      container.scrollTop(0, container.scrollHeight)
      console.log(container.scrollTop) // container.scrollTop 一直为0
    })
  }
}
阅读全文 »

发表于 | 分类于 |

因公司需求需使用protobuf，然后就有了这个踩坑记录

什么是protobuf？

官方解释为：

Protocol buffers are a flexible, efficient, automated mechanism for serializing structured data – think XML, but smaller, faster, and simpler. You define how you want your data to be structured once, then you can use special generated source code to easily write and read your structured data to and from a variety of data streams and using a variety of languages. You can even update your data structure without breaking deployed programs that are compiled against the “old” format.

翻译是(机翻—我英语不好)

协议缓冲区是用于序列化结构化数据的灵活，高效的自动化机制 - 思考XML，但更小，更快，更简单。您可以定义一次数据的结构，然后您可以使用特殊的源代码轻松地将结构化数据写入各种数据流并使用各种语言读取和读取数据。您甚至可以更新您的数据结构，而不会中断根据“旧”格式编译的已部署程序。

特点：

  • 更简单
  • 是3到10倍小
  • 速度要快20到100倍
  • 不太模糊
  • 生成更易于以编程方式使用的数据访问类
    阅读全文 »

发表于 |

之前因为公司的产品需求，研究过分布式方案，最近抽空整理了下

解决方案

  • 主要是以nginx搭载keepalived实现 web 业务服务器 keepalives防止单点故障
  • reids分布式缓存
  • fastdfs分布式文件
  • postgre-xl分布式数据库服务器

简单说，分布式是以缩短单个任务的执行时间来提升效率的，而集群则是通过提高单位时间内执行的任务数来提升效率。

参考

阅读全文 »

发表于 |

安装nginx

安装开发环境

Ububtu16.4安装方法：

安装g++只需要一条命令就可以了：

1
$ sudo apt-get install build-essential #除了g++外，这条命令还会安装libc6-dev，make等好东东，很方便

CentOS7安装方法：

yum install gcc-c++

pcre zlib ssl安装

一般我们都需要先装pcre, zlib，前者为了重写rewrite，后者为了gzip压缩。

1.选定目录
cd /usr/local/src以下下载文件均放置在次文件夹下 请使用sudo权限

pcre

下载地址:ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/

Ububtu16.4安装方法：

1
2
3
4
5
6
wget ftp://ftp.csx.cam.ac.uk/pub/software/programming/pcre/pcre-8.41.tar.gz
tar -zxvf pcre-8.41.tar.gz
cd pcre-8.34
./configure
make
make install
阅读全文 »

发表于 | 分类于 |

vue搭建后台管理页面(刚接触，踩了很多坑，好记性不如烂笔头，还是需要多多总结)

转载请注明出处

参考资料：
Vue，Vue-router，muse-ui

用vue-cli脚手架创建一个基于webpack的Vue项目

环境：node
全局安装vue-cli脚手架：npm install -g vue-cli(安装过慢请尝试使用淘宝镜像)
新建文件夹后，命令行输入vue init webpack 项目名.
npm install安装依赖项，开发调试请使用npm run dev
npm install --save muse-ui安装页面插件

阅读全文 »

发表于 | 分类于 |

微信开发全过程(node)

本地进行微信公众号的开发和调试

最开始是放在个人服务器上的。但是每次测试时部署麻烦，后来尝试使用natapp.cn通过内网穿透实现本地测试。

注册后，可以尝试先使用免费的。网站自带教程点击这里

由于我是mac电脑 使用natapp需要先授权chmod a+x natapp然后运行./natapp(推荐使用config.ini方式，配置好authtoken，放在同级目录下即可)

链接时遇到一直链接不上服务器的问题，仔细看了下教程，应该是DNS问题，修改本地DNS为阿里云公共DNS：223.5.5.5 223.6.6.6后，成功链接。

账号链接(测试号)

微信接口配置信息

URL：填写服务器地址(需有appid信息相符才能验证成功)
Token：任意填写(后面的配置需与填写的一致)

创建项目

开发语言：node.js
开发框架：express，express教程参考官网
插件：wechat、wechat-api

建立接口链接

创建路由

阅读全文 »