分享一個基于Node的名片設計網站

LeoHsiun 發布于2019-06-26 17:16 / 3062人閱讀

摘要：我現在本職工作是設計，但是在工作中也喜歡了解和學習前端技術，這是小網站是我去年開始學習之后開發的個人項目。現在因為想構想新項目，不打算繼續更新，所以分享給感興趣的朋友，大家互相學習。

我現在本職工作是UI設計，但是在工作中也喜歡了解和學習前端技術，這是小網站是我去年開始學習Node之后開發的個人項目。這個項目邊學邊做，斷斷續續也有半年時間吧，期間不斷增加新功能，優化用戶體驗。現在因為想構想新項目，不打算繼續更新，所以分享給感興趣的朋友，大家互相學習。

項目地址 https://github.com/luosijie/card

預覽地址 http://card.luosj.me

安裝

安裝MongoDB并成功啟動

git clone "https://github.com/luosijie/card.git"

npm install

npm start

訪問 localhost:3000

使用到是技術

Node + Express

MongoDB + Mongoose

實現功能

網站的基本功能是管理員編輯好名片模板并上傳到服務器，用戶通過簡單編輯名片模板下載直接拿去打印店打印

登錄注冊

圖片簡單處理

名片模板的上傳和保存

名片圖片的打包和下載

名片模板收藏

MongoDB數據增刪改查

使用到的插件

html2Canvas 用于將html解析為圖片

jsZip 用于圖片打包

fileSaver 用于導出打包后的zip文件

網站的不足

代碼組織比較亂 ———— 哪天心情好再來整理

沒有兼容瀏覽器，目前只谷歌火狐可以正常訪問 ———— 人生苦短，我不兼容

沒有管理后臺 ———— 這是一個比較大的問題

項目結構

項目部分截圖 首頁

模板列表用hbs模板渲染

用戶編輯頁

看起來簡單的頁面結果花的時間最多

管理員上傳模板

注意：這個頁面的權限只有 用戶名為admin 才可以訪問，沒辦法就是這么不科學

個人中心

先這樣了，歡迎大家star

GPU云服務器云服務器基于php的網站設計怎樣設計一個網站基于webrtc的視頻會議系統的設計與實現基于云計算的電子政務公共平臺頂層設計

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/19019.html

前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

JouyPub 2019-08-02 10:10 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

vslam 2019-08-30 15:53 評論0 收藏0
前端資源分享-只為更好前端

摘要：一團隊組織網站說明騰訊團隊騰訊前端團隊，代表作品，致力于前端技術的研究騰訊社交用戶體驗設計，簡稱，騰訊設計團隊網站騰訊用戶研究與體驗設計部百度前端研發部出品淘寶前端團隊用技術為體驗提供無限可能凹凸實驗室京東用戶體驗設計部出品奇舞團奇虎旗下前一、團隊組織網站說明騰訊 AlloyTeam 團隊騰訊Web前端團隊，代表作品WebQQ，致力于前端技術的研究 ISUX 騰...

zxhaaa 2019-08-22 16:11 評論0 收藏0
7月份前端資源分享

摘要：更多資源請文章轉自月份前端資源分享的作用數組元素隨機化排序算法實現學習筆記數組隨機排序個變態題解析上個變態題解析下中的數字前端開發筆記本過目不忘正則表達式聊一聊前端存儲那些事兒一鍵分享到各種寫給剛入門的前端工程師的前后端交互指南物聯網世界的更多資源請Star：https://github.com/maidishike... 文章轉自：https://github.com/jsfr...

pingan8787 2019-08-20 17:53 評論0 收藏0
4月份前端資源分享

摘要：更多資源請文章轉自月份前端資源分享關于的思考一款有趣的動畫效果跨站資源共享之二最流行的編程語言能做什么到底什么是閉包的第三個參數跨域資源共享詳解阮一峰前端要給力之語句在中的值周愛民中國第二屆視頻花絮編碼規范前端工程師手冊奇舞周刊被忽視的更多資源請Star：https://github.com/maidishike... 文章轉自：https://github.com/jsfron...

jsdt 2019-08-20 15:54 評論0 收藏0