在我們基於UniApp的H5項目中，需要生成一些二維碼進行展示，另外也需要讓用戶可以掃碼進行一定的快捷操作，本篇隨筆介紹一下二維碼的生成處理和基於H5的掃碼進行操作。二維碼的生成，使用了JS文件weapp-qrcode.js進行處理，而二維碼掃碼則是基於一個第三方組件的方式進行支持的，最後通過統一入... ...
當你寫項目的時候，如何快速的完成一個項目的搭建，這個時候就需要藉助到一些模板了，前端開發的一個好處就是，各類UI模板都是相當的齊全的，直接拿來用就可以了，脫離了一行又一行壘代碼的繁瑣的工作，以下的開源後臺管理系統模板是我在逛GitHub的時候看到的，排名先後是按照2020/5月份GitHub上面的star進行排名的。
1：vue-admin-better
推薦指數：star:14k Github 地址：https://github.com/chuzhixin/vue-admin-better Demo體驗：https://vue-admin-beautiful.com/admin-plus/
一個基於 vue2.0 和 Eelement 的控制面板 UI 框架，這是使用vue技術棧開發的前端程式員的首選管理系統模板，模板以及非常的成熟了，並且有相關的社區和維護人員，開發時候遇到問題也不要慌。
2：AdminLTE
推薦指數：star:34.7k Github 地址：https://github.com/almasaeed2010/AdminLTEDemo體驗：https://adminlte.io/themes/AdminLTE/index2.html
非常流行的基於 Bootstrap 3.x 的免費的後臺 UI 框架，這是一個非常老牌的後臺管理系統模板，每個頁面都是單獨的html網頁，適合前端入門新手來做項目。
3：ant-design-pro
推薦指數：star：25.2k Github 地址：https://github.com/ant-design/ant-design-proDemo體驗：https://preview.pro.ant.design/
這個就不多說了，選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中台前端/設計解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開啟複製黏貼模式哦。
4：layui
推薦指數：star：21.7k Github 地址：https://github.com/sentsin/layui/Demo體驗：https://www.layui.com/admin/pro/
經典模塊化前端框架，由職業前端傾情打造，面向全層次的前後端開發者，低門檻開箱即用的前端 UI 解決方案。根據大家的建議，把忘記的這個框架也補充，這個框架有收費和免費的版本，在去年的時候進入過開源中國前端框架最受歡迎的框架前三名，實至名歸，確實很好用，支持單頁面，PC端和響應式移動端。
5：ng2-admin
推薦指數：star：20.6k Github 地址：https://github.com/akveo/ngx-adminDemo體驗：https://www.akveo.com/ngx-admin/pages/dashboard
這是基於 Angular 2, Bootstrap 4 和 Webpack 的後臺管理面板框架，要說前面已經有了react和vue技術棧的模板，那怎麼能少的了ng的？雖然在國外用的比較多，國內較少使用，但絲毫不影響ng作為前端框架三大巨頭之一的地位呀。
6：Gentelella
推薦指數：star：19.1k Github 地址：https://github.com/puikinsh/gentelellaDemo體驗：https://colorlib.com/polygon/gentelella/index.html
Gentelella 是一個可免費使用的 Bootstrap 管理界面模版，使用群體比較廣泛。這個模版使用預設的 Bootstrap 3 的樣式，還有一系列功能強大的 jQuery 插件和工具，可快速創建管理界面模版或者後臺的 Dashboard。
7：iview-admin
推薦指數：star：14.7k Github 地址：https://github.com/iview/iview-adminDemo體驗：https://admin.iviewui.com/home
iView admin 是基於 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 組件庫形成的一套後臺集成解決方案 。
8：blur-admin
推薦指數：star：10.9k
Github 地址：https://github.com/akveo/blur-adminDemo體驗：https://www.akveo.com/blur-admin-mint/#/dashboard
BlurAdmin 是一款使用 AngularJs + Bootstrap實現的單頁管理端模版，視覺衝擊極強的管理後臺，各種動畫效果。
9：vue-manage-system
推薦指數：star:10.6k 地址：https://github.com/lin-xin/vue-manage-systemDemo體驗：https://lin-xin.gitee.io/example/work/#/dashboard
vue-manage-system，一個基於 Vue.js 和 element-ui 的後臺管理系統模板，挺喜歡這個界面的UI，簡約清晰不累贅，多功能的後臺框架模板，適用於絕大部分的後臺管理系統開發。
10：material-dashboard
推薦指數：star：9.1k Github 地址：https://github.com/creativetimofficial/material-dashboardDemo體驗：https://demos.creative-tim.com/material-dashboard
基於 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material Bootstrap Admin，其設計靈感來自谷歌的 Material Design 。
11：d2-admin
推薦指數：star:8.7k github地址：https://github.com/d2-projects/d2-admin
D2Admin 是一個完全 開源免費 的企業中後臺產品前端集成方案，基於 vue.js 和 ElementUI 的管理系統前端解決方案 ，小於 60kb 的本地首屏 js 載入,已經做好大部分項目前期準備工作
12：vuestic-admin
推薦指數：star:7.1k
GitHub:https://github.com/epicmaxco/vuestic-adminDemo體驗：https://vuestic.epicmax.co/admin/dashboard
vuestic-admin管理台儀錶盤是一個響應式的儀錶盤模板，採用Bootstrap 4和Vue.js構建。這個精美的管理台模板提供了自定義元素組件，如地圖，聊天，個人資料卡，圖標，進度條等，以及用於登錄和註冊的預建頁面。
