我现在本职工作是UI设计，但是在工作中也喜欢了解和学习前端技术，这是小网站是我去年开始学习Node之后开发的个人项目。这个项目边学边做，断断续续也有半年时间吧，期间不断增加新功能，优化用户体验。现在因为想构想新项目，不打算继续更新，所以分享给感兴趣的朋友，大家互相学习。
预览地址 card.luosj.me
安装
- 安装MongoDB并成功启动
- git clone "github.com/luosijie/ca…"
- npm install
- npm start
- 访问 localhost:3000
使用到是技术
- Node + Express
- MongoDB + Mongoose
实现功能
- 登录注册
- 图片简单处理
- 名片模板的上传和保存
- 名片图片的打包和下载
- 名片模板收藏
- MongoDB数据增删改查
使用到的插件
- html2Canvas 用于将html解析为图片
- jsZip 用于图片打包
- fileSaver 用于导出打包后的zip文件
网站的不足
- 代码组织比较乱 ———— 哪天心情好再来整理
- 没有兼容浏览器，目前只谷歌 火狐可以正常访问 ———— 人生苦短，我不兼容
- 没有管理后台 ———— 这是一个比较大的问题
项目结构
项目部分截图
首页
模板列表用hbs模板渲染
用户编辑页
看起来简单的页面结果花的时间最多
管理员上传模板
注意：这个页面的权限只有 用户名为admin 才可以访问，没办法就是这么不科学
个人中心
我的收藏和基本账户设置功能
先这样了 欢迎大家star
