演示

功能

• 群聊，每个进入的用户都可以看到自己和他人的聊天记录

• 实时显示当前在线人数

• 自己发送的消息和他人有区分

服务端

服务端是使用Node.js的ws模块，具体API可以点击这里 –> 点我查看 <–

背景

一个 tab 页面，每个页面的背景色是 #f4f4f4 数据都是动态的，数据会越来越多。当数据没有撑满屏幕的高度时，为了保证最外层的view的背景色是 #f4f4f4 。高度必须是屏幕高度的100%也就是100vh。如果数据撑开屏幕的高度的话，最外层view给高度可以是 auto 或者是 100% 。

声明一下：这个api是我抓包抓到的，因为平时经常给别人装机下载镜像，所以经常在这里下载。

获取资源列表id

请求URL

1

https://msdn.itellyou.cn/Category/Index`

BilibiliVideoDownload

PC端下载bilibili视频(Material Design风格)

版本

创建连接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

const Sequelize = require('sequelize');

const sequelize = new Sequelize('数据库名', '数据库账号', '数据库密码', {
  host: '主机名',
  dialect: 'mysql',
  port: '端口',
  operatorsAliases: false,
  timezone: '+08:00', // 时区，中国+8
  pool: {
    max: 5,
    min: 0,
    acquire: 30000,
    idle: 10000
  }
});

sequelize
    .authenticate()
    .then(() => {
      console.log('***数据库连接成功');
    })
    .catch(err => {
      console.error('数据库连接失败：', err);
    });

module.exports = sequelize;

wxml

1
2
3
4
5
6

<view>
  <block wx:for="{{test}}" wx:key="*this">
    <button type='primary' size='mini' bindtap='chageval' data-id='{{item.id}}'>{{item.name}}</button>
    <text>{{item.val}}</text>
  </block>
</view>

Vue-cli代理跨域

1. 在config下的index.js里面找到proxyTable

注：本教程适合有一定计算机基础的朋友使用，小白先百度了解一下基础知识。切勿使用本教程做一切违反中国人民共和国相关法律法规之事！

购买VPS

Bandwagon Host

Bandwagon Host被国人称为搬瓦工，他们家的VPS有专门对国内网络连接速度优化，国人用的非常多。官网为 https://bwh1.net/cart.php

建议大家购买下面这两款：

单文件上传