寫了一個很雜的我的小程序 · 分享 · 總結

時間 2019-11-24

標籤寫了一個我的程序分享總結简体版

原文原文鏈接

立刻就要過年了，雖然還要堅守崗位到大年28，但這幾天基本能夠自由活動了。整理了一下最近忙裏偷忙寫的小程序。幾個月前就申請了一個帳號，由於自我驅動不夠一直不知道寫點什麼。後來借鑑了一些優秀的小程序的功能模塊把它們仿寫並改進。前端

記帳功能的小鍵盤仿的是鯊魚記帳app。vue

邀請好友的答題的猜畫小歌的邀請機制，每一個人進入房間自動以房主的身份開一個新房間，房主離開房間則其餘人自動退房。分享出去房間也將失效。node

匹配答題的機制仿的是輕芒答題小程序，但答題的分數機制不同。mysql

滑動組件、房間聊天面板仿的是微信的UI。nginx

壓圖小工具仿的是SM·MS圖牀，但不少圖牀批量上傳都是併發提交，致使返回的順序是隨機的。這裏改爲了有序上傳並返回，結果一目瞭然。建議本身命名，這樣就不會拿到外鏈都不知道是那張圖片了。壓縮率大約是tinypng的80%，但快一點。因此這裏有一個很尷尬的地方，若是對被tinypng壓縮過的圖片進行二次壓縮圖片有可能會變大，這一點我也非常無奈呀。壓縮功能只支持png和jpg兩種格式、也沒有放開原圖上傳，最多爲我的保存50張圖片，超出的話手動到個人相冊刪除便可。作這麼多限制是由於還沒具體測過本身寫的後臺夠不夠硬。git

測試也是自寫自測，通信方面也只是一臺老掉牙的iphone6和iphoneXR互測過，可能有不少不到位的。但願你們幫忙玩一玩，給我一些真實的數據操做操做，有bug或者任何建議、好點子能夠猛戳這裏。感興趣的也能夠down下來跑一跑。github

全部的功能製做爲學習使用，不作其餘用途。最後，求大佬們給幾顆star，哈哈web

總體功能分佈

一個帳本小工具

一個壓圖小工具sql

處理先後大小、展現壓縮率
批量、順序上傳
自定義圖片名稱
圖牀存取【資源有限,我的限額50】
快速提取圖片外鏈
圖片預覽
圖片刪除
相冊分組、合成、分享

一個仿輕芒在線答題系統數據庫

~~自主答題模式~~【題庫有限，暫不開放】
在線匹配答題
邀請好友答題
答題記錄
房間聊天
一個方格小遊戲
排行榜

~~一個信息發佈系統~~

~~全局私信功能~~
~~全局評論功能~~

總體技術棧

前端：mpvue
後端：express
通信：socket.io
orm： sequelize
登陸：jsonwebtoken
代理：nginx
開發調試：nodemon
日誌系統：log4js(業務日誌) + morgan(訪問日誌)
後臺運行：pm2
自動部署：githooks

環境搭建

前端環境

git clone https://github.com/formattedzzz/leo-build-wx.git
cd leo-build-wx
npm install
npm run dev
# 真機調試須要改成本身的appid 同時修改服務端config.js中appid、secret_key字段
複製代碼

服務端環境

git clone https://github.com/formattedzzz/leo-build-server.git

# 啓動以前手動創建數據庫並修改數據庫密碼 打開終端或可視化工具
# mysql -u root -p 'your mysql password'
# CREATE DATABASE account;
# 修改config.js中password字段

cd leo-build-server
npm install
npm run dev
複製代碼

在線體驗

一些總結

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。