分享一个基于Node的名片设计网站

LeoHsiun 发布于2019-06-26 17:16 / 3043人阅读

摘要：我现在本职工作是设计，但是在工作中也喜欢了解和学习前端技术，这是小网站是我去年开始学习之后开发的个人项目。现在因为想构想新项目，不打算继续更新，所以分享给感兴趣的朋友，大家互相学习。

我现在本职工作是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的视频会议系统的设计与实现基于云计算的电子政务公共平台顶层设计

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/19019.html

前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

zxhaaa 2019-08-22 16:11 评论0 收藏0
前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

JouyPub 2019-08-02 10:10 评论0 收藏0
前端资源分享-只为更好前端

摘要：一团队组织网站说明腾讯团队腾讯前端团队，代表作品，致力于前端技术的研究腾讯社交用户体验设计，简称，腾讯设计团队网站腾讯用户研究与体验设计部百度前端研发部出品淘宝前端团队用技术为体验提供无限可能凹凸实验室京东用户体验设计部出品奇舞团奇虎旗下前一、团队组织网站说明腾讯 AlloyTeam 团队腾讯Web前端团队，代表作品WebQQ，致力于前端技术的研究 ISUX 腾...

vslam 2019-08-30 15:53 评论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